Skip to main content
All CollectionsFor All AdminsWebsite Design
How to Add a Countdown Timer to Your Site
How to Add a Countdown Timer to Your Site
Updated over 5 months ago

Permissions are required to edit the website. Click here to learn how to view your permissions.

How to Create Your Countdown Timer

  1. Try one of these sites:
    http://www.timeanddate.com/clocks/freecountdown.html
    https://countingdownto.com/ (has a watermark)
    You can also Google "countdown timer embed" to find one that fits your needs. Make sure it doesn't use Javascript.

  2. Customize your timer as you see fit.

  3. Find the area or button to generate the HTML code.

  4. Select the code in the box and copy it (Ctrl+C in Windows, Command+C on a Mac, or right-click and select Copy).

How to Embed the Counter on the Site

  1. Click Website Design.

  2. Click the Main Text overlay or add a Generic Component and click it.

  3. Put the cursor where you want the timer to appear and paste the code you copied above (CtrI+V Windows, Command+V Mac, or right-click and select Paste).

  4. If you want the timer centered, add <p style="text-align: center"> before the code and </p> after the code (see example at the bottom of this article).

  5. Click Update.

  6. Click Save.

  7. You may need to refresh the page to see the timer.

If you add paragraph tags to center the text (step 4 above), it will look something like this:

<p style="text-align: center">
<iframe src="https://free.timeanddate.com/countdown..."></iframe>
</p>

Did this answer your question?