fbpx

BOOST your sales 50% with upsells Learn more

Increase sales by 50% Learn more

How to position Delivery Timer on your product page

You are here:
Estimated reading time: 1 min

By default, Delivery Timer will output dynamically on your store. If you want to change the position of Delivery Timer on the page or you have a custom theme/Page builder and it isn’t showing, you will need to insert the code manually.

Shopify OS2.0 Themes

For Shopify stores using new OS2.0 Themes, you can simply place the below script into a liquid block and position it on the product page where desired.

To position the visual based timer:

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

 

To position the text based timer:

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

 

Non OS2.0 Themes

For non OS2.0 and themes, if you know how to edit theme files, you can edit your product.liquid or your themes product section to display Delivery Timer anywhere on the page by inserting the following code:

To position the visual based timer:

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

 

To position the text based timer:

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

 

Remember: Always make a backup of your theme’s file you are editing before making changes to a live store.

If you aren’t comfortable and would like assistance, simply send us a support request and we will help you.

Please note: If you are using a Page Builder, you will need to position the code on template using the HTML widget. For support, you will need to reach out to your Page Builder provider.

Was this article helpful?
Dislike 1
If you have not found what you are looking for, you can open a support ticket.
Previous: Hide Delivery Timer on certain products
Next: Delivery Timer is installed but not showing?
Have questions? Search our knowledgebase.