Naast tekst kun je ook visuele elementen toevoegen aan je e-mail templates, zoals knoppen, afbeeldingen en links. Deze elementen maken je e-mails aantrekkelijker en interactiever, en kunnen helpen om je doelen te bereiken. Let wel op dat je je houdt aan de richtlijnen van bol.
Knoppen toevoegen en bewerken
Knoppen zijn een effectieve manier om de aandacht van de lezer te trekken en aan te zetten tot actie. Je kunt knoppen gebruiken om klanten naar de reviewpagina van het product te leiden.
In de MarktMentor editor kun je knoppen toevoegen en bewerken met de volgende opties:
Link: Voeg een link toe aan de knop. Gebruik hiervoor de variabele
{{ product.review_url }}om te linken naar de reviewpagina van het product.Tekst: Bepaal de tekst die op de knop wordt weergegeven, bijvoorbeeld "Schrijf een review".
Stijl: Pas de stijl van de knop aan, zoals de kleur, grootte en vorm.
Afbeeldingen toevoegen en bewerken
Afbeeldingen maken je e-mails aantrekkelijker en kunnen helpen om je boodschap te verduidelijken. Je kunt bijvoorbeeld je logo toevoegen.
In de MarktMentor editor kun je afbeeldingen toevoegen en bewerken met de volgende opties:
Uploaden: Upload een afbeelding vanaf je computer.
Formaat: Pas het formaat van de afbeelding aan.
Positie: Bepaal de positie van de afbeelding in de e-mail.
Links toevoegen en bewerken
Je mag geen links toevoegen aan je e-mails, behalve de link naar de reviewpagina in de knop.
HTML voor maatwerk
Voor meer geavanceerde opmaak of het toevoegen van dynamische elementen kun je HTML gebruiken.
Voorbeeld:
Om een afbeelding met de titel van het product toe te voegen, kun je de volgende HTML-code gebruiken:
<table style="border-collapse: separate; mso-table-lspace: 0pt; mso-table-rspace: 0pt; min-height: 5rem; border-radius: 10px;overflow: hidden; vertical-align: middle; width: 100%; border: 5px solid #236FA1;"> <tbody> <tr style="display: block; padding: 10px;"> <td width="80px" align="center"> <img width="80" style="margin-right: 10px; display: block; max-width: 80px; max-height: 80px;" src="https://dashboard.marktmentor.nl/placeholder-product.png" alt=""/> </td> <td style="vertical-align: top; font-family: sans-serif; font-size: 16px;"> <p><strong>{{product.title}}</strong></p> </td> </tr> </tbody> </table>
Tips voor het gebruik van knoppen, afbeeldingen en links
Houd je aan de richtlijnen van bol: Gebruik knoppen alleen voor het linken naar de reviewpagina.
Kies relevante afbeeldingen: Gebruik afbeeldingen die relevant zijn voor je e-mail en je boodschap ondersteunen.
Optimaliseer afbeeldingen voor e-mail: Zorg ervoor dat je afbeeldingen niet te groot zijn, zodat de e-mail snel laadt.
Test je e-mails: Controleer of de knoppen, afbeeldingen en links correct werken in verschillende e-mailprogramma's en op verschillende apparaten.