Countdown Timer


#21

Can I get some advice on how to do this?


#22

Hi Lily,

That Themeforest item looks like a template for an entire webpage so that might not be the best route to go down with Unbounce.

There should be lots of JavaScript or animated GIF countdown timers available online Ð a few were mentioned by other customers in this thread.

http://gifcountdown.com/ looks like a good option because it wouldn’t require any code it all Ð just embedding an image on your Unbounce page.

Let us know if you have questions!


#23

Hi Lily! 

I used this one: https://www.powr.io/plugins/countdown-timer

very easy setup and works awesome! http://unbouncepages.com/hoteles-2022/

Regards!


#24

Thanks for sharing this, Edgar!


#25

This reply was created from a merged topic originally titled Countdown Timer.

I need to insert a countdown timer on my Unbounce Landing Page, but I can’t find this feature on Unbounce.

Can anyone help me?

All the best!


#26

This reply was created from a merged topic originally titled setting up a countdown timer.

How do I set up a javascript countdown timer? I’ve tried using the scripts function, but can’t seem to get the timer going.


#27

Please integrate this


#28

I cant get this widget to work.


#29

An Unbounce Count Down timer would really be a good feature… Come on Unbounce! Lets do this! :slight_smile:


#30

was just thinking how good this would be. do it!


#31

I actually asked about this when signing up. 

Definitely an important feature to have for a lot of us.


#32

The https://countingdownto.com/pricing is ok and it is easy to set up but 9 USD a month for a countdown is a joke. 

There are dozens of jquery timers out there like these ones:
https://designsmaz.com/free-jquery-countdown-timer/

I know these are scripts that unbounce does not support but with some help we could install them. I tried to install a couple of them withput success. I add the script in the script mananger and i call the script in the html code but it does not work. 

I don’t have much preferences for the countdown timer so, i can choose this easy one:

http://hilios.github.io/jQuery.countdown/

In this case there are two files:
jquery.countdown.js
jquery.countdown.min.js

Then i have to add this in the HML code with html box

Question: since there are two files, how do i associate the jquery.countdown.min.js with the first script?

I also put those scripts in dropbox and modifyed the source to dropbox but they don’ work

anybody has tried this?


#33

Hi Oscar, 

There are a few problems with your approach: 

  1. You can’t use Dropbox to host .js files. You need to upload them to your own hosting server. Dropbox simply can’t execute .js files. 

  2. Once you upload them to a proper hosting provider, you need to point to the right address for the script. The example you’ve provided assumes the .js files are in the same folder as the landing page itself which is not the case.

Best,
Hristian


#34

Dear Hrisrtian

I suspect that dropbox cannot execute it since it is not ruuning under a web server, etc

If we upload them to unbounce, where we upload them? so we should uploaded to our web page that is using a regular web server. 

Have you integrated a countdown timer in outbounce that is not an html widget but a jquery one? Which one have you installed?

Thanks


#35

Hi Oscar, 

Unbounce doesn’t offer hosting for external files. You’ll need to upload the scripts to a server you control. 

Also, HTML is the markup while jQuery is basically a JavaScript library that helps implement common functions.
You need both HTML and jQuery/JavaScript to actually make your countdown timer function properly. 

Any developer should be able to help you set up everything in a matter of minutes.

Best,
Hristian


#36

Update on my previous comment… we now use this tool for embedding a countdown timer on our Unbounce landing pages: http://countingdownto.com/

Just fyi/sharing the love.


#37

Just wanted to give an update here: 

While this could probably be achieved with some jQuery, but your easiest and best bet would probably be to include a pre-built HTML widget, such as this widget from timeanddate.com

This way you can customize the look/functionality of the timer, then simply grab the HTML embed code and place it on your Unbounce landing page. 

Here’s a quick example landing page with a timer built in: 
http://unbouncepages.com/html-countdown-timer/


#38

I’ve used this countdown code on several Unbounce pages.
http://www.gieson.com/Library/projects/utilities/countdown/


#39

Read here how to add countdown(coming soon) in unbounce template


#40

@johntham

This is AWESOME!!!

Thanks so much for providing this to the Community, you rock! :partyparrot: