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 a week ago

You must have Admin Level - Webmasters access to add a countdown timer.

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)
    Or Google "countdown timer embed" to find one to your liking. 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. If you want to put the timer on a user-defined page,

    • In the side menu, click Org or Team Resources > Manage Org Resources.

    • Click the by the desired page.

    • On the right, click the < > Source... button.

  2. If you want it on the home page,

    • In the side menu, click Website Design.

    • Click the Main Text overlay (or add a Generic Component and click that).

  3. Put the cursor where you want the timer to appear and paste the code you copied above (Ctrl+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?