Toevoegen van een afbeelding in email templates
Hoe voeg je afbeeldingen toe aan e-mails (Logo of Aangepaste Afbeeldingen)
Er zijn twee opties voor het toevoegen van afbeeldingen aan je e-mailsjablonen in ClubBase. Volg de instructies op basis van je voorkeur.
Optie 1: Een logo gebruiken in alle e-mails
Met deze optie kun je het logo van je organisatie of een vaste afbeelding in alle e-mails invoegen.
Stappen om een logo toe te voegen:
1. Kopieer de onderstaande HTML-sjabloon naar een notitieblok of een online teksteditor.
2. Vervang de URL van de afbeelding in de sjabloon door de URL van je logo. (Het logo moet online worden gehost, zodat het een directe URL heeft).
3. Kopieer de gewijzigde HTML-code.
4. Ga naar Instellingen > Organisatiegegevens en plak de code in de sectie E-mailsjabloon onder Communicatie.
5. Sla de sjabloon op door onderaan op Opslaan te klikken.
6. Om te controleren hoe de e-mail eruitziet, ga je naar een willekeurig ledenprofiel, klik op E-mail met sjabloon verzenden, vul testgegevens in en klik op Voorbeeld bekijken en verzenden.
Voorbeeld HTML voor logo:
```html
<html>
<body>
<h1>{{ title }}</h1>
<img src='https://your-logo-url-here.com/logo.png'><br>
Beste {{ member_first_name }}!
<p>{{ body }}</p>
</body>
</html>
```
Optie 2: Een andere afbeelding gebruiken voor elke e-mail
Als je liever een aangepaste afbeelding voor elke e-mail wilt gebruiken, gebruik dan een tijdelijke aanduiding voor de afbeeldings-URL. Je kunt bij elke e-mail een nieuwe afbeeldings-URL opgeven.
Stappen om een aangepaste afbeelding toe te voegen:
1. Gebruik dezelfde HTML-sjabloon als hierboven weergegeven.
2. Vervang in plaats van een vaste afbeeldings-URL het `src`-attribuut door de tijdelijke aanduiding: `{{ header_image_url }}`.
3. Wanneer je de e-mail verzendt, vervang je `{{ header_image_url }}` door de daadwerkelijke afbeeldingslink van je keuze.
Voorbeeld HTML voor aangepaste afbeelding:
```html
<html>
<body>
<h1>{{ title }}</h1>
<img src='{{ header_image_url }}'><br>
Beste {{ member_first_name }}!
<p>{{ body }}</p>
</body>
</html>
```
Het e-mailsjabloon testen:
1. Nadat je de HTML-code hebt geplakt, kun je het sjabloon testen door een willekeurig lid te selecteren.
2. Klik op E-mail met sjabloon verzenden, vul de vereiste testgegevens in en klik op Voorbeeld bekijken en verzenden.
3. In de preview zie je hoe de afbeelding/het logo in de e-mail wordt weergegeven.
Tips:
Afbeelding Hosten: Zorg ervoor dat je afbeeldingen (of het nu een logo of een aangepaste afbeelding is) online worden gehost en openbaar toegankelijk zijn via een directe link (bijv. met een service zoals PostImg of je eigen server).
E-mailvoorbeeld: Bekijk altijd een voorbeeld van de e-mail voordat je deze verzendt om er zeker van te zijn dat de afbeeldingen correct worden geladen en de opmaak er goed uitziet.
Deze gids zorgt ervoor dat je e-mails er visueel aantrekkelijk uitzien, met een consistent logo of gepersonaliseerde afbeeldingen voor elke e-mail.