Countdown widget

The Countdown widget enables you to add countdowns to your page without the use of 3rd party plugins.

Content

1. Type: Choose either Due Date or Evergreen Timer

2. Due Date: If Due Date is the type chosen, this option will appear. Set the destination date and time for your countdown

3. Hours / Minutes: If Evergreen Timer is the type chosen, these options will appear. Set the hours and minutes of the countdown by entering the value in the field or by using Dynamic Tags *

4. View: Choose between Block or Inline

5. Days: Show or Hide the Days display

6. Hours: Show or Hide the Hours display

7. Minutes: Show or Hide the Minutes display

8. Seconds: Show or Hide the Seconds display

9. Show Labels: Show or Hide the Labels

10. Custom Labels: Edit the Labels’ text

11. Actions After Expire: Choose from Redirect, Hide, or Show Message. If Redirect is chosen, enter the Redirect URL. If Hide is chosen, the countdown will be hidden when the target’s time reached. If Show Message is chosen, enter the message to be shown after the time expires.

* Note: Evergreen Timer means every single visitor gets the same countdown time frame you set

Style

Boxes

1. Container Width: Set the width of the Countdown’s container

2. Background Color: Choose the background color of the boxes

3. Border Type: Select the type of border, choosing from none, solid, double, dotted, dashed, or grooved

4. Border Radius: Set the border radius to control corner roundness

5. Space Between: Control the space between boxes

6. Padding: Set the padding within the boxes

Content

Digits 

1. Color: Choose the color of the numerical digits

2. Typography: Change the typography options for the numerical digits

Label

If Show Label is toggled off, the label style controls do not appear in the Style tab.

1. Color: Choose the color of the Labels’ text

2. Typography: Change the typography options for the Labels’ text

Expire Message

1. Alignment: Align the Expire Message to the left, right, center, or justified

2. Text Color: Choose the color of the Expire Message’s text

3. Typography: Change the typography options for the Expire Message

Note: Expire message will be displayed only when selecting the After Expire Action > Show Message.

Advanced

Set the Advanced options that are applicable to this widget