Articles on: Content Blocks/Sections

How to Add a Countdown Timer to Your Shopify Pages

Plans: Free, Essentials, Pro, Enterprise Platforms: Shopify

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

Was this article helpful?

Share your feedback

Cancel

Thank you!