Free Shipping Upsell
What is One-Click Free Shipping Upsell?
One-Click Free Shipping Upsell is the highest-converting upsell feature in Order Editing, with a 1 in 5 conversion rate. It encourages customers to add products to their order to reach your free shipping threshold, strategically placed where customers select their shipping method.
Why This Works
This upsell taps into natural consumer behavior: customers prefer spending a little more to get an extra product rather than paying for shipping.
Customer perspective:
Option A: Pay $8 for shipping, receive nothing extra
Option B: Add a $10 product, get free shipping, receive something valuable
Most customers choose Option B—they'd rather spend money on a product than on shipping.
Important note: One Click Free Shipping Upsell can only be used by Shopify Plus stores due to Shopify's own limitations preventing other stores from being able to edit their checkout.
How One-Click Free Shipping Upsell Works
Primary Function
The upsell brings customers' order value up to meet your free shipping threshold by suggesting products that bridge the gap.
Example:
Free shipping threshold: $50
Customer's order: $42
Upsell shows products around $8-15 to help them reach $50
Strategic Placement
The upsell appears directly where customers select their shipping method during checkout or order editing. This placement is critical as it catches customers at the exact moment they're evaluating shipping costs. However, you can choose to place this elsewhere if you wish.
Setting Up One-Click Free Shipping Upsell
Prerequisites
Before setting up this upsell, ensure Shipping Cost Recalculation is configured
Free Shipping Recalculations enabled - Must be ON in Order Editing Settings
Free shipping threshold configured - Set up in Shopify or your 3PL system
Step 1: Create the Upsell Strategy
Navigate to Upsell Strategy Settings in your Order Editing dashboard
Click Create New Strategy
Select One-Click Free Shipping as the strategy type
Verify Free Shipping Source
Confirm it aligns with your settings (Shopify) otherwise manually enter a threshold to align with a third-party system.
Step 2: Configure Product Selection
You have various options to choose which products appear in the free shipping upsell:
Option 1: Always Show a Product (Recommended)
This intelligent option:
Calculates the gap to free shipping threshold
Shows products that help customers reach the threshold
Prioritizes recently viewed products to increase relevance
Automatically selects appropriate items based on customer behavior
Why this works best: It's dynamic, personalized, and always relevant to the customer's situation.
Option 2: Only Show Selected Products
Manually choose specific products to display:
You select which product(s) appear in the upsell
Same products show to all customers
Good for promoting specific items
Best for: Pushing particular products or promotions
How to Set This:
In your One-Click Free Shipping strategy settings
Locate Free Shipping Product Selection
Choose:
Always show a product (recommended), OR
Only show selected products and manually select items
Click Save
Step 3: Configure Free Shipping Source
Option A: Free Shipping Set Up in Shopify
If you've configured your free shipping threshold in Shopify's shipping settings, Order Editing will automatically sync with it.
Option B: Free Shipping Set Up in External System (3PL)
If your free shipping rules are managed by your 3PL or external system (not Shopify), you'll need to manually enter the threshold in Order Editing.
What to do:
Manually enter your free shipping threshold
Example: Enter "$50" if free shipping applies to orders $50+
This acts as a visual threshold for customers
Your 3PL will still grant free shipping when the threshold is reached on their end
Click Save
Step 4: Install Checkout Free Shipping Block
Now you need to add the upsell block to your checkout interface.
Installation Steps:
Navigate to Checkout Surfaces or your Shopify checkout customization area
Click Add Block or Import Block
Select “Free Shipping Upsell" from Order Editing
The block will be added to your available blocks
Step 5: Add Block to Checkout Page
Go to Shopify Settings > Checkout
Click Customize (for your active checkout configuration)
Navigate to the Checkout page
Click Add Block
Select "Free Shipping Upsell" from your available blocks
Position the block
Personalize the styling and messaging (see Style Options below)
Click Save
Style Options
Merchants can customize how the Free Shipping Upsell appears to customers. Access these options in the Checkout Settings after adding the "Free Shipping Upsell" block.
Available Styles:
1. Minimalistic
Clean, simple design with minimal visual elements—ideal for modern, streamlined checkouts.
2. Single Product
Displays one product at a time with prominent imagery and details—best for focused upselling.
3. Product Grid (Highest converting styling)
Shows multiple products in a grid layout—good for offering variety and choice.
4. Free Shipping Bar
Simple and clear on price difference—doesn’t offer product browsing option
How to Change Style:
In your checkout customization settings
Select the Free Shipping Upsell block
Locate Style Options or Display Style
Choose your preferred style
Adjust colors, fonts, and messaging as desired
Click Save
Important: Multiple Shipping Tiers
Default Behavior
When you install the Free Shipping Upsell, it automatically becomes available for all shipping tiers if you offer multiple options (Standard, Express, Overnight, etc.).
Only show to cheapest shipping method
Restrict the upsell to only appear for your cheapest shipping method:
Go to Checkout Settings for the Free Shipping Upsell block
Locate Extension
Change Location from "ALL" to "Cheapest"
Click Save
Result: The Free Shipping Upsell will only appear when customers select your cheapest shipping method, aligning with typical free shipping policies.
Best Practices Summary
To maximize the effectiveness of One-Click Free Shipping Upsell:
Use "Always show a product" for dynamic, personalized recommendations
Place the block near shipping selection for maximum visibility at decision point
Set Extension Location to "Cheapest" if you have multiple shipping tiers
Choose Product Grid App Styling for highest converting design
Ensure Shipping Cost Recalculations is enabled in Settings
Test the customer experience by placing a test order and viewing the upsel
Last updated