This plugin is super handy if you want to have a timer built into your Ceros experience. It allows users to display a count down (or up) clock set to whatever you’re counting down, or up, to. NYE? Birthday celebration? Product launch? Seriously, anything.
We loop through all the text components in the Ceros experience that have the relevant tag applied. Then, with a little help from Moment.js, we updated their contents every second with the amount of time between now and the time set in the custom HTML. We use the SDK payload of the text component to control how the time is formatted in it.
Paste the following code into the “Custom HTML” field of your Ceros experience. You can find this under the Settings panel in the top right corner.
data-countdown-datetimeattribute in the custom HTML above to follow the ISO 8601 format. Ensure you are using the appropriate UTC time offset for your time zone.
data-countdown-mode="COUNT-UP"immediately after the
the-final-count-down.min.js?v=1"in the custom HTML.
Set the payload of each textbox in your design to the coordinating value below (including capitalisation). The plugin will recalculate based on the units you’ve selected to show (e.g. for 13 months – if YEAR is included it can display 1 year and 1 month, or if only MONTH is included it will display 13 months.)
Open the preview link and test.