Countdown bar
The countdown bar in a rich text can be utilized for various purposes, including:
- Event Promotion: Building excitement for an upcoming event by displaying a countdown to its start time within the text.
- Product Launch: Generating anticipation for a new product or service release by counting down to its launch date directly in the content.
- Limited-Time Offers: Creating urgency for special promotions or sales events by showcasing a countdown to their expiration within the text.
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:
|
Heading | Keep the suggested headline, or write a compelling headline about the promotion ending. |
Heading size | The heading size setting offers three options:
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:
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. 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. 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. 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. 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 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. |