Login

Omnichannel

Security and Compliance

Creating Timer

In the Yespo editor, you can add a countdown timer to your email. This block is useful to encourage your subscribers to purchase by indicating the promotion's end date.

Timer in the email

Adding Timer to Template

1. Create an email or open a ready-made one in the Messages → Messages section.

Open an email

2. Go to the Blocks tab in the Content tab on the left sidebar. 

3. Drag the block with a timer from the Blocks tab into the template.

The Timer block

Timer Settings

Click the timer in the template to open its settings.

General Settings

1. Specify the end date and time for the timer to make other timer settings available.

2. Select the time zone according to which the time will be displayed in the timer.

3. Set the font, color, and size for the numbers.

4. Specify the timer background color.

5. Select whether to display days. The timer will be in HH:MM:SS format without displaying days.

6. Select a separator between numbers (the default is colon).

General settings

7. Enable/disable number labels.

8. Select label language.

9. Select label font, size, and color.

10. In case the recipient opens the email after the timer expires, add an image that will be displayed instead.

11. Add a link to redirect the user when clicking the timer.

12. Alternate text will be displayed if the image fails to load. This can happen, for example, because the user has turned off the display of pictures in emails.

General settings

13. Alignment is set to left/right or center for desktop and mobile versions. To set the alignment for the mobile version, turn off image responsiveness in the settings below and full-width buttons on the Appearance → Mobile Formatting tab.

Mobile formatting

14. Set the block width and height parameters in pixels.

15. You can adjust the timer to the email width.

16. When the Responsive image option is activated, the timer will adapt to the width of the mobile device.

17. We'll look at advanced timer settings in more detail below.

General settings

18. Add padding to the left, right, top, and bottom of the timer (you can set separate padding for the mobile version).

19. You can direct recipients to the desired sections of the email using anchor links. It is important to clarify that anchor links are not supported in some email clients: Gmail (iOS), Apple Mail (iOS), Outlook.com (Web), Outlook (Android), Outlook (MacOS).

20. Hiding an element means the selected version (desktop or mobile) will not have a timer.

21. Choose where to show the timer: everywhere, only in the HTML, or only in the AMP version of the email.

General settings

Advanced Settings

Activate the corresponding switch in the timer settings to open advanced settings.

Advanced settings

Advanced settings include:

1. Retina Display support — this option provides a high-resolution timer on LCD and OLED displays of Apple devices. Please note that activating this option may increase the download time of the letter.

2. Labels letter case.

3. Separate color settings for digits.

Advanced settings

4. Font, size, and color of the separator.

5. Separate color settings for labels.

Advanced settings

Any Questions?
We’re always happy to help!
Discount services
Schedule a Call
Fill in the form, and our specialists will call you back as soon as possible.
Discount services
Chat Support
We’re waiting for your questions!
Discount services
Email
Contact the support team