How to add a timer on the checkout page?

Technical Q&A

Topic summary

A user seeks help adding a countdown timer to their Shopify checkout page, similar to a provided screenshot example. Their current script implementation isn’t functioning.

Proposed Solutions:

  • One response provides Liquid code snippet using cart-timer div with configurable settings for timer text and duration (in seconds). Includes schema settings for customization in the theme editor.

  • Another respondent clarifies a critical limitation: Shopify has deprecated checkout.liquid, meaning custom scripts no longer work on checkout pages.

Alternative Approaches:

  • Build a custom timer using Shopify’s checkout extensibility framework (requires Shopify Plus subscription)
  • Use third-party apps like “Checkout Ninja” that offer drag-and-drop timer blocks compatible with the new checkout system

Status: The discussion remains open with no confirmed resolution, though the technical constraint around checkout.liquid deprecation is now identified.

Summarized with AI on October 23. AI used: claude-sonnet-4-5-20250929.
1

Hello,

Hope you are well!!

I have 1 query regarding add timer on checkout page. Like this https://prnt.sc/_6FTL5H5ToUr
I have added script but it doesn’t work at all. So if you have any idea could you please help me out it would be great.

Thank you

2

try this
{% unless section.settings.cart_timer_text == blank %}

{{ section.settings.cart_timer_text }}
{% endunless %}

then adding in the settings

{
“type”: “header”,
“content”: “Cart Timer”
},
{
“type”: “richtext”,
“id”: “cart_timer_text”,
“label”: “Text”,
“default”: “

Your order is reserved for [time]

”,
“info”: “Leave empty to disable this feature”
},
{
“type”: “text”,
“id”: “cart_timer_sec”,
“label”: “Time (sec)”,
“default”: “300”
},

3

Hi,

Since Shopify has depreciated checkout.liquid, scripts will not work in checkout. You might need to make it using checkout extensibility to make a new block, or you can use an app like Checkout Ninja from Shopify app store. You can drag and drop the timer block into checkout (Note: you need Shopify Plus to use the checkout extensibility feature)

Thanks