fbpx

BOOST your sales 50% with upsells Learn more

Increase sales by 50% Learn more

Show Delivery Timer elsewhere on my store

You are here:
Estimated reading time: 1 min

By default, the timer will display on product pages only.

This is the most popular place as utilized by Amazon and many other merchants and is fully supported by Delivery Timer.

Show elsewhere on my store

Step 1: Enable global placement

Firstly, you must enable global placement output in Delivery Timer settings by checking the box and saving.

 

Step 2: Edit your theme to output the default timer

If you want to output the timer elsewhere on your store, you can do so by inserting the following script into your theme’s liquid page or equivalent section/snippet depending on where you need it to show:

To position the visual based timer:

<div id="visual_timer_wrapper"></div>

 

To position the text based timer:

<div id="delivery_timer_wrapper"></div>

 

Doing the above will mean the timer is now outputted where you have placed the snippet in your theme.

If you wanted to hide it outputting on the product page, you could use product page targeted CSS to do so. We can not carry out this for you, you will need a Shopify Expert or someone with Shopify Liquid HTML/CSS knowledge.

Please note. We don’t officially support extended use of Delivery Timer outside of the product pages or cart Pages. Any issues encountered with Delivery Timer being shown elsewhere on your Shopify store will need to be resolved by your theme developer or a Shopify Expert.

Secondly, when outputting the timer on pages other than the product page, the default timer settings will be applied. Rules will not work.

Was this article helpful?
Dislike 1
If you have not found what you are looking for, you can open a support ticket.
Previous: How come there is a calendar for the countdown and delivery date?
Next: How much does Delivery Timer cost?
Have questions? Search our knowledgebase.