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


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


  1. Select any of the pages you wish to edit or create


  1. Once you land on the page editor, click Add section and then select Add a blank section



  1. Click Add elements and from the list select Countdown timer



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



  1. Hit Save and publish for the published page to reflect changes


Countdown timer settings on the page


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


  1. You can copy the countdown timer section by clicking the copy icon


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