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

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

Processing of the form (campaign) inserted into the page

How to send data to Mailocator from a form located on your site?

Instructions for your own design of the wheel of fortune

How to create a wheel of fortune with your own HTML and CSS code