Optimer markedsførings-e-mails til mobile enheder

Når du udarbejder en marketing-e-mail, kan du skjule bestemte afsnit i e-mail-klienter på både desktop og mobil. Du kan også ændre kolonneindstillingerne og det overordnede layout for at forbedre oplevelsen for modtagere, der læser din e-mail på mindre enheder.

Ved at tilpasse din e-mail til forskellige enheder kan du øge engagementet og forbedre den samlede brugeroplevelse af dine e-mails.

Forstå begrænsninger og overvejelser

• Indstilling af separate moduler og styling på desktop og mobil kan kun foretages i træk-og-slip-editoren. For e-mails, der er oprettet ved hjælp af skabeloner fra Design Manager, skal udviklere manuelt tilføje eventuelle tilpasninger til de enkelte enheder.
• Følgende e-mail-klienter understøtter ikke mobiloptimerede e-mails: Yahoo! Mail på Android, AOL Mail på Android, Gmail IMAP og visse versioner af Samsung Mail. I disse klienter vil skjulte moduler være synlige, og konfigurationer, der kun gælder for mobilen, vil blive ignoreret.
• Modulindstillinger såsom skriftstørrelse eller afstand kan ikke indstilles til forskellige værdier for mobil og desktop. For at anvende forskellige værdier for disse indstillinger anbefales det at oprette separate moduler, der udelukkende er beregnet til henholdsvis mobil og desktop, med det samme indhold.

Skjul moduler og sektioner på desktop eller mobil

Sådan tilpasser du, hvilke moduler eller sektioner der vises for modtagere på desktop eller mobil:

1. Klik på Mere på din HubSpot-konto, og navigér derefter til Marketing > E-mail. Hvis Mere ikke vises på din konto, skal du navigere direkte til Marketing > E-mail.
2. Klik på navnet på et udkast til en e-mail, eller klik på Opret e-mail.
3. Klik påikonet desktop til desktop ellermobiletil mobil øverst i e-mail-editoren for at konfigurere indstillingerne for hver enhedstype.

4. Hold markøren over et modul eller et afsnit, og klik påikonet for at skjule det hide for at skjule det pågældende modul i den version af e-mailen, du redigerer.

5. For at vise alle skjulte moduler for en version, du redigerer, skal du klikke på rullemenuen Visningsindstillinger øverst i redigeringsvinduet og derefter aktivere Vis skjulte .
6. For at gøre et skjult modul synligt igen i den pågældende version af e-mailen skal du klikke påikonet » view « (Vis) på det sted, hvor ikonet for »Skjult« ellers ville være.

Tilpas modulernes placering på mobile enheder

Du kan tilpasse, hvordan modulerne i et afsnit skal stables, når de vises på en mobilenhed.

1. Klik på Mere på din HubSpot-konto, og navigér derefter til Marketing > E-mail. Hvis Mere ikke vises på din konto, skal du navigere direkte til Marketing > E-mail.
2. Klik på navnet på et udkast til en e-mail, eller klik på Opret e-mail.
3. Klik på et afsnit i e-mail-editoren.
4. I redigeringspanelet til venstre skal du vælge en indstilling i afsnittet "Stabling" :
   • Behold de samme kolonner: E-mailen viser det samme antal kolonner på mobilen som på computeren.
   • Venstre oven over højre: Modulerne til venstre i afsnittet vises først på mobilen.
   • Højre før venstre: Modulerne i højre side af sektionen vises først på mobilen.

Tilpas stilen på desktop eller mobil

Du kan konfigurere separate designindstillinger til desktop og mobil for et enkelt afsnit eller hele marketing-e-mailen.

1. Klik på Mere på din HubSpot-konto, og navigér derefter til Marketing > E-mail. Hvis Mere ikke vises på din konto, skal du navigere direkte til Marketing > E-mail.
2. Klik på navnet på et udkast til en e-mail, eller klik på Opret e-mail.
3. I e-mail-editoren skal du klikke på et afsnit for at redigere dets design, eller klikke påikonet for skabelondesign ( styles ) til venstre for at redigere designet for hele e-mailen.
4. I redigeringspanelet i venstre sidepanel skal du slå kontakten "Alle enheder" ud ved siden af et afsnit for at se separate indstillinger for desktop og mobil.

5. Rediger formatindstillingerne for desktop og mobil.

Når du er færdig med at redigere indstillingerne for synlighed og layout for din e-mail, kan du få et eksempel på, hvordan e-mailen vil se ud i forskellige e-mail-klienter.

Optimer e-mails til mobile enheder

For at forbedre udseendet af dine marketing-e-mails på mobile enheder anbefales det at følge disse anbefalede fremgangsmåder:

• Brug en responsiv e-mailskabelon: Responsivt indhold tilpasser sig den skærm, det vises på. Selvom HubSpots træk-og-slip-skabeloner er responsive som standard, skal udviklere, der opretter kodede skabeloner, bruge markeringen til responsive e-mailskabeloner.
• Reducer billedfilstørrelserne: Mindre billedfiler resulterer i mindre e-mails og hurtigere indlæsningstider. Selvom HubSpot automatisk ændrer størrelsen på alle billeder med en fast bredde, hvilket reducerer filstørrelsen, kan du også bruge en tjeneste som FastStone Photo Resizer.
• Opret læsbare links og knapper: Alle tekstlinks og knapper skal være mindst 57 pixel i bredde og højde.
• Test e-mailens forhåndsvisningstekst: Alt-teksten til billeder placeret i starten af en marketing-e-mail kan blive trukket ind i e-mailens forhåndsvisningstekst. Dette problem kan løses ved at fjerne billedets alt-tekst. Det anbefales at sende en test-e-mail for at kontrollere, at forhåndsvisningsteksten vises som forventet.
• Undgå JavaScript- og iframe-elementer: Indlejrede JavaScript- og iframe-elementer vises ikke i de fleste e-mail-klienter. Det anbefales at undgå at tilføje disse til kodede skabeloner.
• Reducer e-mailens størrelse for at undgå afskæring: Indholdet i e-mails på over 102 KB kan blive skjult bag et link med teksten »Vis hele meddelelsen« i Gmail. Få mere at vide om, hvordan du beregner og reducerer en e-mails størrelse.