Help Centre

Support > Designing and Building Your Website > Adding Your Content

How To Add a Countdown Timer to Your Website

An example of a countdown timer on a coming soon page showing when the website is due to launch

Countdown Timers are a fun way to engage your website visitors over a period of time. They work perfectly for displaying how long until your website goes live on your Coming Soon Page, for promoting new releases, and also for creating urgency for limited time events, like shop sales

There are a number of free countdown timer options available for your website online. We personally recommend Logwork’s Countdown Timer. They offer a wide range of customisability so that your timer looks exactly how you want it. Not only that, but it’s free and easy to install on your website. 

Here’s how you can set up your own Countdown Timer and add it to your website:

 

 

How To Create Your Countdown Timer

  1. Head to Logwork

  1. Customise the timer settings to your preference - Make sure to set a title as this will be displayed with your timer and keep the Width Size setting as Responsive

  1. When you are happy with your customisations, click the Embed on your website button

  1. Copy the code provided to your clipboard

 

 

How To Create a HTML Fragment for Your Timer

  1. Log in to your Create account

  1. Select Content on the top menu

  1. Click HTML Fragments from the left-hand menu

  1. Click on the green Add HTML Fragment button at the top of the screen

  1. In the Description box, enter a clear title for your HTML Fragment. This is just for you reference and will not appear on your site

  1. Paste your embed code from earlier into the large HTML Code box


An example of the countdown timer code being added to a HTML Fragment in Create

  1. Click the Add HTML Fragment button

 

 

How To Place Your Timer on a Page

  1. Click on Content in the top menu

  1. Navigate to the page you want to place your timer on and select Edit this Page (Pencil icon)

  1. Click the +Add Block button 

  1. In the Block Selector Panel, click the Custom filter

  1. Click, drag and drop one of the Custom Blocks onto your page

  1. Click Add Element in the box and select HTML Fragment

  1. Select your Timer HTML Fragment from your list

  1. Click Done and save the changes to your page.

 

How your page should look in your Create account once your timer is set up correctly

You can now preview and/or publish your site to see your fragment in action

More Questions?

If you have any further questions, please get in touch and we will be happy to help.

Get in Touch