How to add a countdown to an email template

How to add a countdown to an email template

Starting with version 2.1.15, AppMail supports countdowns for email templates.
To get started, all you have to do is to click on the Available tags from the campaign template step and you will see the COUNTDOWN tag with all its possible options

Copy the the tag in your email template and you will have the countdown ready with default options.
The default counter will look like:

Let's breakdown the tag structure:

[COUNTDOWN until='2022-07-11 23:34:57' size='medium' text-color='db9842' background-color='ffffff' show-circle='yes' circle-background-color='ffcccc' circle-foreground-color='ff0000' max-frames=60 show-text-label='yes']
  • until - Accepts a string that can be a date in the format 'Y-m-d H:i:s' (ex. 2022-12-30 01:01:01) or an expression like '+3 days'. We are having a restriction to a period no longer than 14 days. Any value that results in a date longer than 14 days will default to 14 days. If somehow the value translates into a date in the past, the counter will be 00:00:00:00. The timezone used will be UTC.
  • size - Accepts 3 values: 'medium', 'small' and 'large'. The 'medium' is having a size of 400x100 pixels, the 'small' is 240x65 pixels and the large is 800x200 pixels. It defaults too medium.
  • text-color - Accepts any color in hex, just without the # symbol. So, for #000000, you will use only '000000'.
  • background-color - Same as text-color.
  • show-circle - Whether to show a circle to measure the depleted time around the counter numbers. It accepts 2 values: 'yes' or 'no'.
  • circle-background-color - See the text-color.
  • circle-foreground-color - See the text-color.
  • max-frames - The generated animated gif maximum frames. Its value is restricted to a minimum of 60 and a maximum of 180. This means the generated counter will be able to show animation between 60 and 180 seconds.
  • show-text-label - Whether to show the text labels for days/hours/minutes/seconds. It accepts 'yes' or 'no' as a value.

    • Related Articles

    • How to add custom email footers for all emails?

      Sometimes you might need to make sure all the emails that go out will contain a certain email footer, for example where you’ll add the default unsubscribe information, or maybe your copyright. In order to do so, you have to navigate to Backend > ...

    • Add subscribers to your email list

      Once your email list is created, next step is to start importing your subscribers into the list. In order to do so, just click on your list title from lists area, then click on the Tools box, followed by the Import box. You will be allowed to import ...

    • Email Box Monitors

      An email box monitor is simply an imap/pop3 account, just like a bounce or feedback loop server, where AppMail will connect from time to time and download the contents and process them in order to take a certain action. You can define conditions so ...

    • Why do I get “[Message clipped]” when viewing the campaign email?

      This happens because of your browser extensions usually. One of the extensions, maybe a form fill extension, will add garbage data to the email template when you edit it, therefore the message becomes too large and you get the above message in gmail. ...

    • How do I change the email headers prefix?

      How do I change the email headers prefix? AppMail uses the X-Mw- header prefix for all the email headers. For instance, an email header section will look like: X-Mw-Campaign-Uid: tf833t6s9z842 X-Mw-Subscriber-Uid: ts4196dhvl2ff X-Mw-Customer-Uid: ...