Optimera din e-post för marknadsföring för mobila enheter

Om du skriver ett e-postmeddelande för marknadsföring kan du dölja specifika avsnitt för mottagare på stationära eller mobila e-postklienter, samt ändra kolumnkonfigurationen och den övergripande layouten för att skräddarsy för användare som läser ditt e-postmeddelande på mindre enheter. Att skräddarsy ditt e-postmeddelande till olika enheter kan bidra till att öka engagemanget och förbättra den övergripande användarupplevelsen av dina e-postmeddelanden.

Observera: den här funktionen är endast tillgänglig när du använder e-postredigeraren med dra-och-släpp-funktion. Anpassade e-postmallar kräver fortfarande att en utvecklare skapar mediafrågor för att ta hänsyn till skillnader i e-postklientstorlek och enhetstyp.

Stöd för e-postklient

De flesta större e-postleverantörer stöder de mobiloptimeringsinställningar som HubSpot tillhandahåller i redigeraren för marknadsföringsmeddelanden, men följande e-postklienter stöder för närvarande inte mobiloptimerade e-postmeddelanden:

• Yahoo! Mail på Android
• AOL Mail på Android
• Gmail IMAP (dvs. använda Gmail-appen med ett icke-Google-konto)
• Vissa versioner av Samsung Mail, till exempel om du använder ett Outlook-konto som är anslutet till Samsung Mail.

Om du använder någon av de klienter som anges ovan kommer HubSpots mobiloptimeringsfunktioner som infogar mediafrågor som är specifika för desktop eller mobil inte att tillämpas. Avsnitt som är inställda på att vara dolda för desktop eller mobil kommer också att vara synliga.

Begränsningar

Du kan inte ange olika värden för modulinställningar för stationära och mobila klienter. Du kan t.ex. inte konfigurera teckenstorlek, utfyllnad eller moduljustering så att de visas olika mellan olika klienttyper.

Du kan dock skapa ett skrivbordsspecifikt avsnitt som innehåller alla moduler du behöver, med varje modul konfigurerad så att den visas på det sätt du behöver för mottagare på deras skrivbord, och sedan se till att den är dold för mobila kunder. Sedan klonar du avsnittet, anpassar det nya avsnittet så att det är optimerat för mobila klienter och ställer in att det ska vara dolt för stationära klienter.

I avsnitten nedan kan du läsa mer om hur du konfigurerar de klientspecifika inställningarna för synlighet.

Dölj moduler och sektioner på dator eller mobil

För att anpassa vilka moduler eller avsnitt som visas för mottagare på desktop eller mobil:

• I ditt HubSpot-konto, navigera till Marknadsföring > E-post.
• Klicka på namnet på ett utkastat e-postmeddelande eller klicka på Skapa e-postmeddelande längst upp till höger för att skapa ett nytt e-postmeddelande.
• Klicka påskrivbordsikonen desktop ellermobilikonen mobile högst upp i e-postredigeraren för att konfigurera inställningarna för varje klienttyp.

• Håll muspekaren över en modul eller ett avsnitt och klicka påikonen hide hide för attdölja den modulen i den version av e-postmeddelandet som du redigerar.
  
  • Om du vill visa alla dolda moduler för en version som du redigerar klickar du på Visa alla dolda längst upp i e-postredigeraren.
  • Du kan klicka på ikonen view view för att växla en dold modul tillbaka till synlig för den versionen av e-postmeddelandet.

• I den vänstra rutan kan du markera kryssrutan Visa som maximal bredd på mobila enheter för att se till att modulen eller avsnittet visas som full bredd för mobila mottagare.

Anpassa e-postlayouten för mobil eller dator

För att konfigurera olika layoutinställningar mellan mobila och stationära klienter:

• Klicka på fliken Innehåll i den vänstra rutan.
• Så här anpassar du hur ett e-postavsnitt ska visas mellan skrivbord och mobil:
  • Klicka på ett av e-postavsnitten.
  • Under avsnittet Synlighet kan du stänga av Alla enheter och sedan klicka på Visa eller Dölj under respektive avsnitt för Desktop och Mobile.

• • I avsnittet Layout avaktiverar du Alla enheter och konfigurerar sedan kolumnlayouten för Desktop och stapellayouten för Mobile.

• • Du kan sedan redigera sektionens styling för antingen mobila eller stationära klienter. Redigera kroppsfärg, kantbredd och kanttyp, bakgrundstyp och bakgrundsfärg som är kopplade till mobila eller stationära mottagare.
• Så här anpassar du hur en mall visas för stationära eller mobila mottagare:
  • Klicka på Design i den vänstra rutan.
  • I avsnittet Mallar avaktiverar du Alla enheter.
  • Du kan sedan redigera mallens styling för antingen mobila eller stationära klienter. Redigera kroppsfärg, kantbredd och kanttyp, bakgrundstyp och bakgrundsfärg som är kopplade till mobila eller stationära mottagare.

När du är klar med inställningarna för synlighet och layout för ditt e-postmeddelande kan du förhandsgranska hur e-postmeddelandet kommer att visas i ett antal vanliga e-postklienter.