Skip to main content
How to display Free shipping bars on Checkout using the Template -> CRO -> Free shipping threshold option? A Step by Step Guide.

Guide

1

Create a new customization

Create a new customization.Image
2

Choose the Content type

Select Free shipping threshold from CRO section to display Free Shipping Banner during checkout.Freeship 1 Cro Card
3

Configure display conditions

Add one or more conditions to control when the banner is displayed during checkout.Freeship 2 Conditional Experience
4

Configure the banner

Customize Free Shipping by adding its Threshold Amount and Message for the customers.Freeship 4 Heading Threshold Message
5

Activate the customization

Change the Status to Active using toggle button to activate the customization.Freeship 6 Active Bar
6

Set the priority

Configure the Priority (0–100) to determine the execution order when multiple customizations are eligible.Freeship 3 Priority
7

Copy the Placement ID

Copy the generated Placement ID from clipboard icon. You’ll use this in the Shopify Checkout Editor.Freeship 8 Placement Id
8

Preview

Preview shows , How this block looks like at CheckOut.Freeship Preview Focus
9

Save the customization

Click Save to store your configuration.Freeship 7 Unsaved Changes
10

Open the Checkout Editor

Go to your Shopify Settings→ Checkout, select your checkout profile, and click Edit.
11

Add the app block

In the Checkout Editor, click Add app block.Image (4)
Make sure the app block is placed in the same checkout placement you selected in Dynamic Checkout Customizer.
12

Configure the app block

Select the Checkout – Instruction Banner app block, and paste the copied Placement ID.Image (5)
13

Publish your changes

Click Save in the Checkout Editor to publish the customization.Instruction Banner Removed
Why does it matter?Balardi uses the Banner Notifications customization to display important messages and promotional information during checkout, helping improve customer confidence and contributing to higher conversion rates.