Přejít k obsahu  Přejít k hlavnímu menu

Blog / Knowledge base

Updated: 2. May 2020

Countdown to the end of the campaign

You can add a countdown timer to any campaign


Deploying a countdown timer

Countdown properties:
The countdown is displayed automatically when the popup is displayed.
When the time limit is reached, the end of the action information is displayed at the specified location.
You can completely control the appearance using CSS.
You can display days, hours, minutes and seconds.

Insert the following tags into the HTML code:
<div class="mlctr-ext-countdown" data-end="20301231240000" data-end-message="Oops, campaign has been finished!">
     <span class="day"></span> days,
     <span class="hour"></span> hours,
     <span class="min"></span> minutes
     <span class="sec"></span> seconds left
</div>


Set the parameters for the countdown:
insert the end of the action in the format in the data-end attribute YYYYMMDDhhmmss and
In the data-end-message attribute, enter the text that will be displayed instead of the countdown when the action ends.



RELATED

Switching between integrations within the same project

If you need to route some campaigns to the CRM, others to an email tool, and store the results from surveys in an independent database, this solution is also easy to set up.

Automated values, adding values to hidden inputs

Merging of arbitrary fields and automatic filling of selected fields with a series of system values

Launch a campaign when you hover or touch a specific location on the page

Mark a location that triggers a campaign when the user hovers over it or touches it on a touch device

Mailocator Events

With events, you can intelligently manage the sequence of campaigns across the entire workflow scenario and display much more relevant and precisely targeted content in real time.

Notification

Set up the display of notifications on your site using Mailocator