Getting Started

Getting Started

Blog Builder

Blog Builder

How To's

/

How to add a countdown timer to a blog post in Shopify?

How to add a countdown timer to a blog post in Shopify?

How to add a countdown timer to a blog post in Shopify with step-by-step guide

3 min read

vevy.ai lets you add a live countdown timer to your Shopify blog posts as one of the media & marketing elements. An offer with a visible deadline converts better than the same offer without one.

This works for posts made in Shopify's own blog editor too. For this, you just need to sync the post first on the vevy.ai's dashboard.

how to add countdown timer to a blog post in shopify

Syncing blog posts add them to the vevy.ai's dashboard, so you can add countdowns and other blocks with the Blog Builder, even if the post wasn't created in vevy.ai.

Want to see blog builder in action?

Install vevy.ai for free and create stunning blog pages

Want to see blog builder in action?

Install vevy.ai for free and create stunning blog pages

Want to see blog builder in action?

Install vevy.ai for free and create stunning blog pages

How to add a countdown timer to a blog post in Shopify?

  1. Open your blog post in vevy.ai's Blog Builder.

  2. In the Elements panel on the left, open Media & Marketing and pick Countdown.

  3. Drag the block into your post, right where you want it.

  4. Click the block to open Countdown settings in the Block tab on the right.

  5. Set the End date & time — this is what the timer counts down to.

  6. Under Content, write the Title (for example, Sale Ends In), an optional Subtitle, and the Expired message shown once the timer runs out.

  7. Add a Link URL (for example, /collections/sale) if you want the whole countdown to be clickable.

  8. Under Display Units, pick which units to show: days, hours, minutes, seconds.

  9. Click Save draft or Publish.

What you can customize

  • End date & time — the moment the countdown hits zero

  • Title, subtitle, and expired message — what the block says before and after the deadline

  • Link URL — make the countdown clickable, optionally opening in a new tab

  • Display units — show or hide days, hours, minutes, and seconds

  • Style and size — pick a visual style, size, alignment, and corner radius

  • Labels and separators — show unit labels, show separators, and choose the separator style

  • Colors — card and separator color, number color, label color, and title color

Increase traffic, engage, and convert

Copyright © 2026 vevy.ai. All Rights Reserved.

Increase traffic, engage, and convert

Copyright © 2026 vevy.ai. All Rights Reserved.

Copyright © 2026 vevy.ai. All Rights Reserved.