Essential Countdown Timer Bar element

About Essential Countdown Timer BarClick to copy

The Essential Countdown Timer Bar by Essential Apps is a Shopify app that lets you add customizable countdown timers to your online store. It creates a sense of urgency and helps promote limited-time offers, flash sales, and product launches. You can easily customize the timer’s appearance to match your store’s branding and schedule timers to start and stop automatically. The app also provides analytics to track performance and maximize promotional effectiveness.

Install Essential Countdown Timer Bar

Install PageFly

In order to use this element, the Essential Countdown Timer Bar app needs to be installed on your Shopify Store and configure all options within the app and return to PageFly to use the element.

Access Essential Countdown Timer BarClick to copy

Step 1: Go to Add third party elements in the left toolbar > Click on the Edit your 3rd party elements button.

Step 2In the Integrations popup page, you can search “Essential Countdown Timer Bar” on the search bar

Step 3: Click on the Essential Countdown Timer Bar element in the catalog

Step 4: Drag and drop the Essential Countdown Timer Bar element on the canvas.

ConfigurationClick to copy

PageFly’s SettingsClick to copy

Once you finish configuring options in the Essential Countdown Timer Bar app, you can go to a PageFly page and use this element.

You can take a look at this gif for instructions on how to drag and drop it in the editor canvas:

General SettingsClick to copy

In the General tab, there is a widget configuration giving you a short explanation of the Essential Countdown Timer app and its link to app listing, and an Essential Timer ID box where you can paste the ID of the timer you have created in Essential Countdown Timer Bar.

Below the timer ID box, there is a notice saying that you should choose the “Custom Position” from Essential Countdown Timer Timers to show the timer only on PageFly. It means that if you are creating a timer on Product page/ Collection Page/ Password page and choose other types of position, the timer will display on Shopify default pages but not PageFly!

Styling SettingsClick to copy

In the Styling tab, you can edit the Margin, Border, Effect of Opacity for the element.

Essential Countdown Timer Bar settingsClick to copy

You can see how to set Essential Countdown Timer Bar in detail via their FAQ section at the bottom.

Step 1 : Set up Essential Countdown Timer Bar element by your Shopify Account.

Go to your Shopify Admin > Apps > Choose Essential Countdown Timer Bar to set it up.

Step 2: Set up the Essential Countdown Timer Bar app.

Remember to activate the app in Shopify App embeds by enable the button here:

To start with, click on “Create a new timer” on the top right and select the time types that you want:

There 4 types of timers: Product page timer, Top/ bottom bar timer, Landing page timer, Cart page timer

Once you have selected a timer type, you will need to configure the Content, Design, and Placement for each countdown timer. In essence, all timer types share the same settings for Content and Design, with the only variation being the Placement of the countdown timer.

ContentClick to copy

To begin, you can assign a name to each countdown timer for your own reference, reminding you of which pages or products they are associated with. This name will only be visible to you.

Then you can set the Title, Subheading and Timer labels for the timers. All of this configuration will be reflected in the preview on the right panel.

Below those is the translation section. This will provide you with 2 other options of French and Japanese besides English. This feature is a great tool for you to reach customer globally especially who are not native English speakers. However, this translation option is only available for Essential plan.

The very next feature is Timer types giving you three options respectively: Countdown to a date, Fixed minutes, and Daily recurring time.

  • Countdown to a date: as the name, the timer automatically ends at a chosen date. You can choose to start now by adding information like time and day you want to end the timer and also that what will follow up once it end among 3 options: do nothing, unpublish timer and show custom title then add the custom title for this option.
  • Fixed minutes: a fixed minutes countdown is displayed for each buyer session.
  • Daily recurring time: It works exactly like an alarm which allows you to choose any weekday you want to repeat the timer also your daily timer start and daily timer ends. Please be noted that the last option daily recurring time is currently offered only to customers in our starter plan.

Right below, you can choose the start the timer “Right now” or “Schedule to start later” and set the end date by selecting the date from the calendar.

Once the countdown ends, there are also several options to choose: do nothing, hide the timer for the buyer, repeat the countdown and show custom title.

DesignClick to copy

In the design tab, you can choose a pre-made template for the timer style or customize your own timer.

PlacementClick to copy

Placement tab is to set up where to show you timer. Each timer types will have different placement options:

Product Page Timer
You can choose to display the timer for All products, Specific products, Specific products with tags or Custom Position.
Note: Custom position is the most compatible placement with PageFly while the rest will display the timer on Shopify default page.
Top/ Bottom Timer
It will be fixed or sticky bar on the top or the bottom of any pages.
Landing page timer
You can choose to display the timer for All collection pages, Specific collection pages, Password page or Custom Position.
Note: Custom position is the most compatible placement with PageFly while the rest will display the timer on Shopify default page.
Cart page timer
PageFly does not have control over the cart page so the timer will be displayed in Shopify default cart page.

Once you have done set up the timer, you need to save or publish the timer to get the Timer ID, then copy and paste that ID into PageFly Timer ID box.

Lastly, you can choose to show this timer to everyone or some specific countries.

Thank you for your feedback!

Could not find the answer
to your question?

Chat with us