How to add countdown(coming soon) in unbounce template

mm
How to add countdown(coming soon) in unbounce template
3 (60%) 2 votes

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!

 

How to add countdown(coming soon) in unbounce template
3 (60%) 2 votes

Leave a Comment

Your email address will not be published. Required fields are marked *