Tutsflow

How to add countdown(coming soon) in unbounce template

Many websites use countdown timers to show the amount of time left before the release of movie, book, product, website, etc. An attractive “coming soon” page can show your potential site visitors that you mean business and that they should check you out in the future. If you really impress them with a good-looking page, they are likely to keep you in mind. In this article i will show you how to add countdown timer in unbounce landing page template !

Step 1: Take HTML block

Open your unbounce template editor and take HTML block from the tools.

countdown-1

Step 2: Download Script from below link

https://github.com/mrfratello/SyoTimer

1)      After downlaod script from github open copy the HTML Structure of SyoTimer and past in HTML block.
2)      Now copy script and the past in javascripts, as in screenshots.

countdown-2

Now save your page and publish your template. check the output in live preview.

Step 3: Testing

you can check live working countdown timer / coming soon unbounce page template demo here:  Live Preview

Thanks for checking out our tutorial, go ahead and share your experiences with the world using the comments below!

If you want customization in unbounce template or if you have already readymade design and you want to convert into unbounce platform check out the following services from ilmosys studio

Share the Post:

Featured WordPress Plugins

PatternsWP

WordPress Block Patterns Library

Deals & Coupons

Unbounce Coupon

Save 20% off first 3 months

Cloudways Coupon

Save 20% off first 1 months