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.

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 Preview page to your Funnel Steps.

5
Click 'Preview' to get your preview page URL:

6
Copy the URL from the top menu bar:

7
You can remove everything from the end of the URL you copied so that this:

https://app.unbounce.com/483232/pages/08383cef-c4cf-4ba6-a695-1d29eccc5267/preview?variant_id=135778912#desktop

Becomes this:

https://app.unbounce.com/483232/pages/08383cef-c4cf-4ba6-a695-1d29eccc5267/preview

8
Add this preview page URL to your Funnel Steps and select 'They'll see a floating bar timer':

9
Refresh your preview page and you will see your floating bar timer:

10
When your page is complete and published, copy your 'live' URL from your Unbounce admin and add that URL to your Funnel Steps:

Adding an Inline Countdown Timer to Unbounce:

1
If you are adding an Inline Countdown to your Unbounce page, you will need to add a Custom HTML box to your page, at the spot where you want your countdown to appear:

2
Choose the action, 'They'll see an inline timer' and click 'Save'. Then copy the extra HTML snippet provided by Deadline Funnel:

3
Paste this HTML snippet into your Custom HTML box and save your changes:

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

4
Click 'Preview' to get your preview page URL:

5
Copy the URL from the top menu bar:
6
You can remove everything from the end of the URL you copied so that this:
https://app.unbounce.com/483232/pages/08383cef-c4cf-4ba6-a695-1d29eccc5267/preview?variant_id=135778912#desktop

Becomes this:

https://app.unbounce.com/483232/pages/08383cef-c4cf-4ba6-a695-1d29eccc5267/preview

7
Add this preview page URL to your Funnel Steps and select 'They'll see an inline timer':

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

9
When your page is completed and published, copy your 'live' URL from your Unbounce admin and add that URL to your Funnel Steps:

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