Skip to main content

How to Use the "Copy Code" Feature in Countdown Timers

Countdown timers are a fantastic tool to add urgency to your website or email campaigns. They help drive conversions by showing customers how much time is left for a special offer, event, or product launch. One particularly helpful feature is the "Copy Code" function, which allows you to seamlessly integrate countdown timers into your content.

Table of Contents​

When Should You Use It?​

The "Copy Code" feature is perfect when you want to embed your countdown timer into various platforms, such as your website, email, or other builders like form builders. Here's when to use it:

  • On Websites: Use the "Copy Code" option to get a code snippet that you can directly paste into your website's HTML. This is ideal for displaying time-sensitive offers, event countdowns, or product launches.

  • In Emails: If you're sending an email campaign, the "Copy Code" feature provides the timer code to insert into your email's HTML, allowing recipients to see the countdown directly within the email.

What is a Unique ID, and When Should You Use It?​

When integrating the timer in emails or form builders where each user needs a personalized timer, a Unique ID is essential. This ensures each user sees their own countdown, such as when their specific offer or promotion expires.

In summary:

  • Use the "Copy Code" as-is for embedding a countdown timer in a website, email, or another builder.
  • Modify the Unique ID in the code when the timer needs personalization for different users (e.g., in forms, dynamic emails).

How to Use It​

1. Create a Countdown Timer​

Set up your countdown by selecting the end date and time, appearance, and format (days, hours, minutes, seconds). Once completed, proceed to the next step.

2. Copy the Code for Website or Email​

Click the "Copy Code" button to obtain the code.

3. Choose Where to Use and the Timer Alignment​

Decide whether you'll use the code in an email or on a website, and select the appropriate alignment for your timer to fit your page or email design.

4. Enter Unique ID for Dynamic Timers (Optional)​

For dynamic timers, replace the contact.id within the curly braces with the relevant Unique ID to personalize the countdown for each user (e.g., contactID, userID). This ensures each person sees a tailored timer.

Example: If the Unique ID is contact.no, then use:

uniqueID=`{{contact.no}}`&...

FAQs​

  1. Does the copy code work for internal builders?

    • Yes, it can be used in the code snippet element for our existing email or site builder products.

  2. Do we need to make additional changes before using it elsewhere?

    • No, it can be used as-is.