Forhåndsvis og optimaliser hvordan e-posten din vises på tvers av klienter og enheter.

Når du utformer e-postmarkedsføringen, kan du forhåndsvise hvordan den ser ut på ulike typer enheter og e-postklienter. Hvis du oppdager at e-posten ikke vises som forventet på bestemte klienter, kan du lese gjennom beste praksis og løsninger på vanlige problemer nedenfor.

Forhåndsvis e-posten på mobile enheter og stasjonære klienter

Før du sender e-posten, kan du forhåndsvise hvordan den vil se ut på ulike klienter og enheter.

• I HubSpot-kontoen din navigerer du til Markedsføring > Markedsførings-e-post.
• Klikk på navnet på en eksisterende utkast til e-post.
• Klikk på rullegardinmenyen Handlinger øverst til høyre i e-postredigeringsprogrammet, og klikk deretter på Forhåndsvisning.
• Se hvordan e-posten din vil se ut både på en større skrivebordsskjerm og en mindre mobilversjon.
• Hvis du vil forhåndsvise hvordan e-posten din vil se ut i bestemte e-postklienter, klikker du på Klienter øverst i forhåndsvisningsskjermbildet.
• I venstre rute merker du av i avmerkingsboksen ved siden av den e-postklienten du vil forhåndsvise.
• Klikk på Test e-posten min nå øverst til høyre. HubSpot genererer forhåndsvisninger for hver av klientene du har valgt.
  • Klikk på knappene < eller > for å navigere mellom forhåndsvisningene.
  • Som standard vil mange klienter deaktivere bilder når e-posten lastes inn første gang. Hvis du vil se hvordan e-posten din ser ut uten bilder, slår du på bildeblokkering.

Løse problemer med klipping i Gmail

Hvis den totale størrelsen på e-posten din, inkludert eventuell innebygd kode i merkingen av meldingen, overstiger 102 KB, vil Gmail klippe e-posten din. For å se hele innholdet i e-posten må mottakeren klikke på lenken Vis hele meldingen, noe som kan ha negativ innvirkning på omdømmet ditt, og som også forstyrrer HubSpots evne til å spore interaksjoner med e-posten din.

Hvis det er fare for at e-posten din kan bli klippet ut i Gmail, vises en advarsel i panelet for gjennomgang og sending . Denne advarselen er basert på en beregning av størrelsen på e-posten, basert på HTML-teksten i e-posten og de tilknyttede sporingskoblingene.

Hvis du vil unngå at Gmail klipper ut e-posten din, kan du følge trinnene nedenfor:

• Reduser antall lenker i e-posten: Hver sporingslenke i e-posten inneholder HubSpots sporingsparametere på slutten av nettadressen. Lengden på disse lenkene kan variere, men hver enkelt lenke kan ofte være flere hundre tegn lang, noe som bidrar til størrelsen på e-posten.
• Trim bort ekstra innhold: Gå gjennom e-posten for å fjerne innhold som ikke er viktig for mottakerne å lese. Du bør også sjekke om du har tatt med kode eller styling hvis du har kopiert innhold fra et annet redigeringsprogram. Husk at fjerning av store bilder ikke vil redusere e-postens størrelse nevneverdig, siden de lastes inn separat fra innholdet i e-posten.
• Unngå å sende flere e-poster med samme emnelinje: Hvis du sender flere e-poster med samme emnelinje til en mottaker, vil Gmail automatisk slå dem sammen til én tråd, selv om den nyeste e-posten inneholder nytt innhold.
• Test e-postenetter at du har gjort endringer: Når du harendret e-posten din for å redusere størrelsen, bør du sende en test-e-post til en Gmail-konto du eier, for å kontrollere at e-posten vises slik du forventer, uten klipping.

Gjør e-posten mobilvennlig

Selv om det er vanskelig å designe e-posten slik at den ser perfekt ut både på PC og mobil, kan du følge tipsene nedenfor for å sikre en konsekvent mobilopplevelse.

Bruk en responsiv e-postmal

Alle HubSpots dra-og-slipp-maler er responsive som standard. Det betyr at innholdet tilpasser seg skjermen det vises på. HubSpot legger også til en maksbredde for bilder i innholdsredigeringsprogrammet, slik at du ikke trenger å bekymre deg for å redigere kildekoden for å legge til maksbredder.

Hvis du oppretter en kodet e-postmal i HubSpot, må du huske å bruke vår responsive e-postmalmarkering. Du kan også kjøpe en responsiv e-postmal fra Template Marketplace.

Reduser størrelsen på bildefilene

I de fleste tilfeller er nedlastingshastigheten på mobile enheter lavere enn på datamaskiner. Bruk mindre bildefiler for å redusere lastetiden for e-posten din. HubSpot endrer automatisk størrelsen på bilder som inneholder et breddeattributt i en <img>-tag. Tjenester som FastStone Photo Resizer og JPEGmini kan også redusere filstørrelsen med opptil 80 % uten å redusere bildekvaliteten.

Øke størrelsen på lenker og CTA-knapper

Sørg for at innholdet er stort nok til å kunne leses tydelig på en mobil enhet. For å sikre at abonnentene kan se og klikke på innholdet tydelig, bør du sørge for at tekstlenker og CTA-knapper er høyere og bredere enn 57x57 piksler.

Feilsøk forhåndsvisningsteksten i e-posten

Når e-posten din vises i mottakerens innboks, kan det hende at e-postklienter som Gmail eller Outlook gjengir ekstra innhold fra brødteksten i e-posten etter emnelinjen og forhåndsvisningsteksten. Dette kan resultere i utilsiktet tekst etter forhåndsvisningen. Hvis du for eksempel har inkludert et bilde, for eksempel et banner eller en logo, øverst i e-posten, kan bildets alt-tekst bli inkludert i forhåndsvisningen av e-posten.

For å unngå dette kan du prøve å gi et sammendrag av innholdet i e-posten som alt-tekst til et bilde øverst i e-posten, eller du kan utelate alt-teksten helt. For å bekrefte at hele forhåndsvisningsteksten vises som forventet, kan du sende deg selv en test-e-post.

Unngå å bruke JavaScript og inline frames

Hvis du bruker det klassiske e-postredigeringsprogrammet til å opprette e-poster, bør du unngå å bruke <script>- eller <iframe>-elementer i malen, siden de ikke gjengis av de fleste større e-postklienter. Hvis du legger til en <iframe> i et HTML-element for å sette inn en video i e-posten, bør du velge å bruke videomodulen i stedet.