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.
  3. Click on the "Campaigns" sidebar on the right side, select the "Manage Templates" section and click the "Add Template" button.
  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="" alt="70%OFF" />


To leave a comment, please log in.