Als je een marketinge-mail aan het opstellen bent, kun je specifieke secties verbergen voor ontvangers op desktop- of mobiele e-mailclients, en de kolomconfiguratie en algehele lay-out aanpassen aan gebruikers die je e-mail lezen op kleinere apparaten. Door je e-mails af te stemmen op verschillende apparaten kun je de betrokkenheid verhogen en de algemene gebruikerservaring van je e-mails verbeteren.
Let op: deze functie is alleen beschikbaar als u de sleep-en neerzet-e-maileditor gebruikt. Voor op maat gemaakte e-mailsjablonen moet een ontwikkelaar nog steeds mediaquery's maken om rekening te houden met verschillen in de grootte van e-mailclients en apparaattypen.
Ondersteuning voor e-mailclients
De meeste grote e-mailproviders ondersteunen de mobiele optimalisatie-instellingen die HubSpot biedt in de marketing-e-maileditor, maar de volgende e-mailclients ondersteunen momenteel geen voor mobiel geoptimaliseerde e-mails:
- Yahoo! Mail op Android
- AOL Mail op Android
- Gmail IMAP (d.w.z. als je de Gmail-app gebruikt met een niet-Google-account)
- Sommige versies van Samsung Mail, zoals het gebruik van een Outlook-account dat is verbonden met Samsung Mail.
Als je een van de bovenstaande clients gebruikt, worden de mobiele optimalisatiefuncties van HubSpot, die media queries invoegen die specifiek zijn voor desktop of mobiel, niet toegepast. Secties die zijn ingesteld om te worden verborgen voor desktop of mobiel zullen ook zichtbaar zijn.
Verberg modules en secties op desktop of mobiel
Om aan te passen welke modules of secties worden weergegeven voor ontvangers op desktop of mobiel:
- Klik op de naam van een opgestelde e-mail of klik rechtsboven op E-mail maken om een nieuwe e-mail te maken.
- Klik op hetpictogram desktop desktop of mobile mobiel bovenaan de e-maileditor om de instellingen voor elk type client te configureren.
- Beweeg de muis over een module of sectie en klik op hetpictogram hide verbergen om die module te verbergen in de versie van de e-mail die u bewerkt.
- Als u alle verborgen modules wilt weergeven voor een versie die u bewerkt, klikt u op Alles verborgen weergeven boven aan de e-maileditor.
- U kunt op hetpictogram view klikken om een verborgen module weer zichtbaar te maken voor die versie van de e-mail.
- In het linkerdeelvenster kunt u het selectievakje Toon als maximale breedte op mobiele apparaten inschakelen om ervoor te zorgen dat de module of sectie op volledige breedte wordt weergegeven voor mobiele ontvangers.
E-maillay-out aanpassen voor mobiel of desktop
U kunt verschillende lay-outinstellingen configureren voor mobiele en desktopclients:
- Klik in het linkerdeelvenster op het tabblad Inhoud.
- Aanpassen hoe een e-mailsectie wordt weergegeven tussen desktop en mobiel:
- Klik op een van de e-mailsecties.
- In de sectie Zichtbaarheidkunt u de schakelaar Alle apparaten uitschakelen en vervolgens op Weergeven of Verbergen klikken in de respectieve secties Desktop en Mobiel .
-
- Schakel in de sectie Lay-out de optie Alle apparaten uit en configureer vervolgens de kolomlay-out voor desktop en de stapellay-out voor mobiel.
-
- Je kunt dan de styling van de secties bewerken voor mobiele of desktop clients. Bewerk de bodykleur, randbreedte en -type, achtergrondtype en achtergrondkleur voor mobiele of desktopontvangers.
- Om aan te passen hoe een sjabloon wordt weergegeven voor ontvangers op desktop of mobiel:
- Klik in het linkerdeelvenster op Ontwerp.
- Schakel in het gedeelte Sjabloon de schakelaar Alle apparaten uit.
- Je kunt dan de styling van de sjabloon bewerken voor mobiele of desktopclients. Bewerk de bodykleur, randbreedte en -type, achtergrondtype en achtergrondkleur voor mobiele of desktopontvangers.
Als je klaar bent met het bewerken van de zichtbaarheids- en lay-outinstellingen voor je e-mail, kun je een voorbeeld bekijken van hoe de e-mail wordt weergegeven in een aantal veelgebruikte e-mailclients.