Timer Countdown

When promoting a time-limited offer, incorporating a countdown timer is a powerful way to grab attention. It visually shows how long your customers have left to benefit from your promotion, creating urgency and encouraging quicker decisions. Providing a clear deadline ensures potential buyers can plan accordingly, increasing the likelihood that they won’t miss out on your offer. You can make your timer more eye-catching by adding animated elements, such as a ticking clock or rocket, to make it stand out on your website or email campaign. A countdown timer can drive excitement and motivate users to act before time runs out!

General Settings

Naming the Element

The General Settings section allows you to modify the name or title of an element. The default name or title will be displayed, but you can change it to something more specific to help you better organize your content. This feature is especially useful when you have several elements on a funnel page, as it helps distinguish them easily.

 

Color Customization

Timer Color

You can customize the appearance of your countdown by adjusting the color. Click on your desired hue from the available palette, or if you need a custom color, enter its hex code to add it manually.

 

Label Color

Similarly, the label’s color can be changed by selecting from the palette or adding a custom color by typing its code. 

Positioning and Typography

Float Feature

The Float option lets you position the timer anywhere on the page, including Left, Center, or Right. You can also choose to distribute space around, evenly, or between elements for better alignment. 

Typography Customization

The Typography Type feature allows you to personalize the font style for your timer text. You can stick to the default font or choose another from the dropdown list, including options for headings and body text.

 

End Date and Time

Set a specific date and time for your countdown to conclude. Simply select your preferred deadline using the available date/time picker to ensure accuracy. 

Additional Timer Features

Language Translation

You can set the language for your timer by selecting it from the provided language list.

 

Time Zone

Ensure the accuracy of your countdown by choosing the correct time zone for your audience. This feature lets you select from a list of popular regions and countries. 

Mobile and Desktop Font Adjustments

Font Size for Mobile and Desktop

The font size of your countdown can be fine-tuned for both mobile and desktop views. Adjust the size bars to increase or decrease the text size as needed. 

Subtext Font Size

For more customization, you can also adjust the font size of the subtext on both mobile and desktop using size bars, with the option to apply Markdown formatting for styling. 

Expire Action and Redirect

Expire Action

Once the timer reaches zero, the Expire Action feature determines what happens next. For instance, you can set a URL where visitors are redirected after the countdown ends.

 

Redirect URL

You can set up a Redirect URL to automatically take users to a different page once the timer expires, ensuring they engage with the next step in your funnel. 

Additional General Settings

Spacing Options

The Spacing Options feature allows you to fine-tune the margins around your timer, making it easier to control the layout for different elements. 

Visibility and Customization

Control which devices display your timer by toggling visibility settings for mobile or desktop. You can also apply custom CSS through the Custom Class feature or copy the CSS Selector for additional design tweaks.