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

Modified on: Thu, 23 Jan, 2025 at 1:59 AM

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


This guide will walk you through how to use the "Copy Code" feature in countdown timers, including steps to create a timer, copy the code for your website or email, and customize the alignment and dynamic timer functionality.



TABLE OF CONTENTS



When Should You Use It?

You should use the "Copy Code" feature when you want to embed your countdown timer into different platforms, such as your website, email, or other builders like form builders. Here's when to use it:

  1. On Websites:

    • When you want to display a countdown timer on your webpage, the "Copy Code" option gives you the code snippet that you can paste directly into your website’s HTML.
    • This is useful for showing time-sensitive offers, event countdowns, or product launches.
  2. In Emails:

    • If you're sending an email campaign, you can use the "Copy Code" feature to get the timer code that can be inserted into your email's HTML.
    • This allows you to create urgency within your email content, so recipients can see the countdown right within the email.



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

If you're integrating the timer in emails or form builders where each user needs to see a personalized timer, you must use a Unique ID. This ensures that each user sees their own countdown (e.g., based on when their specific offer or promotion expires).


In summary:

  • Use the "Copy Code"without changes when you want to embed a countdown timer in a website, email, or another builder.
  • Change the Unique IDin Copy Code when the timer needs to be personalized for different users (e.g., in forms, dynamic emails, or other customized experiences).


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 done, move to the next step.


2. Copy the Code for Website or Email

Click the “Copy Code” button to get the code.

3. Choose where to use and the Timer Alignment

Select email or website based on where the code would be used and the alignment for your timer. Choose the one that fits 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 relevant Unique IDto personalize the countdown for each user (e.g., contactID, userID etc.). This ensures each person sees a tailored timer. 


Example: The highlighted text needs to be changed. If the Unique ID is contact.no, then use

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



FAQs



1. Does 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.



Was this article helpful?

That’s Great!

Thank you for your feedback

Sorry! We couldn't be helpful

Thank you for your feedback

Let us know how can we improve this article!

Select at least one of the reasons
CAPTCHA verification is required.

Feedback sent

We appreciate your effort and will try to fix the article