Countdown element for engagement

The Countdown element is designed to boost engagement by adding a time-sensitive component to your campaigns. It's highly customizable and ideal for promotions, limited-time offers, or event-based activities.

Key Features

• Customizable Timers: Set your own start and end times to match your campaign goals.
• Design Options: Style the countdown to align with your branding.
• Automatic Actions: Trigger specific behaviors when the countdown reaches zero.

How to Use the Countdown Element

1. Add the Countdown Element

Open your campaign in the drag-and-drop builder. Select the Countdown element and drag it into the desired location.

​

​2. Set Timer Details

Click on the countdown element to open the settings panel. Configure the following:

• Start and End Time: Set the exact start and end times.

Time Zone: Ensure the countdown aligns with the appropriate time zone for your audience.

3. Customize Appearance

Adjust the design to reflect your campaign’s style:

• Font and Colors: Match your brand’s typography and color palette.
• Layout: Adjust size and placement for a clean, cohesive look.

4. Set End-Action Behavior

Define what happens when the timer reaches zero:

• Display a Message: Show a custom message to users.
• Redirect to Another Page: Automatically send users to a specific URL.
• Trigger an Event: Activate elements or functions, such as hiding or revealing content.

Best Practices

• Create Urgency: Use the countdown to emphasize limited-time offers or promotions.
• Keep It Visible: Position the countdown prominently in your layout to attract attention.
• Test Settings: Ensure the timer functions correctly and matches your campaign’s timing objectives.

Additional Settings

Clock Format: Choose between 12-hour or 24-hour display to match your region.

​

Countdown Type:

• Use a fixed end date/time, or
• Set a manual countdown with a custom duration.
• Label Customization:

Rename the labels for days, hours, minutes, and seconds.

Toggle individual units on/off (e.g., hide "seconds" if not needed).

​

Countdown Visibility Options

Hide Expired Units:

Automatically hide units that have reached zero.

Example:

• Instead of showing 0 days 17 hours 13 minutes 30 seconds
• It will show 17 hours 13 minutes 30 seconds

Hide Entire Countdown at Zero:

Automatically remove the countdown from view when the timer completes.

Troubleshooting Tips

• Incorrect Timing: Double-check start/end times and time zone settings.
• Countdown Not Displaying: Confirm the element is placed correctly and not hidden.
• Styling Issues: Use preview mode to verify visual alignment with your layout.

Updated on: 19/08/2025