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

Når du utformer markedsførings-e-posten, kan du forhåndsvise hvordan den ser ut på ulike enhetstyper og e-postklienter. Hvis du oppdager at e-posten din ikke gjengis som forventet for bestemte kunder, kan du lese gjennom anbefalte fremgangsmåter og utbedringer for vanlige problemer nedenfor. 

Forstå begrensninger og hensyn

• For hver rullende periode på 30 dager kan du generere forhåndsvisninger av innboksen basert på følgende grenser: 
  • Marketing Hub  Professional-kontoer kan opprette opptil 500 tester.
  • Markedsføringshub Enterprise-kontoer kan opprette opptil 1500 tester. 

Forhåndsvis e-posten din på mobile enheter og skrivebordsklienter

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

1. Gå til Markedsføring > E-post i HubSpot-kontoen din.
2. Klikk på navnet på en eksisterende utkastet e-post.
3. Klikk på Forhåndsvisning og test øverst til høyre i e-postredigereren, og velg deretter Forhåndsvisning av innboks.
4. Se hvordan e-posten din vil se ut på både en bredere skrivebordsskjerm og en mindre mobilskjerm.
5. Hvis du vil forhåndsvise hvordan e-posten vises i bestemte e-postklienter, klikker du på Klienter øverst på forhåndsvisningsskjermen.
6. Velg avmerkingsboksen ved siden av e-postklienten du vil forhåndsvise, i panelet til venstre.
7. Øverst til høyre klikker du på Test eposten min nå. HubSpot vil generere forhåndsvisninger for hver av klientene du valgte.
8. Klikk påleftvenstre og righthøyre knapp for å navigere mellom klientforhåndsvisninger.
9. Som standard vil mange klienter først deaktivere bilder når e-posten lastes inn for første gang. Hvis du vil se hvordan e-posten din ser ut uten bilder, klikker du på for å slå på bildeblokkeringsbryteren.

Løs Gmail-utklippsproblemer

Hvis den totale størrelsen på e-posten din, inkludert eventuell innebygd kode i markeringen av meldingen, overstiger 102 kB, klipper Gmail e-posten din. Hvis du vil se hele innholdet i e-posten, må mottakeren klikke på koblingen Vis hele meldingen, noe som kan ha en negativ innvirkning på sendeomdømmet ditt, og også forstyrre HubSpots evne til å spore interaksjoner med e-posten din.

Hvis den utkastede e-posten din risikerer å bli klippet i Gmail, vises en advarsel i panelet Se gjennom og send. Denne advarselen er basert på en tilnærming av e-poststørrelsen, basert på HTML-koden for e-posten og tilhørende sporingskoblinger. 

Hvis du vil hindre at Gmail klipper ut e-posten, kan du følge fremgangsmåten nedenfor:

• Reduser antall koblinger i e-posten: Hver sporede kobling i e-posten inneholder HubSpots sporingsparametere på slutten av nettadressen. Disse koblingene kan variere i lengde, men hver av dem kan ofte være hundrevis av tegn lang, noe som bidrar til størrelsen på e-posten din.
• Trim alt ekstra innhold: Endre e-posten din for å fjerne alt innhold som ikke er viktig for mottakerne å lese. Du bør også se etter kode eller styling som du kan ha tatt med hvis du kopierte innhold fra et eget redigeringsprogram. Husk at fjerning av store bilder ikke vil redusere størrelsen på e-posten din betydelig, siden de lastes inn separat fra innholdet i e-posten din.
• Unngå å sende flere e-poster med samme emnelinje: Hvis du sender flere e-poster til en mottaker som har samme emnelinje, vil Gmail automatisk kombinere dem i én tråd, selv om den nyeste e-posten inneholdt nytt innhold.
• Test ut eposten din etter å ha gjort endringer: Når du har endret eposten din for å redusere størrelsen, kan du sende en testepost til en Gmail-konto du eier for å bekrefte at eposten din vises som forventet uten klipping.

Gjør eposten din mobilvennlig

Selv om det er vanskelig å utforme e-posten slik at den vises perfekt mellom datamaskin og mobil, kan du følge tipsene nedenfor for å sikre en konsekvent mobilopplevelse.

Bruk en responsiv e-postmal

Alle HubSpot dra-og-slipp-maler er responsive som standard. Dette betyr at innholdet justeres slik at det passer til skjermen det vises på. HubSpot legger også til en maks bredde til bilder i innholdsredigereren, slik at du ikke trenger å bekymre deg for å redigere kildekoden for å legge til maks bredde.

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 bildefilstørrelser

I de fleste tilfeller er nedlastingshastighetene på mobile enheter lavere enn på stasjonære datamaskiner. Bruk mindre bildefiler for å redusere innlastingstiden for e-post. HubSpot endrer automatisk størrelsen på bildene dine som inkluderer et breddeattributt i en <img> -tagg. Tjenester som FastStone Photo Resizer og JPEGmini kan også redusere filstørrelsen med opptil 80% uten å redusere bildekvaliteten.

Øk størrelsen på koblinger og CTA-knapper

Sørg for at innholdet er stort nok til å kunne leses tydelig på en mobil enhet. Sørg for at alle tekstkoblinger og CTA-knapper er høyere og bredere enn 57 x 57 piksler for at abonnentene kan se og klikke tydelig på innholdet.

Feilsøk forhåndsvisningstekst for e-post

Når e-posten din vises i mottakerens innboks, kan e-postklienter som Gmail eller Outlook gjengi ekstra innhold fra brødteksten i e-posten etter emnelinjen og forhåndsvisningsteksten. Denne virkemåten kan føre til utilsiktet tekst etter forhåndsvisningen. Hvis du for eksempel har tatt med et bilde, for eksempel et banner eller en logo, øverst i e-posten, kan bildets alternative tekst være inkludert i forhåndsvisningen av e-posten.

For å unngå dette problemet kan du prøve å angi et sammendrag av e-postinnholdet som alternativ tekst i et bilde øverst i e-posten, eller du kan utelate den alternative teksten helt. For å bekrefte at hele forhåndsvisningsteksten vises som forventet, kan du sende deg selv en test-e-post.

Unngå å bruke JavaScript og innebygde rammer

Hvis du bruker det klassiske e-postredigeringsprogrammet til å opprette e-postmeldinger, bør du unngå å bruke <script> - eller <iframe> -elementer i malen, siden de ikke gjengis av de fleste store 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.