How to Add a Countdown Timer to Your Shopify Pages
Plans: Free, Essentials, Pro, Enterprise Platforms: Shopify
Irrespective of how much discount you offer on your products, potential customers often try to delay their buying decision. It happens because they think the offer is going to last for some days, therefore they wait for a further price drop.
With AfterShip Page Builder, you can add a countdown timer to create urgency for prospects so that they can make quick purchase decisions.
Go to any of your pages in the AfterShip Page Builder admin
Go to Custom pages. Click the {...} icon and select Edit. You will land on the page editor
Click Add section. Go to Sales boost section and choose Countdown timer from the list of options
You will see different yet self-explanatory sections — Layout, Text, Timer, and Color.
a. Layout: Set the alignment, add a background image, and configure the overlay capacity
b. Text: Give a title to your countdown section which will be displayed to the website visitors
c. Timer: Set the starting and end time for the countdown and the timezone
d. Color: Set the display color of the countdown timer
Edit each section as per your preference
Hit Update live page for the published page to reflect changes
If you are creating a page from the scratch or using one of our pre-built templates, here is what you have to do to add countdown timer to your pages.
Select any of the pages you wish to edit or create
Once you land on the page editor, click Add section and then select Add a blank section
Click Add elements and from the list select Countdown timer
You will see two sections Timer and Color
a. Timer: Set the starting and end time for the countdown and the timezone
b. Color: Set the display color of the countdown timer
Edit each section as per your preference
Hit Save and publish for the published page to reflect changes
You can change the position of the countdown timer on the page by clicking the [::] icon and dragging and dropping the section where you want to on the page
You can copy the countdown timer section by clicking the copy icon
You can also delete the section by clicking the trash bin icon
In case you need any help, please connect with our chat support team right away
Overview
Irrespective of how much discount you offer on your products, potential customers often try to delay their buying decision. It happens because they think the offer is going to last for some days, therefore they wait for a further price drop.
With AfterShip Page Builder, you can add a countdown timer to create urgency for prospects so that they can make quick purchase decisions.
Steps to add a countdown timer
1. Old editor
Go to any of your pages in the AfterShip Page Builder admin
Go to Custom pages. Click the {...} icon and select Edit. You will land on the page editor
Click Add section. Go to Sales boost section and choose Countdown timer from the list of options
You will see different yet self-explanatory sections — Layout, Text, Timer, and Color.
a. Layout: Set the alignment, add a background image, and configure the overlay capacity
b. Text: Give a title to your countdown section which will be displayed to the website visitors
c. Timer: Set the starting and end time for the countdown and the timezone
d. Color: Set the display color of the countdown timer
Edit each section as per your preference
Hit Update live page for the published page to reflect changes
2. New editor
If you are creating a page from the scratch or using one of our pre-built templates, here is what you have to do to add countdown timer to your pages.
Select any of the pages you wish to edit or create
Once you land on the page editor, click Add section and then select Add a blank section
Click Add elements and from the list select Countdown timer
You will see two sections Timer and Color
a. Timer: Set the starting and end time for the countdown and the timezone
b. Color: Set the display color of the countdown timer
Edit each section as per your preference
Hit Save and publish for the published page to reflect changes
Countdown timer settings on the page
You can change the position of the countdown timer on the page by clicking the [::] icon and dragging and dropping the section where you want to on the page
You can copy the countdown timer section by clicking the copy icon
You can also delete the section by clicking the trash bin icon
In case you need any help, please connect with our chat support team right away
Updated on: 19/05/2023
Thank you!