Classic - Timer Block
- Rebecca Kornblum
Analytics
Description
A timer in an email is a useful tool for creating a sense of urgency and encouraging the recipient to take action before time runs out. By using a countdown timer, you can create a deadline for an offer or promotion, increasing the chances of conversion. The timer can be customized to display the remaining time in hours, minutes, or seconds and can be set to start automatically when the email is opened or triggered by a specific action, such as clicking a button. Additionally, the timer can be styled to match the email's design and placed in a prominent location to maximize its impact.
Adding a Timer Block
Drag and drop the timer block into one of the structured containers.
Select the End Date and Time for the timer to expire.
Choose the hour, using a 24-hour clock, for the timer to expire.
Choose the seconds for the timer to expire.
Select the Time Zone for the timer.
Select the Number font.
Select the font from the drop-down menu.
Select the size from the drop-down menu.
Select a color from the grid or by clicking inside the hex code box to open the drop-down menu.
Select a timer background color from the grid or by clicking inside the hex code box to open the drop-down menu. The default is set to white.
Set the Display Days toggle which shows the number of days remaining on the timer. The default is set to ON.
Set the separator. This is a divider that can be used to separate the days, hours, minutes, and seconds The default separator is a semi-colon (:).
Set the number of labels to show the labels for the days, hours, minutes, and seconds. The default is ON.
Set the label language for the labels for the days, hours, minutes, and seconds. The default is English.
Set the style for the label font.
Select the font from the drop-down menu.
Select the size of the font from the drop-down menu.
Select the color of the font from the drop-down menu.
Set the Expired Timer Image toggle. This toggle allows users to display an image after the timer expires. The default setting is OFF.
Turning the Expired Timer Image toggle to ON opens up all of the image options.Link the timer to a URL.
Enter the URL into the link section.
Validate the link.
Add alternate text, if desired. Alternate text (alt text) is a description of an image that appears in place of the image if it fails to load or cannot be displayed and is also used by screen readers for accessibility purposes.
Set the alignment for the entire block to right, center, or left. Note that there are options to set the alignment for mobile devices.
Set the size of the timer
Use the +/- buttons to increase or decrease the size of the timer's height or width.
Use the Adjust to Width option to make the image the size of the width of the screen.
The responsive image toggle is a web design and development approach that allows websites and applications to adapt and optimize their layout and functionality based on the device and screen size used to view them. We recommend leaving the Responsive Image toggle on to ensure visibility on mobile devices and tablets.
The Advanced Settings toggle default is set to OFF.
Default Setting OFFSetting when turned ON
Set the Retina Displays Support options. For a timer in an email editor, this means that the timer graphic is optimized to look sharp and clear on high-resolution screens. This toggle default is set to ON.
Set the Labels Letter Case option which allows users to control the appearance of text labels by specifying whether they should appear in upper and lower case, all lower case, or all caps. This option affects the text labels used throughout an email campaign, helping to ensure a consistent and professional look.
Select the color settings for digits on the timer for days, hours, minutes, and seconds by choosing a color code from the grid or clicking inside the hex code box.
Select the font, size, and color for the separator between the days, minutes, hours, and seconds.
Set the color for the label text on the timer for days, hours, minutes, and seconds by choosing a color code from the grid or clicking inside the hex code box.
Padding refers to the amount of space around the video content. It can be adjusted to create an email that is visually balanced and aesthetically pleasing by adding space to the width or height. The More toggle allows users to adjust the margins around the video content either independently or separately.
The More toggle default is set to Off. This allows users to adjust all margins around the video content uniformly.
Turning the More toggle On allows all margins around the video content to be adjusted independently.
Choose the setting for the Hide element toggle. Users have the option to hide the text on either the desktop or the mobile application.
Click the desktop icon to hide the text on the desktop application.
Click the mobile device icon to hide the text on the mobile application.
