Skip to main content
All CollectionsFAQ
Alles over de mail editor / Everything about the mail editor
Alles over de mail editor / Everything about the mail editor

Mail editor - mailtool - how to use

Updated over a week ago

English below


E-Mail editor

Gebruik onze e-mail editor om uw e-mails aan te passen aan de identiteit van uw merk.

  • Blokken

  • Inhoud toevoegen

  • Inhoud verwijderen

  • Apparaat-specifieke versies van e-mails


Wanneer u de e-mail editor voor het eerst opent, wordt u begroet met een aantal sjablonen. U kunt de inhoud en het uiterlijk van de e-mail aanpassen aan uw huisstijl.

Blokken
Elke e-mail bestaat uit meerdere blokken die samen een complete e-mail vormen. Een blok is een deel van uw e-mail waarin u inhoud zoals tekst, afbeeldingen en knoppen kunt plaatsen.


Inhoud toevoegen

U kunt extra blokken toevoegen, bestaande blokken dupliceren of blokken verwijderen.

Om een blok toe te voegen, drukt u op 'Blokken' aan de rechterkant van het scherm. Je ziet meerdere blokindelingen. Kies degene die u wilt gebruiken en sleep hem naar de gewenste positie.

Blokken met meerdere kolommen kunt u meerdere soorten inhoud in één rij plaatsen, zoals een rij die bestaat uit twee afbeeldingen en twee tekstblokken.

De achtergrondkleur van een blok wijzigen
Wanneer u een nieuw blok toevoegt, krijgt de achtergrond automatisch dezelfde kleur als de e-mail.

Als u een specifieke achtergrondkleur voor het blok wilt, selecteert u het blok en scrolt u naar beneden naar 'Kolomeigenschappen' in de zijbalk, waarna u de kleur wijzigt bij 'Achtergrondkleur'.

Let op! Als je een blok met meerdere kolommen gebruikt, moet je de achtergrondkleur voor elke kolom apart instellen.

Dupliceren van blokken

U kunt ook nieuwe blokken toevoegen door bestaande te dupliceren. Dit maakt een exacte kopie van het bestaande blok.

Selecteer het betreffende blok en klik op het dupliceer-icoontje.

Blokken verplaatsen
Elk blok kan worden verplaatst naar een andere positie in de e-mail.

Selecteer het betreffende blok. Druk nu op het pijltje rechts van het blok en sleep het naar de gewenste positie.

Blokken toevoegen
Na het toevoegen van een blok kunt u inhoud toevoegen.

Om inhoud toe te voegen, drukt u op 'Inhoud' aan de rechterkant van het scherm.

U ziet meerdere soorten inhoud die u aan uw e-mail toevoegt. Elk wordt hieronder besproken:

Kolommen
De 'Kolommen' hebben dezelfde functie als de hierboven genoemde blokken. Wij raden aan 'Blokken' te gebruiken voor het toevoegen van blokken in plaats van de 'Kolommen'.

Button
Met de 'Knop' kunt u een knop in uw e-mail plaatsen.

Om een knop toe te voegen, drukt u op 'Knop' en sleept u deze naar de gewenste positie.

Selecteer het blok en er wordt een nieuw venster geopend aan de rechterkant van het scherm. In dit venster kunt u de actie en het uiterlijk van uw knop aanpassen.

Er zijn 4 verschillende opties voor de knop:

  • Website openen: Leidt de gebruiker door naar een website wanneer erop gedrukt wordt.

  • Verstuur e-mail: Leidt de gebruiker door naar het verzenden van een e-mail wanneer erop wordt gedrukt.

  • Bel telefoonnummer: Leidt de gebruiker door naar het bellen van een telefoonnummer wanneer erop wordt gedrukt.

  • SMS verzenden: Leidt de gebruiker door naar het verzenden van een SMS wanneer erop wordt gedrukt.

U kunt de kleuren van de knoppen wijzigen onder 'Knop Opties'.

Divider
Met de 'Divider' kunt u een scheidingsteken (een horizontale lijn) in uw e-mail plaatsen.

Om een scheidingslijn toe te voegen, drukt u op 'Scheidingslijn' en sleept u deze naar de gewenste positie.

Selecteer het scheidings blok en er wordt een nieuw venster geopend aan de rechterkant van het scherm. In dit venster kunt u het uiterlijk van uw scheidingslijn aanpassen, zoals de kleur.

Rubriek
Met de inhoud 'Koptekst' kunt u een koptekst in uw e-mail plaatsen.

Om een koptekst toe te voegen, drukt u op 'Koptekst' en sleept u deze naar de gewenste positie.

U kunt de tekst van de koptekst bewerken door het koptekst blok te selecteren. Er verschijnt een tekst opmaakvenster.

Van links naar rechts

  1. Bold: Maakt de tekst bold.

  2. Italic: Maakt de tekst italic.

  3. Onderstreep de tekst: Onderstreep de tekst.

  4. Tekst doorhalen: Voeg een doorhaling toe over de tekst.

  5. Subscript: Verander de tekst in subscript.

  6. Superscript: Verander de tekst in superscript.

Link toevoegen/wijzigen: Toevoegen of wijzigen van een link in de tekst.

  1. Verwijder link: Verwijder de geselecteerde link uit de tekst.

  2. Merge tags toevoegen: Voeg merge tags toe aan de tekst. Merge tags zijn stukjes tekst die worden vervangen door bepaalde gegevens van de ontvanger, zoals zijn naam.

Andere instellingen voor de koptekst kunnen worden gewijzigd in het nieuwe venster dat aan de rechterkant van het scherm wordt geopend bij het selecteren van het kop tekstblok. In dit venster kunt u het koptype, de lettertypefamilie, de lettergrootte, de letterkleur en meer wijzigen.

HTML
Met de inhoud 'HTML' kunt u een HTML-code blok in uw e-mail plaatsen.

Om een HTML-code blok toe te voegen, drukt u op 'HTML' en sleept u het naar de gewenste positie.

Selecteer het HTML-blok en een nieuw venster wordt geopend aan de rechterkant van het scherm. In dit venster kunt u de weer te geven HTML-code aanpassen.

Afbeeldingen
Met de inhoud 'Afbeelding' kunt u een afbeelding in uw e-mail plaatsen.

Om een afbeelding toe te voegen, drukt u op 'Afbeelding' en sleept u deze naar de gewenste positie.

Nu wilt u een afbeelding uploaden. Selecteer het afbeeldings blok en er opent een nieuw venster aan de rechterkant van het scherm.

Druk op 'Afbeelding uploaden', upload een nieuwe afbeelding of kies de bestaande afbeelding die je wilt gebruiken en klik dan op 'Opslaan'.

U kunt in dit venster ook andere instellingen wijzigen, zoals de 'Alternatieve tekst' voor de afbeelding. De alternatieve tekst is wat schermlezers voorlezen.

Wil je een variabele productafbeelding toevoegen? Deze kan je met de #tag [product_img_url] linken. Vergeet niet om vervolgens om de afbeelding te uploaden.

Als je deze stappen hebt doorlopen dan is jouw afbeelding variabel op orderniveau.

Menu
Met de inhoud 'Menu' kunt u een menu in uw e-mail plaatsen.

Om een menu toe te voegen, druk je op 'Menu' en sleep je het naar de gewenste positie.

Nu wilt u menu-items toevoegen. Selecteer het menu blok en een nieuw venster wordt geopend aan de rechterkant van het scherm.

In dit venster kunt u menu-items aan het blok toevoegen en het uiterlijk van uw menu wijzigen. Elk menu-item kan een andere actie hebben.

De vier acties voor menu items zijn:

  • Open Website: Leidt de gebruiker door naar een website wanneer erop gedrukt wordt.

  • Verstuur E-mail: Leidt de gebruiker door naar het verzenden van een e-mail wanneer erop wordt gedrukt.

  • Bel Telefoonnummer: Leidt de gebruiker door naar het bellen van een telefoonnummer wanneer erop gedrukt wordt.

  • SMS versturen: Leidt de gebruiker door naar het verzenden van een SMS wanneer erop wordt gedrukt.

Text

Met 'Tekst' kunt u tekst in uw e-mail plaatsen.

Om tekst toe te voegen, drukt u op 'Tekst' en sleept u de tekst naar de gewenste positie.

U kunt de tekst bewerken door het tekstblok te selecteren. Er verschijnt een tekst opmaakvenster.

Van links naar rechts

  1. Lettertype: Wijzig het lettertype van de tekst.

  2. Lettergrootte: Wijzig de lettergrootte

  3. Bold tekst: Maak de tekst bold.

  4. Italic tekst: Maak de tekst italic.

  5. Onderstreep de tekst: Onderstreep de tekst.

  6. Tekst doorhalen: Voeg een doorhaling toe over de tekst.

  7. Subscript: Verander de tekst in subscript.

  8. Superscript: Verander de tekst in superscript.

  9. Lijn de tekst links uit: Lijn de tekst links uit

  10. Tekst in het midden uitlijnen: Centreer de tekst.

  11. Tekst rechts uitlijnen: Lijn de tekst rechts uit.

  12. Tekst uitlijnen: Geef je tekst rechte randen aan beide zijden van de alinea.

  13. Lijst met opsommingstekens: Voeg een lijst met opsommingstekens toe.

  14. Genummerde lijst: Voeg een genummerde lijst toe.

  15. Letterkleur: Verander de kleur van de tekst.

  16. Markeerkleur: Markeer de tekst met de gekozen kleur.

  17. Paragraaf van links naar rechts: Style de tekst zodat deze van links naar rechts wordt gelezen.

  18. Paragraaf van rechts naar links: Stijl de tekst om van rechts naar links te worden gelezen.

  19. Link toevoegen/wijzigen: Toevoegen of wijzigen van een link in de tekst.

  20. Link verwijderen: Verwijder de geselecteerde link uit de tekst.

  21. Voeg merge tags toe: Voeg Merge tags toe aan de tekst. Merge tags zijn stukjes tekst die worden vervangen door bepaalde gegevens van de ontvanger, zoals zijn naam.

Andere instellingen voor de tekst kunnen worden gewijzigd in het nieuwe venster dat aan de rechterkant van het scherm wordt geopend bij het selecteren van het tekstblok.


Inhoud verwijderen

Om de inhoud van een blok in uw e-mail te verwijderen, selecteert u het betreffende blok en klikt u op het prullenbak pictogram.


Apparaat-specifieke versies van e-mails
Elke e-mail heeft een desktop en mobiele weergave. U kunt beide bekijken en bewerken in de editor. Het is zelfs mogelijk om specifieke blokken te verbergen voor specifieke apparaten.

Een voorbeeld van de mobiele versie
Om te zien hoe de e-mail eruit zal zien voor ontvangers die hem op een mobiel apparaat bekijken, selecteert u een van de blokken in de e-mail en klikt u vervolgens op de knop 'Mobiel' boven in de zijbalk die verschijnt.

Let op! Het is mogelijk om de e-mail te bewerken in de modus voor mobiele weergave, maar niet alle styling opties zullen beschikbaar zijn.

Verbergen van e-mail blokken in de mobiele versie
Wilt u dat een specifieke blokkade verschijnt voor ontvangers die de e-mail op hun desktop bekijken, maar niet voor ontvangers die de e-mail op hun mobiele apparaat bekijken? Het is mogelijk om blokken te verbergen voor specifieke apparaattypes.

Selecteer het blok dat u wilt verbergen en er wordt een zijbalk geopend aan de rechterkant van het scherm. Druk op 'Mobiel' bovenaan de zijbalk.

Scroll naar beneden naar 'Responsive ontwerp en zet 'Verbergen op mobiel’ aan. Het geselecteerde blok wordt nu verborgen op mobiele apparaten.

Verbergen van e-mail blokken in de desktopversie
Wilt u dat een specifieke blokkade verschijnt voor ontvangers die de e-mail op hun mobiele apparaat bekijken, maar niet voor ontvangers die de e-mail op hun desktop bekijken? Het is mogelijk om blokken te verbergen voor specifieke apparaattypes. Selecteer het blok dat u wilt verbergen en er wordt een zijbalk geopend aan de rechterkant van het scherm.

Scroll naar beneden naar 'Responsive ontwerp en zet 'Verbergen op desktop’ aan. Het geselecteerde blok wordt nu verborgen op desktops.


English article
----------

E-Mail editor

Use our email editor to customize your emails to suit your brand's identity.

  • Blocks

  • Adding content

  • Removing content

  • Device-specific versions of emails


When you first open the email editor, you will be greeted with a couple templates. It's possible to change the content and look of the email to match your corporate identity.

Blocks
Each email consists of multiple blocks that together form a complete email. A block is a section for your email in which you can place content like text, images and buttons.

Adding blocks

You can freely add additional blocks, duplicate existing blocks or remove blocks to your liking.

To add a block, press ‘Blocks’ on the right side of the screen.

You will see multiple block layouts. Choose the one you want to use and drag it to the desired position.

Blocks with multiple columns allow you to put multiple types of content in one row, such as a row consisting of two images and two text blocks.

Changing a block’s background color
When you add a new block, the background will automatically be the same color as the email.

If you want a specific background color for the block, select the block and scroll down to ‘Column Properties’ in the sidebar, then change the color at ‘Background Color’.

Please note! If you’re using a block with multiple columns, you have to set the background color for each column separately.

Duplicating blocks
You can also add new blocks by duplicating existing ones. This will make an exact copy of the existing block.

Select the block in question and click the duplicate icon.

Moving blocks
Any block can be moved to a different position in the email.

Select the block in question. Now press the arrow icon to the right of the block and drag and drop it to the desired position.


Adding content
After adding a block, you can add content.

To add content, press ‘Content’ on the right side of the screen.

You will see multiple types of content you add to your email. Each is discussed below:

Columns
The ‘Columns’ content has the same function as the blocks mentioned above. We recommend using ‘Blocks’ for adding blocks rather than the ‘Columns’.

Button
The ‘Button’ content allows you to place a button in your email.

To add a button, press ‘Button’ and then drag and drop it to the desired position.

Select the button block and a new window will open on the right side of the screen. This window allows you to modify the action and appearance of your button.

There are four options for the button:

  • Open website: Redirects the user to a website when pressed.

  • Send Email: Redirects to sending an email when pressed.

  • Call Phone Number: Redirects the user to calling a phone number when pressed.

  • Send SMS: Redirects the user to sending a SMS when pressed.

You can change the button colors under ‘Button Options’.

Divider
The ‘Divider’ content allows you to place a divider (a horizontal line) in your email.

To add a divider, press ‘Divider’ and then drag and drop it to the desired position.

Select the divider block and a new window will open on the right side of the screen. This window allows you to modify the appearance of your divider, such as the color.

Heading
The ‘Heading’ content allows you to place a header in your email.

To add a header, press ‘Heading’ and then drag and drop it to the desired position.

You can edit the header’s text by selecting the header block. A text layout window will appear.

From left to right

  1. Bold text: Make the text bold.

  2. Italicize text: Make the text italic.

  3. Underline text: Underline the text.

  4. Strikethrough text: Add a strikethrough over the text.

  5. Subscript: Change the text to subscript.

  6. Superscript: Change the text to superscript.

  7. Add/modify link: Add or modify a link in the text.

  8. Remove link: Remove the selected link from the text.

  9. Add merge tags: Add merge tags to the text. Merge tags are pieces of text that are replaced by certain data of the recipient, such as their name.

    Other settings for the header can be changed in the new window that opens on the right side of the screen when selecting the header block. This window allows you to modify heading type, font family, font size, font color and more.

HTML
The ‘HTML’ content allows you to place a HTML code block in your email.

To add a HTML code block, press ‘HTML’ and then drag and drop it to the desired position.

Select the HTML block and a new window will open on the right side of the screen. This window allows you to modify the HTML code to display.

Image
The ‘Image’ content allows you to place an image in your email.

To add an image, press ‘Image’ and then drag and drop it to the desired position.

Now you want to upload an image. Select the image block and a new window will open on the right side of the screen.

Press ‘Upload image’, upload a new image or choose the existing image you want to use and then click ‘Save’.

You can also change other settings in this window, such as the ‘Alternate Text’ for the image. The alternate text is what screen readers read aloud.

Do you want an variable product image? This is possible via the #tag [product_img_url]. You can place this tag in the editor on the right side.

Don't forget afterwords to 'upload image'. Now your image is variable on order level.

Menu
The ‘Menu’ content allows you to place a menu in your email.

To add a menu, press ‘Menu’ and then drag and drop it to the desired position.

Now you want to add menu items. Select the menu block and a new window will open on the right side of the screen.

This window allows you to add menu items to the block and modify the appearance of your menu. Each menu item can have a different action.

The four actions for menu items are:

Open Website: Redirects the user to a website when pressed.Send Email: Redirects the user to sending an email when pressed.

  • Call Phone Number: Redirects the user to calling a phone number when pressed.

  • Send SMS: Redirects the user to sending a SMS when pressed.

Text
The ‘Text’ content allows you to place text in your email.

To add text, press ‘Text’ and then drag and drop it to the desired position.

You can edit the text by selecting the text block. A text layout window will appear.

  1. Font type: Change the font type of the text.

  2. Font size: Change the size of the text.

  3. Bold text: Make the text bold.

  4. Italicize text: Make the text italic.

  5. Underline text: Underline the text.

  6. Strikethrough text: Add a strikethrough over the text.

  7. Subscript: Change the text to subscript.

  8. Superscript: Change the text to superscript.

  9. Add emoji: Add an emoji to the text.

  10. Align text to the left: Align the text to the left.

  11. Align text to the center: Center the text.

  12. Align text to the right: Align the text to the right.

  13. Justify text: Give your text straight edges on both sides of the paragraph.

  14. Bulleted list: Add a bulleted list.

  15. Numbered list: Add a numbered list.

  16. Font color: Change the color of the text.

  17. Marker color: Mark the text with the chosen color.

  18. Left-to-right paragraph: Style the text to be read from left to right.

  19. Right-to-left paragraph: Style the text to be read from right to left.

  20. Add/modify link: Add or modify a link in the text.

  21. Remove link: Remove the selected link from the text.

  22. Add merge tag: Add merge tags to the text. Merge tags are pieces of text that are replaced by certain data of the recipient, such as their name.

Other settings for the text can be changed in the new window that opens on the right side of the screen when selecting the text block.


Removing content
To remove the content from a block in your email, select the block in question and click the bin icon.


Device-specific versions of emails
Each email has a desktop and mobile view. You can view and edit both in the editor. It’s even possible to hide specific blocks from specific devices.

Previewing the mobile version
To preview how the email will look to recipients who are viewing it on mobile devices, select any of the blocks in the email and then click on the ‘Mobile’ button at the top of the sidebar that appears.

Please note! It’s possible to edit the email in the mobile-view mode, but not all styling options will be available.

Hiding email blocks from mobile version
Want a specific block to show up for recipients who view the email on their desktop but not to recipients who view the email on their mobile device? It’s possible to hide blocks from specific device types.

Select the block you want to hide and a sidebar will open on the right side of the screen.

Press ‘Mobile’ on the top of the sidebar.

Scroll down to ‘Responsive Design’ and switch ‘Hide on Mobile’ to on.

The selected block will now be hidden on mobile devices.

Hiding email blocks from desktop version

Want a specific block to show up for recipients who view the email on their mobile device but not to recipients who view the email on their desktop? It’s possible to hide blocks from specific device types.

Select the block you want to hide and a sidebar will open on the right side of the screen.

Scroll down to ‘Responsive Design’ and switch ‘Hide on Desktop’ to on.

The selected block will now be hidden on desktops.

Did this answer your question?