Skip to main content

Countdown Timer - Keap

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

INTEGRATIONS NEEDED FOR COUNTDOWN TIMER

Keap

You are currently viewing this content for Keap.

Countdown Timer Configuration Options

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

Step 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.

Step 1:

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

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

  • c: Select which timezone you'd like to use for the countdown.

  • d: Click here to continue set up.

A Fixed Date and Time

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

Step 1:

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

  • b: Select which timezone you'd like to use for the countdown.

  • c: 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

Step 1:

  • a: Select the duration of the countdown in Days, Hours and/or Minutes

  • b: Click here to continue set up.

Redirect Set-Up

Step 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

Step 3: Font and Color

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

Step 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.

Step 5: Update Preview

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

Step 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.

Implementation Types

Email

Send a Countdown Timer through Infusionsoft's Email Builder.

Step 1: On the Usage and Instructions page, copy the Custom Image URL under the ‘Infusionsoft Email Builder’ tab.

Step 2: Open the Infusionsoft email builder, and open the email you’d like to add the Countdown Timer to.

Step 3: Drag an image element from the left hand side into the email where you would like the Countdown Timer to display.

Step 4: Click on the image in the email builder, then click on ‘Custom Image URL’ at the bottom left. Paste in the URL from PlusThis, and save the email.

Step 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.

Step 6: Note: The “Countdown for a specific amount of time’ is not an option in emails.

Legacy Email

Send a Countdown Timer through Infusionsoft's Legacy Email Builder.

Step 1: On the Usage and Instructions page, copy the Custom Image URL under the ‘Infusionsoft Legacy Email Builder’ tab.

Step 2: Open the Infusionsoft legacy email builder, and open the email you’d like to add the Countdown Timer to.

Step 3: Drag an HTML snippet into the email where you would like the Countdown Timer to display.

Step 4: Paste in the code snippet from PlusThis, and save the email.

Step 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.

Step 6: Note: The “Countdown for a specific amount of time’ is not an option in emails.

My Website

Embed a Countdown Timer on your page unique to the contact's custom fields, for a specified date, or for a specified amount of time.

Step 1: On the Usage and Instructions page, copy the code under the ‘My Website’ tab.

Step 2: Embed the code in an HTML element on your page where you would like the Countdown Timer to display.

Step 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 Infusionsoft webform submission. Note: This is not necessary for the Fixed Date and Time, nor Countdown for a specific amount of time options.

Thank You Page

Embed a Countdown Timer on your Thank You page unique to the contact's custom fields, for a specified date, or for a specified amount of time.

Step 1: On the Usage and Instructions page, copy the code under the ‘Infusionsoft Hosted Thank You Page’ tab.

Step 2: In Infusionsoft, open your webform settings, and click open the Thank-You page tab. Embed the code on the Thank You page where you would like the Countdown Timer to display.

Memberium

Embed a Countdown Timer on your Memberium page unique to the contact's custom fields, for a specified date, or for a specified amount of time.

Step 1: On the Usage and Instructions page, copy the code under the Memberium tab.

Step 2: Embed the code in an HTML element on your page where you would like the Countdown Timer to display.

Step 3: IMPORTANT: Be sure to embed this tool on Gated-Only pages that requires the contact to be logged in to view the page.

CustomerHub

Embed a Countdown Timer on your CustomerHub page unique to the contact's custom fields, for a specified date, or for a specified amount of time.

Step 1: On the Usage and Instructions page, copy the CSS code, and save it to the stylesheet for the timer to function properly.

Step 2: Copy the code under the ‘CustomerHub’ tab.

Step 3: Embed the code in an HTML element on your page where you would like the Countdown Timer to display.

Step 4: IMPORTANT: Be sure to embed this tool on Gated-Only pages that requires the contact to be logged in to view the page.

iMember360

Embed a Countdown Timer on your iMember360 page unique to the contact's custom fields, for a specified date, or for a specified amount of time.

Step 1: On the Usage and Instructions page, copy the code under the iMember360 tab.

Step 2: Embed the code in an HTML element on your page where you would like the Countdown Timer to display.

Step 3: IMPORTANT: Be sure to embed this tool on Gated-Only pages that requires the contact to be logged in to view the page.

AccessAlly

Embed a Countdown Timer on your AccessAlly page unique to the contact's custom fields, for a specified date, or for a specified amount of time.

Step 1: On the Usage and Instructions page, copy the code under the AccessAlly tab.

Step 2: Embed the code in an HTML element on your page where you would like the Countdown Timer to display.

Step 3: IMPORTANT: Be sure to embed this tool on Gated-Only pages that requires the contact to be logged in to view the page.

Help Videos

Did this answer your question?