Blog

How to add a counter to ActiveCampaign?

ActiveCampaign is a platform that allows you to automate marketing, design complex processes, while increasing the base of happy customers and increase conversion. The service helps to create email campaigns by offering email templates. Also, a CRM system is built in to automate sales processes.

So, you have an email and account in ActiveCampaign, you want to add a countdown counter to this email. What do you need to do? Let's break these actions down into simple steps.

  1. Create a counter itself and get its code. To create one, go to here, and read the article "Creating a Countdown Counter for Email."
    Countdown timer embed code
  2. Log into your ActiveCampaign account.
    Cabinet
  3. Click on the "Campaigns" sidebar on the right side, select the "Manage Templates" section and click the "Add Template" button.
    Tamplates
  4. In the window that appears, select the template type, in our case we have ready HTML and we want to add it simply, for this we need to select "Custom HTML", enter the name of our template and click "OK".
    Type template
  5. In the window that appears, we need to copy the source code of our HTML template to the left.
    Email code
  6. Insert the counter code in the source code of the letter (make sure that this place is for the counter) and click "Save and exit".
    Countdown timer in email
  7. Now you can add this template to any campaigns created in ActiveCampaign.

We recommend that you check the correctness of the letter display, since HTML code can be easily broken by removing or modifying the opening or closing tag. Also, an e-mail can change its size depending on the layout, so we recommend not specifying a fixed width (style = "width: 250px") of the countdown timer, in order to avoid breakdown of the layout on mobile phones. To do this, you specify that your timer will be extended depending on the width of the letter, but it will not be larger than a certain width. For example, you created a timer 250px wide, and you want that if your letter is less than 250px in width (for example, on the phone) then the timer should also be automatically less than 250px. To do this, you need to add such CSS styles in the timer code style="max-width:250px;width:100%"; .
The end result of the counter code is: <img style="max-width:250px;width:100%" src="https://m.promofeatures.com/gt" alt="70%OFF" />

User Rating

Only registered users are allowed to vote.

4 average of 5 based on 84 reviews.


5 star
58.910162002946
4 star
22.385861561119
3 star
15.022091310751
2 star
2.7982326951399
1 star
0.88365243004418
How To Create Countdown Timer For Email?

How To Create Countdown Timer For Email?

Read
About Countdown Timers.

About Countdown Timers.

Read
How to add countdown timers in Gmail?

How to add countdown timers in Gmail?

Read
Adding countdown timers in MailChimp.

Adding countdown timers in MailChimp.

Read
Countdown timer in Campaign Monitor.

Countdown timer in Campaign Monitor.

Read
How to add countdown timers in Outlook?

How to add countdown timers in Outlook?

Read

Comments

To leave a comment, please log in.