Hoewel e-mailbouwers binnen diensten zoals Campaign Monitor en MailChimp steeds krachtiger worden, zijn er nog steeds goede redenen om een HTML-e-mailsjabloon te gebruiken die uniek is voor uw merk..
In deze pittige zelfstudie beschrijven we hoe u aan de slag kunt gaan met behulp van een HTML-e-mailsjabloon in Campaign Monitor voor uw e-mailcampagnes en geautomatiseerde workflows. Afhankelijk van hoeveel u de sjabloon wilt aanpassen, kan het ongeveer vijf minuten duren om te importeren en te beginnen met verzenden, tot behoorlijk wat uren coderen en testen voor meer aangepast ontwerpwerk.
Zodra u een sjabloon hebt gevonden (en zelfs aangepast) waarvan u houdt, kunt u deze herhaaldelijk gebruiken. En met de ontwerp- en spamtesttools van Campaign Monitor kunt u erop vertrouwen dat uw e-mailberichten er geweldig uitzien voor ontvangers overal.
Kortom, een HTML-e-mailsjabloon (die we voortaan gewoon een "sjabloon" noemen) is een HTML-document en bijbehorende afbeeldingsbestanden, die zijn ontworpen om te worden geïmporteerd in een e-mailplatform zoals Campaign Monitor of MailChimp. Na het importeren kunnen sjablonen keer op keer worden gebruikt om e-mailmarketingberichten te maken, die naar een lijst met abonnees (dwz e-mailontvangers) kunnen worden verzonden. Deze kunnen de vorm aannemen van nieuwsbrieven, wekelijkse samenvattingen van blogs, uitnodigingen voor evenementen en meer.
Een e-mailsjabloon moet komen met bewerkbare tekst- en afbeeldingsgebieden-hetzij zelfstandig, hetzij binnen herhaalbare "lay-outs" zoals gedefinieerd door de tag-tagtaal van Campaign Monitor. Deze veelzijdige taal kan worden gebruikt om gepersonaliseerde HTML-e-mailsjablonen te personaliseren, bestaande HTML-e-mailnieuwsbrieven naar sjablonen te converteren of zelf uw eigen sjablonen te maken.
is een inhoudsblok dat een oneindig aantal keren kan worden herhaald.
bevat meerdere afzonderlijke ontwerpen binnen een herhalend element.
uitgangen HTML die u kunt wijzigen met behulp van de WYSIWYG-editor voor campagnemonitor.Wanneer een sjabloon correct is gecodeerd met tags, kunt u deze importeren en vervolgens de e-maileditor van Campaign Monitor gebruiken om e-mailcampagnes en geautomatiseerde workflows te maken.
Als uw bedrijf (of dat van uw klant) specifieke merkrichtlijnen heeft, is het waarschijnlijk dat de e-mailnieuwsbrieven waarmee u werkt al een gevestigde look-and-feel hebben. Als alternatief, als u een eerste poging doet om e-mailmarketing uit te voeren, wilt u misschien dat al uw berichten er op een bepaalde manier uitzien; een die niet kan worden bereikt met behulp van de e-mailbouwer.
In beide gevallen kunt u met een sjabloon uw merk behouden en tegelijkertijd de doorlooptijd van ontwerp tot verzending drastisch verminderen in vergelijking met bijvoorbeeld HTML-e-mail volledig opnieuw coderen.
Als u een sjabloon hebt gevonden met precies de lay-out en esthetiek die u zoekt, goed gedaan! U kunt het volgende gedeelte overslaan, het importeren in Campagnemonitor en beginnen met het maken van e-mailcampagnes. Als u echter wijzigingen moet aanbrengen, kan het volgende van pas komen.
Vroeger, als je een webpagina wilde maken, zou je Kladblok aanmaken om een HTML-bestand te maken, een map maken voor de afbeeldingen (meestal genoemd, goed, /afbeeldingen), en na een paar uur inhoud en testen in uw browser toe te voegen, zou u de hele partij uploaden naar een openbare map op internet.
Al die jaren later is het werken met sjabloonbestanden niet zo verschillend, maar in plaats van uploaden, zullen we de sjabloon importeren in Campagnemonitor. Om deze stap te bereiken, hebt u nodig:
Als u zelfverzekerd HTML-documenten kunt bewerken en testen (rekening houdend met het feit dat CSS-ondersteuning in e-mailclients zoals Gmail, Outlook en anderen fabelachtig eigenzinnig is), kunt u e-mailsjablonen naar hartenlust bewerken.
Als u uw sjabloon wilt voorbereiden voor de import, heeft u het volgende nodig:
Als u klaar bent, kunt u de sjabloon importeren in de templates deel van uw Campaign Monitor-account:
Als je de sjabloon hebt kunnen importeren, gefeliciteerd! Je zou het onder moeten zien Mijn sjablonen wanneer u een nieuwe e-mailcampagne of -workflow maakt. Nadat u deze hebt geselecteerd, kunt u beginnen met het toevoegen van inhoud in de e-maileditor van Campaign Monitor.
Nadat u een campagne hebt gemaakt, kunt u deze automatisch testen via meer dan 20 grote e-mailclients zoals Mail voor de iPhone en iPad, Gmail, Outlook en meer, met behulp van ontwerp- en spamtests van Campaign Monitor. Als alternatief kunt u de campagne handmatig testen door een testmail te sturen naar uw e-mailaccounts op verschillende apparaten.
Er kunnen altijd hikken zijn, vanaf het moment dat u probeert een sjabloon te importeren, tot en met de testfase. Hier volgt een korte blik op enkele klassieke problemen en oplossingen:
Controleer of de HTML-code (inclusief sjabloontags) goed is gevormd.
Zorg ervoor dat u niet per ongeluk grote en onnodige bestanden probeert te importeren, zoals Photoshop-items en video.
Zorg ervoor dat het HTML-e-maildocument "responsief" is, dat wil zeggen. bevat geldige mediaquery's in de CSS-stylesheet. Merk op dat niet alle e-mailclients mediaquery's ondersteunen, waaronder Gmail op iOS / Android.
U zult bijvoorbeeld merken dat de resultaten in Gmail anders zijn dan bijvoorbeeld, Apple Mail. Controleer of de HTML-e-mail CSS3-eigenschappen, weblettertypen bevat - en biedt waar mogelijk fallbacks. Niet alle e-mailclients bieden uitgebreide CSS-ondersteuning, maar het is vaak mogelijk om ervoor te zorgen dat de boodschap nog steeds leesbaar is en elegant wordt afgebroken, zelfs onder minder dan perfecte omstandigheden.
Een goed e-mailsjabloon zorgt ervoor dat uw campagnes er zowel op mobiele apparaten als op internet en op desktopcomputers goed uitzien. Hoewel er verschillen kunnen zijn tussen hoe het eruit ziet in een webbrowser en in de inbox, moet het bericht altijd leesbaar en gemakkelijk te navigeren zijn.
Als u echter tot nu toe handmatig HTML-e-mails hebt geïmporteerd, zult u waarschijnlijk merken dat het gebruik van een goede e-mailsjabloon u en uw team talloze uren zal besparen bij het maken, importeren en testen van e-mailberichten. Je zult je afvragen hoe je het ooit zonder hebt overleefd!
Ik hoop dat je deze tutorial leuk vond en nu het vertrouwen hebt een sjabloon te selecteren, het voor te bereiden op Campagnemonitor en het vervolgens te importeren en te gebruiken voor je e-mailcampagnes en geautomatiseerde workflows. Ter inspiratie raad ik aan de ontwerpgalerij van e-mail van Campaign Monitor te bezoeken en vervolgens uw sjabloonkennis te gebruiken om uw eigen unieke ontwerp te maken!