Setup Countdown Timer for Discount (Shopify Plus)
The Countdown Timer allows you to display a live countdown on the checkout page along with a discount code.
When the timer starts, the discount code will be automatically applied, creating urgency for customers to complete their purchase.
This feature is ideal for:
- Flash sales
- Limited-time offers
- Special promotions with short time windows
Setup Countdown Timer:
Step 1: Create the Cart Editor Rule in Checkout Component
- Navigate to "Checkout Component"
- Click "Create Component"
- Navigate to "Cart Editor" on "Select component" page and press "Create"
Step 2: Configure the Countdown Timer
Set a name for internal reference.
Choose when the banner should be displayed:
- Always: The banner is shown without conditions.
- Specific Condition: Display the banner only when certain conditions are met (e.g., cart value, shipping method, customer tags).
Save Condition
Then select Go to Checkout Editor to customize the banner’s appearance
Step 3: Customize the UI in Checkout Editor
Add the Countdown Discount block
Style and customize the Countdown Discount as needed.
*Note: The **Block ID connects your Countdown Timer block to its matching logic in the Checkout Editor.
- Locate the Block ID in your Checkout component list within the Blockify Checkout app.
- Enter the exact same Block ID here to ensure the Countdown Timer works correctly.
- If the Block ID is missing or incorrect, the Countdown Timer will not display or capture data as expected.
Your Countdown Timer is now set up and ready to enhance your checkout experience! 🚀
Updated on: 11/08/2025
Thank you!