How to Set Up PageFly Countdown Timer

About PageFly Countdown Timer ElementClick to copy

PageFly Countdown Timer 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:

Countdown Timer TypesClick to copy

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.

Countdown Timer element

Countdown Timer StructureClick to copy

The Countdown timer contains 2 elements:

Countdown number Countdown number
 

Countdown label

Countdown label

You can click on these elements to style the number and label of Countdown in the Styling tab.

How To Access PageFly Countdown Timer ElementClick to copy

  • 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

Access PageFly Countdown

How To Configure For Countdown Timer Element?Click to copy

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.

Configure Countdown

General SettingsClick to copy

Countdown StartClick to copy

There are 3 options to set up the countdown timer: At specific time, On the first Visit, On every visit.

set up the countdown timer

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
setting a specific time

 

Option 2: On the first visit

The countdown starts when a visitor first opens the tab and continues across tabs.

Countdown start from 1st visit
Option 3: On every visit

The countdown starts fresh in every tab opened by a visitor.

Countdown every visit

Countdown EndClick to copy

At a specific time: set up for the end time with the format: year/ month/ day; hour: minute Countdown End at a specific time
At a specific period: set up for countdown period with the format: days/ hours/ mins/ secs.

 

Countdown End at a specific period

Redirect When EndsClick to copy

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.

insert the URL

Hide If InactiveClick to copy

Turn on this option if you want to automatically hide the countdown timer when it ends.

Hide If Inactive

More SettingsClick to copy

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

Set full width

  • 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 week

  • 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 day, Show hour, Show minute and Show second

  • 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 colon

  • Show Label: This option allows the countdown label. You can disable this option in order to hide the countdown label

Show label

Styling SettingsClick to copy

For the “Styling” tab, you can edit Content, Spacing, Typography, add Background, add Effect, and many more. Visit the Page Editor – Styling Tab article for more details.

Tips And Best PracticesClick to copy

  • 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.

Frequently Asked QuestionsClick to copy

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.

Additional ResourcesClick to copy

Thank you for your feedback!

Navigate this category

PreviousPrevious article

Could not find the answer
to your question?

Chat with us