Countdown
Last updated
Was this helpful?
English 🇺🇸
Last updated
Was this helpful?
element allows adding a real-time countdown to the page, in order to boost conversion rates. This element can be used to create a sense of urgency for products or provide an estimated time of arrival for special occasions such as a new collection launch, store opening or sale session…
Before jumping to the detailed steps, you can watch this video below:
The Countdown Timer element offers three variations, catering to different needs. We plan to add more variations to save you time.
Drag a variation into your layout and explore the customization options.
The Countdown timer contains 2 elements:
Countdown number
Countdown label
You can click on these elements to style the number and label of Countdown in the Styling tab.
Step 1: Click on the “Elements” icon > In the “PageFly” tab choose the Countdown element
Step 2: Drag and drop the element you want into the editor and then start using it
Countdown Timer element comes with plenty of parameters allowing you to fine-tune content appearance for the best possible conversion rate.
Select the element in the layout to view its settings.
Countdown Start
There are 3 options to set up the countdown timer: At specific time, On the first Visit, On every visit.
Option 1: At a specific time Start time:
Choose the date and time to start the countdown with the format: year/ month/ day; hour: minute.
Countdown Restart: Use this option if you want the evergreen countdown.
It automatically refreshes the countdown which includes:
- Never
- Every hour
- Every day
- Every week
- Every month
Option 2: On the first visit The countdown starts when a visitor first opens the tab and continues across tabs.
Option 3: On every visit The countdown starts fresh in every tab opened by a visitor.
Countdown End
At a specific time: set up for the end time with the format: year/ month/ day; hour: minute
At a specific period: set up for countdown period with the format: days/ hours/ mins/ secs.
Redirect When Ends
This option allows you to insert the URL of the page when the countdown timer ends. Your customer will be redirected to that page after the countdown is over
This is a frequently utilized option, particularly during flash sales.
Hide If Inactive
Turn on this option if you want to automatically hide the countdown timer when it ends.
More Settings
Click More settings to see more parameters to set up your countdown timer.
Set full width: Enable this option and the countdown element will fill the screen
Show week: If you would want the Countdown to show the number of weeks, activate this option. By default, this setting is disabled. When this option is turned on, the Week Label Text option will show for you to change the text of this label.
Show day, Show hour, Show minute and Show second: These options are similar to the Show week option. By default, these settings are enabled, and the Label text box allows you to modify the label text
Show colon: You can choose to show or hide the colon between countdown numbers in this option. This option is turned on by default.
Show Label: This option allows the countdown label. You can disable this option in order to hide the countdown label
Ensure the countdown element clearly communicates the offer or action it promotes, such as a flash sale, limited stock, or an early access window.
Don't overuse countdown timers. Frequent use can diminish its effectiveness, leading to urgency fatigue.
Strategically place the countdown timer element where it's most relevant, such as near product pages for flash sales or on the homepage for store-wide promotions.
1. Why should I use PageFly Countdown Timer to set up the Sale promotion page?
The countdown timer creates a sense of urgency, encouraging customers to act quickly, which can increase overall sales.
2. What is a countdown timer?
Countdown timer counts down to a specific deadline, whether in seconds, minutes, hours, or days.
3. How long should the sale promotion be?
Ideally, 4-5 weeks, complemented by a marketing strategy like half-price offers, direct price-offs, or "buy 2, get 1 free" deals.
For the “Styling” tab, you can edit Content, Spacing, Typography, add Background, add Effect, and many more. Visit the article for more details.
