[e-mailontwerper] Waarom ziet mijn lettertype in mijn e-mail er zo klein uit op mobiel?

De e-mailontwerper optimaliseert met Drag & Drop systeem automatisch e-mails voor mobiel. Dit betekent dat wanneer je een 14px-lettertype in de ontwerper gebruikt, de lettergrootte in mobiel ook moet worden weergegeven als 14px. Er kunnen echter momenten zijn waarop de lettergrootte op mobiel kleiner lijkt of 'uitgezoomd'. Wanneer je dit probleem ervaart, zijn er een aantal dingen die je kunt controleren. Welke dingen dit zijn staat uitgelegd in dit artikel. 

Is het inhoudsblok correct ingesteld voor de mobiele weergave?

Ieder inhoudsblok in je e-mail biedt mogelijkheden voor de mobiele weergave van het blok. Door in het menu het telefoontje te klikken, kun je aanpassingen doen aan de mobiele weergave. Op deze manier kun je jouw e-mails voor desktop en mobiel optimaliseren. Als je een afwijkende weergave ervaart op desktop/mobiele versies van e-mails, kun je het best deze instellingen controleren van het betreffende inhoudsblok. 

Mobiele_weergave.png

 

Is de tekst gekopieerd en geplakt?

Wanneer tekst (van een externe bron) wordt gekopieerd en in een campagne wordt geplakt, bestaat de kans dat er een 'verborgen opmaak' van de tekst mee komt. De verborgen opmaak is een stukje codering achter de tekst die ervoor kan zorgen dat deze anders wordt weergegeven dan de bedoeling is. In MailBlue zie je deze 'verborgen opmaak' niet terug, maar ontvangende e-mailproviders kunnen deze wel opvangen waardoor jouw e-mail anders weergegeven kan worden. Dit kan als gevolg hebben dat de tekst van de e-mail kleiner of in een ander lettertype wordt getoond.

Om dit te voorkomen, raden we je aan om direct in de e-mailontwerper te werken óf om de tekst in MailBlue te plakken zonder opmaak. Je leest hier hoe je dit doet.

 

Heb je aangepaste code gebruikt om je e-mail te maken?

Als de lettergrootte voor een campagne klein lijkt wanneer deze op mobiel wordt bekeken, kan dit te maken hebben met de gebruikte aangepaste code. We raden aan om de gebruikte code te bekijken om te zien of er extra opvulling is. Te veel opvulling kan het lettertype op een mobiel apparaat kleiner doen lijken. Daarnaast raden we aan om pixel voor het lettertype te gebruiken in plaats van punten of procenten en een Media Query te gebruiken om het ontwerp aan te passen aan verschillende schermresoluties. Media Query is een stukje code in de CSS van je website dat informatie (zoals de grootte van het browserscherm van de bezoeker) opvraagt tijdens het laden van jouw website.

We raden je aan om de campagne zo veel mogelijk te testen voordat je de campagne daadwerkelijk naar je contacten verstuurd. 

Was dit artikel nuttig?
Aantal gebruikers dat dit nuttig vond: 0 van 0