How to add a Countdown to Unbounce

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

You can easily add a countdown timer to any Unbounce page using Deadline Funnel.

Video Tutorial:

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:

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', 2) copy the HTML snippet provided and 3) 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.

Still need help? Contact Us Contact Us