Hoe maak je countdown-timers in Brevo
Eerste publicatiedatum: .Laatst bijgewerkt: Vandaag laten we je zien hoe makkelijk het is om een countdown-timer toe te voegen aan een Brevo-e-mailcampagne. Brevo is een populair platform voor het versturen van e-mails en het bewerken van sjablonen, waar veel van onze klanten gebruik van maken. Het toevoegen van een countdown-timer aan je Brevo-e-mailsjablonen gaat heel soepel en is een geweldige manier om je e-mailcampagnes te verrijken met dynamische inhoud.
Stap 1: Maak je timer aan op Sendtric
Of je nu een gratis timer maakt op onze startpagina of een timer die helemaal op maat is in een van onze betaalde abonnementen: een countdown-timer maken gaat snel en makkelijk. Volg gewoon de stappen in de editor en pas de stijl aan zodat deze bij je e-mailcampagne past, en stel de timer in voor het doel waarvoor je hem gaat gebruiken.
Zodra je je timer hebt ingesteld, kopieer je de HTML-code van de timer en ga je naar Brevo.
Stap 2: Voeg je timer toe aan je Brevo-sjabloon
Open je Brevo-e-mailcampagne en kies of je hun drag-and-drop-editor of hun HTML-editor wilt gebruiken.
Drag & Drop-editor
Selecteer het HTML-blok en sleep het naar je e-mail, op de plek waar je de timer wilt hebben. Dubbelklik op het HTML-blok in de e-mail, plak de HTML-code die je van Sendtric hebt gekregen en voeg vervolgens de 'dynamic'-tag* toe. (zie hieronder hoe je dat doet)
HTML-editor:
Voer de code in die je van Sendtric hebt gekregen + voeg de 'dynamische tag'* toe (zie hieronder hoe je dat doet) op de plek waar je je timer wilt hebben.
*Belangrijk* Om ervoor te zorgen dat je timer goed werkt in Brevo, voeg je 'dynamic' toe aan het einde van de img-html-tags, zoals hieronder:
De gebruikelijke HTML-code van Sendtric:
<img src="https://gen.sendtric.com/countdown/133dvtakwh" style="display: block;max-width:100%;" />Brevo vraagt je om de tag 'dynamic' als volgt toe te voegen:
<img src="https://gen.sendtric.com/countdown/xyz123456" style="display: block;max-width:100%;" dynamic/>
Als je je timer graag gecentreerd wilt hebben, is hier wat extra code om de timer voor alle e-mailprogramma’s te centreren:
<table align="center"> <tbody> <tr> <td><img src="https://gen.sendtric.com/countdown/xyz123456" style="display: block;max-width:100%;" dynamic/></td> </tr> </tbody> </table>
Stap 3: Je bent klaar!
Zo makkelijk is het om een timer van Sendtric in je Brevo-campagne op te nemen. Als je een betaald abonnement hebt en je wilt het ontwerp van je timer nog wat aanpassen nadat je hem in de sjabloon hebt gezien (misschien was die kleurkeuze toch niet helemaal goed!), dan kun je makkelijk teruggaan naar de Sendtric-editor en alles aan de timer aanpassen wat je maar wilt. Je hoeft de timer-code niet opnieuw te kopiëren, zolang je er maar op let dat je dezelfde timer bewerkt die je in je sjabloon hebt toegevoegd.
We horen ook graag hoe het je is vergaan met onze timers op Brevo! Neem gerust contact met ons op via support@sendtric.com als je ergens mee zit, vragen hebt of feedback wilt geven.
