Countdown

Adding Countdown

Option 1

• Hover over the desired section and click Add Element:

• Choose Countdown from the modal that appears:

• After you choose the element from the list, drag it to the desired section.

Option 2

• Hover over the left sidebar of the Site Editor and click Build (+) button:

• Choose the element:

• After you choose the element from the list, drag it to the desired section.

Moving and Resizing the Countdown

Please refer to the Elements Management article to learn more about moving and resizing elements.

Editing Countdown

• Hover over a Countdown to display the Edit button in its top-right to modify Settings and Design:

• The toolbar opens within two tabs: Settings and Design:

Settings Tab

• Due date and time. Click to enter a date and time for the counter:

Select the preferable date and time, then click Apply.

Please Note: The Date choice for the Countdown element is limited to one year from the current date.

• Time's up message. Specify the message that will be displayed at the end of the timer:

Please Note: The Time's Up message will only appear on the published website. It is not available in the Site Editor Preview mode.

Design Tab

The Design tab allows you to change the following:

• Style. Choose a countdown style from the box of available styles:

• Circle color. Click a color square to open the color picker and select the color for the circle color:

• Time's Up message color. Click a color square to open the color picker and select the color for the Time's Up message:

Customizing Text or Heading

Select a text to display the Editing Menu:

• For the header count:

• For the text description: