Overview
The Countdown Widget counts down the days, hours, and/or minutes to a specific time. The countdown is not animated. It shows a snapshot of the time remaining when the campaign is loaded into the user’s browser.
Setup
Target Date
Change the target date as desired using the drop-down selectors, and then set the time zone.
Also Show (in addition to number of days)
By default, only the number of days remaining are shown. Check the Hours to Go box to show the number of hours, too.
Show Minutes to Go
Check the Minutes to Go box to display the number of minutes remaining. This can only be used if Hours to Go is also checked.
Changing “Days,” “Hours,” and “Minutes”
The text displayed after each value (for example, “Days,” “Hours,” and “Minutes”) is controlled by CSS. You can update this text using the Style Panel. To access these settings, open the Style Panel, then click the Countdown Widget to open the Countdown Widget settings. Click ALL COUNTDOWN at the top of the Style Panel, then scroll to the LABELS TEXT area. Update the text in the boxes below Days Text, Hours Text, and Minutes Text.
To change the units in campaigns that are not using the Style Panel, follow the directions in our community post.
Older browsers don’t understand this CSS. One way to resolve this issue is to use a background image for the widget that shows the units and use CSS to position the numbers where appropriate. If you use the background image, then you can remove the text by using this CSS:
To hide the units using CSS
.ss_countdown_content span::after {
content: "";
}