Optimera marknadsföringsmejl för mobila enheter

När du skriver ett marknadsföringsmejl kan du dölja vissa avsnitt i e-postklienter för datorer eller mobiler. Du kan också ändra kolumnuppställningen och den övergripande layouten för att förbättra upplevelsen för mottagare som läser ditt mejl på mindre enheter.

Att anpassa ditt e-postmeddelande efter olika enheter kan bidra till att öka engagemanget och förbättra den övergripande användarupplevelsen av dina e-postmeddelanden.

Förstå begränsningar och överväganden

• Att ställa in separata moduler och utformning för stationära datorer och mobila enheter kan endast göras i dra-och-släpp-redigeraren. För e-postmeddelanden som skapas med mallar från Design Manager måste utvecklare manuellt lägga till eventuella anpassningar för enheter.
• Följande e-postklienter stöder inte mobiloptimerade e-postmeddelanden: Yahoo! Mail på Android, AOL Mail på Android, Gmail IMAP och vissa versioner av Samsung Mail. I dessa klienter kommer dolda moduler att visas och konfigurationer som endast gäller mobila enheter kommer att ignoreras.
• Modulinställningar som t.ex. teckenstorlek eller avstånd kan inte ställas in på olika värden för mobil och dator. För att använda olika värden för dessa inställningar rekommenderas det att skapa separata moduler – en enbart för mobil och en enbart för dator – med samma innehåll.

Dölj moduler och avsnitt på stationära datorer eller mobila enheter

Så här anpassar du vilka moduler eller avsnitt som visas för mottagare på datorn respektive mobilen:

1. I ditt HubSpot-konto klickar du på Mer och navigerar sedan till Marknadsföring > E-post. Om Mer inte visas i ditt konto navigerar du direkt till Marknadsföring > E-post.
2. Klicka på namnet på ett utkast till e-postmeddelande eller klicka på Skapa e-postmeddelande.
3. Klicka påikonen för stationära datorer ( desktop ) ellerikonen för mobila enheter (mobile) högst upp i e-postredigeraren för att konfigurera inställningarna för respektive enhetstyp.

4. Håll muspekaren över en modul eller ett avsnitt och klicka pådölj-ikonen hide för att dölja den modulen i den version av e-postmeddelandet som du redigerar.

5. För att visa alla dolda moduler för en version som du redigerar klickar du på rullgardinsmenyn Visningsalternativ högst upp i redigeraren och aktiverar sedan Visa dolda .
6. För att åter göra en dold modul synlig för den versionen av e-postmeddelandet, klicka påikonen ” view ” där ikonen för döljning annars skulle finnas.

Anpassa modulernas stapling på mobila enheter

Du kan anpassa hur modulerna i ett avsnitt ska staplas när de visas på en mobil enhet.

1. I ditt HubSpot-konto klickar du på Mer och navigerar sedan till Marknadsföring > E-post. Om Mer inte visas i ditt konto navigerar du direkt till Marknadsföring > E-post.
2. Klicka på namnet på ett utkast till e-postmeddelande eller klicka på Skapa e-postmeddelande.
3. I e-postredigeraren klickar du på ett avsnitt.
4. I redigeraren i vänster sidfält väljer du ett alternativ i avsnittet Stapling :
   • Behåll samma kolumner: e-postmeddelandet visar samma antal kolumner på mobilen som på datorn.
   • Vänster ovanför höger: modulerna på vänster sida av avsnittet visas först på mobilen.
   • Höger före vänster: modulerna på höger sida av avsnittet visas först på mobilen.

Anpassa utseendet på datorn eller mobilen

Du kan ställa in olika utseenden för dator och mobil för ett enskilt avsnitt eller hela marknadsföringsmejlet.

1. I ditt HubSpot-konto klickar du på Mer och navigerar sedan till Marknadsföring > E-post. Om Mer inte visas i ditt konto navigerar du direkt till Marknadsföring > E-post.
2. Klicka på namnet på ett utkast till e-postmeddelande eller klicka på Skapa e-postmeddelande.
3. I e-postredigeraren klickar du på ett avsnitt för att redigera dess utseende, eller klickar påikonen för mall styles en till vänster för att redigera utseendet för hela e-postmeddelandet.
4. I redigeraren i vänster sidfält kan du stänga av knappen ”Alla enheter ” bredvid ett avsnitt för att visa separata inställningar för dator och mobil.

5. Redigera utformningsinställningarna för stationära datorer och mobila enheter.

När du är klar med att redigera synlighets- och layoutinställningarna för ditt e-postmeddelande kan du förhandsgranska hur e-postmeddelandet kommer att se ut i olika e-postklienter.

Optimera e-postmeddelanden för mobila enheter

För att förbättra utseendet på dina marknadsföringsmejl på mobila enheter rekommenderas att du följer dessa bästa praxis:

• Använd en responsiv e-postmall: responsivt innehåll anpassar sig efter skärmen där det visas. HubSpots dra-och-släpp-mallar är responsiva som standard, men utvecklare som skapar kodade mallar måste använda den responsiva e-postmallmarkeringen.
• Minska storleken på bildfilerna: mindre bildfiler ger mindre e-postmeddelanden och snabbare laddningstider. HubSpot ändrar automatiskt storleken på alla bilder med en fast bredd, vilket minskar filstorleken, men du kan också använda en tjänst som FastStone Photo Resizer.
• Skapa läsbara länkar och knappar: alla textlänkar och knappar bör vara minst 57 pixlar i bredd och höjd.
• Testa förhandsgranskningstexten i e-postmeddelandet: alt-texten för bilder som placeras i början av ett marknadsföringsmejl kan hämtas in i e-postmeddelandets förhandsgranskningstext. Att ta bort bildens alt-text bör lösa detta problem. Det rekommenderas att skicka ett testmejl för att kontrollera att förhandsgranskningstexten visas som förväntat.
• Undvik JavaScript- och iframe-element: inbäddade JavaScript- och iframe-element renderas inte av de flesta e-postklienter. Det rekommenderas att undvika att lägga till dessa i kodade mallar.
• Minska e-postmeddelandets storlek för att undvika att innehåll klipps bort: E-postmeddelanden som är större än 102 KB kan ha sitt innehåll dolt bakom en länk med texten ”Visa hela meddelandet” i Gmail. Läs mer om hur du beräknar och minskar storleken på ett e-postmeddelande.