Countdown bar

The countdown bar in the email sign-up section can be used for various purposes, including:

  1. Limited-Time Offers: Use the countdown bar to create urgency for limited-time offers or promotions, encouraging users to sign up quickly to take advantage of the offer before it expires.
  2. Product Launches: Countdown to the launch of a new product or service, building anticipation and excitement among users who sign up for updates.
  3. Event Registration: Use the countdown to a scheduled event or webinar, and encourage users to sign up before the event begins.
  4. Sales Events: Countdown to a sales event, such as a flash sale or seasonal promotion, to encourage sign-ups and drive traffic to your website.

Setting Description
End date Please refer to the example provided below the field to ensure you correctly input the end date.
When date has passed

When the specified date has passed, you can decide how to handle the countdown bar from a dropdown menu:

  • Show zeroes
  • Hide countdown
  • Disable buy buttons
Countdown style

Choose style of countdown bar

  • Default
  • With a colon
Heading Keep the suggested headline, or write a compelling headline about the promotion ending.
Heading size 

The heading size setting offers three options:

  • Small
  • Medium
  • Large

With these options, you can easily customize the heading size to best match your website's style.

Heading color

The “Heading color” setting offers four options to customize the color scheme of your card's heading:

  • Text main color
  • Text secondary color
  • Headings color
  • Headings secondary color

It's important to note that the color scheme you choose for these four options will be consistent throughout your website. So, when you update the theme settings for these text colors, the same color scheme will be applied to other sections or blocks that use text elements. 

Heading icon Add an icon through ‘Select image’ to emphasize the heading.
Days label  Keep the suggested label for days, or write your label in the field. 
Background color  Choose a background color for days by trying these five options from the dropdown list: Background main, Background section 1,2,3,4,5, and Transparent (without background). Colors for these backgrounds can be set in the Theme Settings/Colors block.
Hours label Keep the suggested label for hours, or write your label in the field. 
Background color  Choose a background color for hours by trying these five options from the dropdown list: Background main, Background section 1,2,3,4,5, and Transparent (without background). Colors for these backgrounds can be set in the Theme Settings/Colors block.
Minutes label Keep the suggested label for minutes, or write your label in the field. 
Background color  Choose a background color for minutes by trying these five options from the dropdown list: Background main, Background section 1,2,3,4,5, and Transparent (without background). Colors for these backgrounds can be set in the Theme Settings/Colors block.
Seconds label Keep the suggested label for seconds, or write your label in the field. 
Background color  Choose a background color for seconds by trying these five options from the dropdown list: Background main, Background section 1,2,3,4,5, and Transparent (without background). Colors for these backgrounds can be set in the Theme Settings/Colors block.
Number color  Set the color for numbers by clicking on color circle.
Number font size  Set numbers font size according to your website’s style using a slider with font sizes.
Number font size mobile Set numbers font size on mobile according to your website’s style using a slider with font sizes.
Number weight  The numbers weight can be: light, normal, medium, bold, or semi bold.
Label color  Set the color for labels by clicking on the color circle.
Label font size  Set label font size according to your website’s style using a slider with font sizes.
Label weight The label weight can be: light, normal, medium, bold, or semi bold.
Did this answer your question? Thanks for the feedback There was a problem submitting your feedback. Please try again later.

Still need help? Contact Us Contact Us