Optimaliseer uw marketinge-mail voor mobiele apparaten

Als u een marketinge-mail opstelt, kunt u specifieke secties verbergen voor ontvangers op desktop- of mobiele e-mailclients en de kolomconfiguratie en algemene lay-out aanpassen aan gebruikers die uw e-mail op kleinere apparaten lezen. Door uw e-mail af te stemmen op verschillende apparaten kunt u de interactie verhogen en de algehele gebruikerservaring van uw e-mails verbeteren.

Let op: deze functie is alleen beschikbaar bij gebruik van de drag-and-drop-editor voor e-mails. 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 instellingen voor mobiele optimalisatie 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. de Gmail-app gebruiken 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.

Beperkingen

Je kunt module-instellingen niet instellen op verschillende waarden voor desktop- en mobiele clients. Je kunt bijvoorbeeld de lettergrootte, opvulling of module-uitlijning niet zodanig configureren dat deze verschillend worden weergegeven tussen de verschillende clients.

Je kunt echter een specifieke desktopsectie maken die alle modules bevat die je nodig hebt, waarbij elke module is geconfigureerd om te worden weergegeven op de manier die je nodig hebt voor ontvangers op hun desktop. Vervolgens kloon je de sectie, pas je de nieuwe sectie aan zodat deze geoptimaliseerd is voor mobiele clients en stel je in dat deze verborgen is voor desktopclients.

Leer meer over het configureren van de clientspecifieke zichtbaarheidsinstellingen in de secties hieronder.

Verberg modules en secties op desktop of mobiel

Om aan te passen welke modules of secties worden weergegeven voor ontvangers op desktop of mobiel:

• Ga in je HubSpot-account naar Marketing > E-mail.
• 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 cliënttype te configureren.

• Ga met 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 je aan het bewerken bent.
  
  • Als u alle verborgen modules wilt weergeven voor een versie die u aan het bewerken bent, 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 kun je 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

Om verschillende lay-outinstellingen te configureren tussen mobiele en desktop clients:

• Klik in het linkerdeelvenster op de tab Inhoud.
• Aanpassen hoe een e-mailsectie wordt weergegeven tussen desktop en mobiel:
  • Klik op een van de e-mailsecties.
  • In de sectie Zichtbaarheid kunt u de schakelaar Alle apparaten uitschakelen en vervolgens op Weergeven of Verbergen klikken in de respectieve secties Desktop en Mobiel .

• • Schakel in het gedeelte Lay-out de schakelaar Alle apparaten uit en configureer vervolgens de kolomlay-out voor desktop en de stapellay-out voor mobiel.

• • Je kunt dan de styling van de sectie 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 eruit zal zien in een aantal veelgebruikte e-mailclients.