Countdown Timer

OVERVIEW

Create urgency by placing a countdown timer on your order forms sales/web pages or in Emails.

INTEGRATIONS NEEDED FOR COUNTDOWN TIMER

You are currently viewing this content for Ontraport.
Click here to switch your platform.

Countdown Timer Configuration Options

click image to enlarge

Select your Countdown Options

The first step of the tool configuration is to select what type of Countdown Timer you would like to create.  Follow along with the option you would like to create in the sections below

1

Countdown Options

Select your countdown type:
- If you would like to use The Date and Time Found in a contact's field
- If you would like to use A Fixed Date and Time
- If you would like to use Countdown for a specific amount of time

The Date and Time Found in a contact's field

This will create a countdown that will count down until the date/time found in a contact's field.  

1a
Select which field you would like to use in the countdown in the dropdown provided.  

1b
Select what time you would like the countdown to end (or leave blank to use the time found in the field.  

1c
Select which timezone you'd like to use for the countdown. 
1d
Click here to continue set up.

click image to enlarge

click image to enlarge

A Fixed Date and Time

This will create a countdown that will count down until the date/time that you specify in our field.

1a
In the field titled "When?" select the date and time you'd like to count down to. 

1b
Select which timezone you'd like to use for the countdown. 
1c
Click here to continue set up.

Countdown for a specific amount of time

This will create a countdown that will count down for a specific amount of time after a page with the timer is loaded

1a
Select the duration of the countdown in Days, Hours and/or Minutes
1b
Click here to continue set up.

click image to enlarge

click image to enlarge

Redirect Set-Up

2

Redirect when the countdown expires: (optional)

This is an optional configuration option, however if you would like the page to redirect to a different page when the countdown expires, enter the URL you would like people to be sent to in this field. 

*Note* The redirecting does not work in an email embed, and will only work for countdowns embedded on websites. 

Countdown Styling Options

3

Font and Color

Select which font type and color you would like your countdown to utilize. 
4

Labels

You can check the box labeled "Don't Show Labels in Countdown" to remove all labels from the countdown timer. By default, this box is not checked. 

You can also enter any alternate text you would like displayed instead of the provided labels. This is useful if your customer base are not native English speakers. 
5

Update Preview

Clicking this will allow you to see a preview of the countdown with your personalized selections made above. 
6

Tool Name

Enter a name for your tool in this field. The name is solely for use inside of PlusThis, and will not be visible to customers. 

click image to enlarge

FAQs / Tips

Implementation Types

My Website

Display a Countdown Timer on your website.

1
On the Usage and Instructions page, copy the code under the ‘My Website’ tab.
2
Embed the code in an HTML element on your page where you would like the Countdown Timer to display.
3
Be sure to pass contact details to the page the Countdown Timer is embedded on. You can do this using the link generator, or by passing details through an Ontraform submission.

click image to enlarge

Thank You Page

Display a Countdown Timer on your Ontraport Hosted Thank You Page/Landing Page.

1
On the Usage and Instructions page, copy the code under the ‘Ontraport Thank You Page’ tab.
2
In Ontraport, open your smartform settings, ‘Use this Landing page’. Embed the code in an HTML element on the Landing page.
3
In the advanced settings of the Smart Form, be sure to check the ‘Pass CGI variables to Landing/Thank you page’.

click image to enlarge

Email

Send a Countdown Timer through Ontraport's Email Builder.

1
On the Usage and Instructions page, copy the Custom Image embed code under the ‘Ontraport Advanced HTML Email Builder’ tab.
2
Open the Ontraport Raw HTML Email Editor.
3
Click ‘Source’ in the body editor, and paste in the code.
4
Click Save.
5
IMPORTANT: When testing this tool, be sure to send the email to yourself the same way your contacts’ would receive it. If you use the ‘Send Test’ option in the email, no contact details will be found, and the timer will not display properly.
6
Note: The “Countdown for a specific amount of time’ is not an option in emails.

click image to enlarge

PilotPress

Display a Countdown Timer on your Pilot Press Page.

1
On the Usage and Instructions page, copy the code under the ‘PilotPress’ tab.
2
Embed the code in an HTML element on your page where you would like the Countdown Timer to display.
3
IMPORTANT: Be sure to embed this tool on Gated-Only pages that requires the contact to be logged in to view the page.

click image to enlarge

AccessAlly

Display a Countdown Timer on your AccessAlly Page.

1
On the Usage and Instructions page, copy the code under the ‘AccessAlly’ tab.
2
Embed the code in an HTML element on your page where you would like the Countdown Timer to display.
3
IMPORTANT: Be sure to embed this tool on Gated-Only pages that requires the contact to be logged in to view the page.

click image to enlarge