The Countdown widget allows you to enhance user engagement, drive conversions, and effectively communicate time-sensitive information on your website. It displays a timer that counts down to a specific date and time. Use this widget to create a sense of urgency, excitement, or anticipation for an upcoming event, product launch, sale, promotion, or any other time-sensitive occasion. Emphasize that an event, discount, deadline, etc. is approaching, encouraging your customers to take action before it expires. The widget also fosters engagement and interaction with your website, as the customers may return to check the remaining time or share the event with others.
Adding a Countdown Widget
To add a Countdown widget:
- Go to Visual Editor by selecting Advanced mode from the mode switcher on the Dashboard top panel, or navigate to Dashboard > Channels > Advanced.
- Navigate to the required page.
- Open the Widgets list on the left panel.
Type the widget name in the search bar, or expand the Advanced group to access the Countdown widget.
- Drag and drop the widget onto the Layout Canvas.
The Countdown Widget Modes
The Countdown widget has specific modes which you can find under the Mode dropdown on the widget Property Panel. Customize the widget design and functionality separately for each mode.
- Ticker: The widget in this mode is displayed as a continuously scrolling timer, showing the time remaining until a specific event or deadline.
- Message: The widget in this mode displays a customized message to your customers once the countdown is over.
Create a unique and tailored experience for your website visitors, ensuring that the Countdown widget is designed accordingly and serves its intended purpose effectively in both modes.
Tip: To make the customized message visible to your customers after the countdown period expires, you must select the "Display Message" option from the widget Settings.
Configuring the Countdown Widget
To design the appearance and behavior of the Countdown widget, activate the Property Panel of the widget by clicking it to access the widget Styles, Content, and Settings.
- Go to the widget Styles to configure its general styling features (see Global Styles) to achieve the desired visual and functional outcomes.
Customize the widget-specific feature Separators under the General grouping, by choosing one of the available options (Colon, Dash, Slash, and Space) as a separator between the date and time values.
Go to the widget Content to indicate the countdown periods by setting the start and end dates.
- Go to the widget Settings:
- Activate toggles for the time units (Years, Months, Days, Hours, Minutes, and Seconds) you want to include in the widget;
Note: The system requires at least one toggle to be activated. - Set the widget display (Display Counter and Display Message) after the countdown period ends;
Expand Visibility to modify the element visibility on your website. Select who can view the element according to the customer's location, session status, used device type, browser, language preference, etc. (see Visibility Settings).
- Activate toggles for the time units (Years, Months, Days, Hours, Minutes, and Seconds) you want to include in the widget;
💡 If you have questions or concerns, contact us directly via the Live Chat box in the lower right corner. Our Support Team will provide you with top-notch quality support 24/7.