How to add a Countdown to Unbounce

Note:  You need to create a Deadline Funnel campaign before integrating with Unbounce.

Add a Floating Bar Countdown Timer to Unbounce:

1
Click on 'Javascripts' at the bottom of your page editor:

2
Navigate to 'Tracking Code' in your Deadline Funnel dashboard to copy the custom HTML code for your countdown:

3
Paste this code into the 'Javascript' box in Unbounce and click 'Save Code':

4
Save changes for the page:

The Unbounce editor will not show your floating bar timer, even though the code is now present. To view the countdown timer, you'll need to add your page to your Funnel Steps.

5
When your page is complete and published, copy your 'live' URL from your Unbounce admin and add the URL to your Funnel Steps and select 'Display a floating bar' :

6
Refresh your page and you will see your Floating Bar timer. Here's an example of what the Floating Bar looks like:

Adding an Inline Countdown Timer to Unbounce:

If you want to add an inline countdown to your Unbounce page, you will need to complete these additional steps to add the inline countdown snippet to your page. Follow steps #1-4 above and

1
Add a Custom HTML box to your page, in the spot where you want your countdown to appear:

2
Edit your 'Funnel Step', choose 'Display an inline timer', copy the HTML snippet provided, and click 'Save':

6
Paste this HTML snippet into your Unbounce 'Custom HTML' box and save your changes:

7
Refresh your page and your inline countdown will appear where you inserted the HTML snippet:

You're all done! Your countdown timer has now been integrated into your Unbounce page.

Please let us know if you have any other questions at help@deadlinefunnel.com.

Did this answer your question? Thanks for the feedback There was a problem submitting your feedback. Please try again later.

Still need help? Contact Us Contact Us