The Countdown element allows you to add a live timer to your landing page. Whether you are counting down to a specific calendar date or giving a visitor a limited window to claim a discount, this tool is fully customizable to fit your campaign’s needs.
Adding the Countdown
- Open the Elements Sidebar (the “+” icon) on the left side of the editor.
- Drag & Drop: Find the Countdown element and drag it onto your canvas.
Configuration Settings
Once the element is placed, the Style Manager panel on the right allows you to manage how the timer functions:
Mode Selection
- Date: Count down to a specific date and time (e.g., the end of a holiday sale).
- Timer: Start a countdown from a specific duration (e.g., “This offer expires in 10 minutes”).
Visual Style
Choose between different display modes, such as “Simple” or more complex designs, and adjust the color and size to match your brand’s aesthetic.
Label Management
In the Items section, you can toggle labels like “days,” “hours,” “minutes,” and “seconds” on or off to simplify the look.
Advanced Actions
Redirect
You can set the page to automatically redirect the visitor to a different URL (like an “Offer Expired” page) once the timer reaches zero.
Hide Labels
If you want a minimalist look, you can hide the text labels entirely and just show the numbers.
Why Urgency Works
- Reducing Procrastination: A visible timer reminds the user that the opportunity is not permanent, which helps overcome the “I’ll do it later” hurdle.
- Clean Layouts: Use the Spacing and Position settings in the sidebar to ensure the countdown is prominent but doesn’t clutter your main CTA area.