Tijdens het ontwerpen van je marketinge-mail kun je een voorbeeld bekijken van hoe deze eruitziet op verschillende apparaattypen en e-mailclients. Als je merkt dat je e-mail op bepaalde clients niet wordt weergegeven zoals verwacht, lees dan de best practices en oplossingen voor veelvoorkomende problemen hieronder.
Voordat u uw e-mail verzendt, kunt u een voorbeeld bekijken van hoe uw e-mail er op verschillende clients en apparaten uitziet.
Als de totale grootte van je e-mail, inclusief ingesloten code in de opmaak van je bericht, groter is dan 102 KB, knipt Gmail je e-mail. Om de volledige inhoud van je e-mail te bekijken, moet je ontvanger op de link Volledig bericht weergeven klikken, wat je verzendreputatie negatief kan beïnvloeden en ook HubSpot's vermogen om interacties met je e-mail te volgen hindert.
Als je opgestelde e-mail het risico loopt om te worden afgeknipt in Gmail, verschijnt er een waarschuwing in het paneel Beoordelen en verzenden . Deze waarschuwing is gebaseerd op een schatting van de grootte van je e-mail, gebaseerd op de HTML van je e-mail en de bijbehorende koppelingen.
Om te voorkomen dat Gmail je e-mail clipt, kun je de onderstaande stappen volgen:
Hoewel het moeilijk is om je e-mail zo te ontwerpen dat hij er perfect uitziet op desktop en mobiel, kun je de onderstaande tips opvolgen om een consistente mobiele ervaring te garanderen.
Alle drag-and-drop sjablonen van HubSpot zijn standaard responsive. Dit betekent dat de inhoud zich aanpast aan het scherm waarop het wordt bekeken. HubSpot voegt ook een max-width toe aan afbeeldingen in de content editor, dus je hoeft je geen zorgen te maken over het bewerken van de broncode om max-widths toe te voegen.
Als je een gecodeerde e-mailsjabloon maakt in HubSpot, zorg er dan voor dat je onze opmaak voor responsieve e-mailsjablonen gebruikt. Je kunt ook een responsieve e-mailsjabloon kopen op de Sjabloonmarktplaats.
In de meeste gevallen zijn downloadsnelheden op mobiele apparaten langzamer dan op desktop. Gebruik kleinere afbeeldingsbestanden om de laadtijd van je e-mail te verkorten. HubSpot verkleint automatisch je afbeeldingen die een width attribuut bevatten in een <img> tag. Diensten zoals FastStone Photo Resizer en JPEGmini kunnen de bestandsgrootte ook tot 80% verminderen zonder de kwaliteit van je afbeelding te verminderen.
Zorg ervoor dat je inhoud groot genoeg is om duidelijk gelezen te worden op een mobiel apparaat. Om ervoor te zorgen dat je abonnees je inhoud duidelijk kunnen zien en erop kunnen klikken, moet je ervoor zorgen dat tekstlinks en CTA-knoppen groter en breder zijn dan 57 x 57 pixels.
Wanneer je e-mail in de inbox van een ontvanger verschijnt, kunnen e-mailclients zoals Gmail of Outlook extra inhoud van de hoofdtekst van je e-mail weergeven na de onderwerpregel en de voorbeeldtekst. Dit kan leiden tot onbedoelde tekst na de voorbeeldtekst. Als je bijvoorbeeld een afbeelding zoals een banner of logo bovenaan je e-mail hebt geplaatst, kan de alt-tekst van de afbeelding worden opgenomen in de voorvertoning van de e-mail.
Om dit probleem te voorkomen, kun je proberen een samenvatting van de inhoud van je e-mail te geven als alt-tekst van een afbeelding bovenaan je e-mail, of je kunt de alt-tekst helemaal weglaten. Om te bevestigen dat de volledige voorbeeldtekst wordt weergegeven zoals verwacht, kun je jezelf een testmail sturen.
Als je de klassieke e-maileditor gebruikt om je e-mails te maken, moet je het gebruik van <script>- of <iframe>-elementen in je sjabloon vermijden, omdat deze door de meeste grote e-mailclients niet worden weergegeven. Als je een <iframe> toevoegt aan een HTML-element om een video in te voegen in je e-mail, kun je beter de videomodule gebruiken.