Campaigner’s email wizard is unusually linear. You pick a template, edit the HTML, edit the plain text version, then fill in the email details, in that order. A Campaigner countdown timer goes in at the second step, through an HTML element, and one nice thing about Campaigner is that the canvas shows the real countdown as soon as you apply the code rather than a grey placeholder.
This guide adds an Alterable countdown timer that way, then covers the two Campaigner-specific details: the plain text step that a timer can’t appear in, and where a merge field goes if the deadline should differ per recipient.
Step 1: Create the timer in Alterable
1. Open the Alterable countdown timer page.
2. Pick a type. Standard counts to one date for everyone. Evergreen starts each recipient’s own window on their first open. Merge tag reads the deadline from a contact field in the image URL.
3. Set the deadline and its timezone, then match the fonts and colours to your template.
4. Click Create and copy the embed. It’s a link wrapped around an image:
<a href="https://next.alterable.com/countdown-timers/YOUR-TIMER-ID">
<img src="https://next.alterable.com/countdown-timers/YOUR-TIMER-ID.png" width="510" height="120" />
</a>Step 2: Add the countdown timer to your Campaigner email
1. In Campaigner, create the email and pick a template, then continue to Edit HTML.
2. Add an HTML element to the layout where the countdown should sit. It shows an Enter HTML placeholder until you fill it.
3. Select the element. The HTML Properties panel opens on the right with an empty text area.
4. Paste the Alterable embed into the text area.
5. Click Preview changes. The countdown renders in the canvas with the real time remaining.
6. Continue to Edit Plain Text. The timer is an image and won’t appear here, so write the deadline out in words: “Offer ends Friday 3 October at 6pm CET” does the job.
7. Finish Edit Email Details, send yourself a test and open it in a real inbox.
Per-recipient deadlines with Campaigner merge fields
A standard timer needs nothing from Campaigner. The other two types take a merge field on the image URL, placed exactly where you’d put one to personalize a link.
An evergreen timer needs to know who’s opening so it can start and keep that recipient’s clock. Put the merge field for the email address in the uid parameter:
<img src="https://next.alterable.com/countdown-timers/YOUR-TIMER-ID.png?uid=EMAIL-MERGE-FIELD" />A merge tag timer takes the deadline itself, as an ISO date such as 2026-10-01T18:00:00Z. Keep it in a text field on the contact, filled by whatever system knows the real expiry, and put that field’s merge tag in the d parameter:
<img src="https://next.alterable.com/countdown-timers/YOUR-TIMER-ID.png?d=OFFER-END-MERGE-FIELD" />Replace the placeholders with Campaigner’s own merge syntax for those fields, the same tags you’d use in a subject line. Text in, text out avoids any date-formatting surprises.
Testing a Campaigner countdown timer
The canvas preview is the quickest check, and it shows the live image. For a timer with a merge field in the URL, the canvas has no contact to fill it with, so confirm it with a test send to yourself or a small test list, where the field resolves. A standard timer carries no field and renders correctly everywhere.
After the deadline, the timer holds at zero, or shows the text or image you chose as its expiry placeholder in Alterable. That lives on the timer rather than in the email, so every copy already delivered shows it on the next open, and the plain text version you wrote in step 6 still states the date for anyone reading without images.