# Countdown ### About PageFly Countdown Timer Element [PageFly Countdown Timer](https://help.pagefly.io/manual/countdown-timer-element/) 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: {% embed url="" %} #### Countdown Timer Types 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. ![](/files/WulXMeefqzxzfXlyO5ML) #### Countdown Timer Structure The Countdown timer contains 2 elements: | Countdown number | ![](https://lh7-rt.googleusercontent.com/docsz/AD_4nXdRVKmPikGJPF1FtFc66Q65yLXOiWjrbueMjqqKf0DAo3QpfkxxFPa-XynmaYDEtszSv4SJmf-diX5C3X06y9wogZV13JSH_DEbX5fUaU-EPf2yRmftXhGYoX1yrKrJuqhrk50qHDYigdeVO63E1ezMVnY?key=WsNsTlY-y0Y5c4-WTBVWCQ) | | --------------------------------- | ------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- | |


Countdown label

| ![](https://lh7-rt.googleusercontent.com/docsz/AD_4nXe7Y1VwIknRVqFZtlNNeGVsLZu3ANV01tvIj1XCLix1J-nhYTwFv58ZRZh1HskyiabYyXPl89fDjNTUAdE-XRFMFIxO6nJ9Y9pBs_AWb8u3FWxmoCcrGO287YPHM8dJHykndoEHZTggmQVdcDkLKBHfQxFh?key=WsNsTlY-y0Y5c4-WTBVWCQ) | You can click on these elements to style the number and label of Countdown in the Styling tab. ### How To Access PageFly Countdown Timer Element * **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 ![](/files/yMoMzG5wvFYjhml5SXw3) ### How To Configure For Countdown Timer Element? 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. ![](/files/HOYPbHae6u5Eqvzx4WJu) #### General Settings **Countdown Start** There are 3 options to set up the countdown timer: At specific time, On the first Visit, On every visit. ![](/files/lUeiu3PSngL5oxdodkw6) | | | | ------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------ | -------------------------------- | |

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

| ![](/files/pWN9vRDWZ85zlkEUdGas) | | **Option 2: On the first visit** The countdown starts when a visitor first opens the tab and continues across tabs. | ![](/files/k9rU0OdcsyiCGbsxo9ux) | | **Option 3: On every visit** The countdown starts fresh in every tab opened by a visitor. | ![](/files/RqgVLIpOXf3AKvq4WZGL) | **Countdown End** | | | | ----------------------------------------------------------------------------------------------- | -------------------------------- | | **At a specific time:** set up for the end time with the format: year/ month/ day; hour: minute | ![](/files/oxpirFSITZvT47T9VhKC) | | **At a specific period**: set up for countdown period with the format: days/ hours/ mins/ secs. | ![](/files/xPOWRvntgozutqNFR9AX) | | | | **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. ![](/files/dv0BAcnWWxINSjgLOtz3) **Hide If Inactive** Turn on this option if you want to automatically hide the countdown timer when it ends. ![](/files/JnzC0VvabwvI1q5CcHrG) **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 ![](/files/NxG26jt8KFeGPV6TiveV) * **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. ![](/files/ymDnMkoCNCz9aTKy0hqe) * **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 ![](/files/R2pqkNysJYVP9IopTzHX) * **Show colon:** You can choose to show or hide the colon between countdown numbers in this option. This option is turned on by default. ![](/files/uHKFVkeZfNEKMbh2Blu7) * **Show Label:** This option allows the countdown label. You can disable this option in order to hide the countdown label ![](/files/OohDqk9T2t7MsmXwVLUO) #### Styling Settings For the “**Styling**” tab, you can edit Content, Spacing, Typography, add Background, add Effect, and many more. Visit the [Page Editor – Styling Tab](https://help.pagefly.io/manual/elements-style-settings/) article for more details. ### Tips And Best Practices * 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 Questions **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 Resources * [Essential Countdown Timer Bar element](https://help.pagefly.io/manual/essential-countdown-timer-bar-element/) * [How to use Urgency Bear Countdown Timer with PageFly](https://help.pagefly.io/manual/how-to-use-urgency-bear-countdown-timer-with-pagefly/) * [Countdown Timers: 6 Working Tips On How To Make The Most Out of Them To Boost Your Sales](https://pagefly.io/blogs/shopify/countdown-timers-working-tips) --- # Agent Instructions: Querying This Documentation If you need additional information that is not directly available in this page, you can query the documentation dynamically by asking a question. Perform an HTTP GET request on the current page URL with the `ask` query parameter: ``` GET https://help.pagefly.io/page-structure-and-elements/pagefly-elements/advanced/countdown-timer-element.md?ask= ``` The question should be specific, self-contained, and written in natural language. The response will contain a direct answer to the question and relevant excerpts and sources from the documentation. Use this mechanism when the answer is not explicitly present in the current page, you need clarification or additional context, or you want to retrieve related documentation sections.