Een bericht aanmaken: E-mail Builder
De E-mail builder is onze nieuwste ontwerptool in Flexmail. Het is een super gebruiksvriendelijk drag & drop systeem waarmee je moeiteloos prachtige e-mails kunt maken voor elk apparaat. Sleep eenvoudig de gewenste structuren en elementen naar het canvas, en je bent helemaal klaar!
Dit artikel zal je door een nuttig voorbeeld leiden van het maken van een bericht met de E-mail builder. We moedigen je ten zeerste aan om creatief te zijn en verder de mogelijkheden van onze tool te verkennen.
Maak een bericht
Klik op Campagnes, en vervolgens op Berichten om je Berichtenoverzicht te openen. Hier kun je de berichten zien die je al hebt gemaakt, gerangschikt op categorie.
Klik op Nieuw bericht aanmaken.
Zorg ervoor dat E-mail builder (nieuw) de geselecteerde optie is. Je kunt je bericht een naam geven en een categorie selecteren. Klik op Opslaan om meteen te starten met bouwen.
- De Email builder kan je in drie onderdelen opdelen:
- alles wat met inhoud toevoegen te maken heeft is te vinden aan de linkerkant
- alle configuratie kan rechts worden gedaan
- in het midden vind je het canvas met je e-mail en alle contextuele werkbalken.
De Email style instellen
Support tip
Zorg ervoor dat je jouw Brand kit hebt ingesteld voordat je een nieuw bericht maakt. We gebruiken deze om alle Tekst, Link, Titel en Knop instellingen van je Email Style configuratie vooraf in te vullen.
- Het eerste item dat je kunt personaliseren is je Content breedte. We raden aan om dit tussen de 600px - 700px te houden voor de beste ervaring.
- Met Uitlijning kun je je boodschap links, rechts of in het midden positioneren.
- De Achtergrondkleur bepaalt de kleur van alles achter je inhoud - je kunt de HEX-code invoeren of de kleurenkiezer gebruiken met daarin je kleurenpalet.
De Content achtergrondkleur bepaalt de achtergrondkleur van je inhoud. Deze kleur zal automatisch worden overgenomen door je structuren en elementen - je kunt een HEX-code invoeren of de kleurenkiezer gebruiken met daarin je kleurenpalet.
- Het Lettertype dat je instelt in de Tekst sectie zal als standaard voor tekst in elk element worden gebruikt.
- De Lettergrootte en Kleur zullen als standaard worden toegepast voor tekstelementen en lijst elementen.
- De Kleur en Onderlijnen instellingen van de Link sectie kunnen worden aangepast om overeen te stemmen met je algemene kleurenschema.
- Voor Titel 1 - 4 kun je een apart Lettertype en -grootte instellen die standaard zal worden toegepast.
Je kunt ook een standaard Kleur voor al je Titels instellen.
- Ten slotte kun je de standaard Achtergrond- en tekstkleur voor je Knop instellen. Als er niets verandert, wordt automatisch de primaire kleur van je Brand kit gebruikt als achtergrondkleur voor je knoppen.
Structuur toevoegen aan je e-mail
Klik op het Structuren pictogram om het paneel te openen. Je ziet een selectie van lege structuren variërend van 1 tot 4 kolommen, elk met verschillende breedtes.
Kies een structuur waarmee je wilt experimenteren en sleep deze naar je canvas. Begin met iets eenvoudigs.
Klik op een structuur om het bijbehorende Style paneel aan de rechterkant te tonen. In dit paneel vind je alle instellingen met betrekking tot de geselecteerde structuur. Deze instellingen zullen alleen zullen worden toegepast op de geselecteerde structuur, waardoor je alle vrijheid hebt bij het vormgeven van je e-mail.
Elementen toevoegen aan je e-mail
Klik op het Elementen pictogram aan de linkerkant om het Elementenpaneel te openen. Je vindt daar alle elementen die je aan je e-mail kunt toevoegen.
Sleep het gewenste element naar een structuur die op je e-mail canvas is geplaatst.
Klik op een element om het Style paneel aan de rechterkant te tonen. In dit paneel vind je alle instellingen van het aangeklikte element. Deze instellingen zullen alleen worden toegepast op het geselecteerde element, waardoor je alle vrijheid hebt bij het ontwerpen van je e-mail.
Desktop- en mobiele weergave
Tijdens het ontwerpen van je e-mail kun je soepel schakelen tussen de desktop versie en de mobiele versie van je e-mail door op de pictogrammen in de werkbalk te klikken. Het Style paneel van je geselecteerde item blijft te allen tijde in sync met de weergave van je canvas, zodat je zeker weet dat je instellingen in het juiste paneel wijzigt.
Voorbeeld
Als je het gevoel hebt dat je bijna klaar bent, ga dan verder en Bekijk het voorbeeld van je bericht. Navigeer hiervoor naar de rechterbovenhoek en klik op de knop Voorbeeld. De visualisatie van het bericht verschijnt in een nieuw tabblad in je browser.
Opgelet
Personalisatie zal niet zichtbaar zijn in het Voorbeeld, tenzij je het testprofiel in de algemene instellingen invult. De velden in het testprofiel worden gebruikt om een voorbeeld te geven van de personalisatie placeholders.
Opslaan, Ongedaan maken en Opnieuw uitvoeren
Zorg ervoor dat je je aanpassingen regelmatig bewaart met de knop Opslaan rechtsboven. We houden de wijzigingen lokaal in je browser bij totdat je op opslaan klikt. Dit laat je het toe je recente wijzigingen ongedaan te maken of opnieuw uit te voeren met de pijltjes iconen in de werkbalk bovenaan.
Best sla je je e-mail op na elke grote wijziging die je maakt.
