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.

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.
How to add a countdown timer to a blog post in Shopify?
Open your blog post in vevy.ai's Blog Builder.
In the Elements panel on the left, open Media & Marketing and pick Countdown.
Drag the block into your post, right where you want it.
Click the block to open Countdown settings in the Block tab on the right.
Set the End date & time — this is what the timer counts down to.
Under Content, write the Title (for example, Sale Ends In), an optional Subtitle, and the Expired message shown once the timer runs out.
Add a Link URL (for example,
/collections/sale) if you want the whole countdown to be clickable.Under Display Units, pick which units to show: days, hours, minutes, seconds.
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


