Product Upsell
Add or remove products from checkout with a one-click toggle
Add a toggle to let customers add or remove any product during checkout - perfect for VIP membership upsells, order protection, gift wrapping, or any add-on product.
This extension only appears for guest customers (not logged in). Configure the Product ID setting to determine which product to offer.
Why Use This
One-Click Add
Customers toggle products on/off easily
Price Tiers
Different variants based on order subtotal
Flexible Use
Order protection, gift wrap, membership, donations
Any Product
Works with any Shopify product
Use Cases
| Product Type | Example |
|---|---|
| VIP Membership | Upsell VIP membership to guest customers |
| Order Protection | Insurance against lost/damaged packages |
| Gift Wrapping | Add gift wrap service for $5 |
| Donation | Round up order for charity |
| Extended Warranty | Add 2-year protection plan |
| Priority Shipping | Upgrade to faster shipping |
Pro tip: Use this to convert guest customers to VIP members right at checkout by setting the Product ID to your VIP membership product.
What Customers See
Guest customers see a product toggle after entering their contact info:
Click tabs to see upsell states
When toggled on, the product is automatically added to cart. Toggle off to remove it.
Setup
Create Your Add-On Product
Create a Shopify product for your add-on. If you want different prices based on order value, create multiple variants.
Example (Order Protection):
- Under $50: $1.99
- $50-$100: $2.99
- Over $100: $4.99
Add to Checkout
In Shopify admin, go to Settings → Checkout → Customize.
Add the Membership Upsell block after the contact section.
Configure the Product
Set the Product ID and customize the appearance.
Widget Settings
Configure these settings in the Shopify checkout customizer:
| Setting | Description |
|---|---|
| Product ID | Shopify Product ID for the add-on product |
| Variant IDs | Optional price tier mapping based on order subtotal |
| Selling Plan ID | Optional - if the product is a subscription |
Variant IDs Format (optional):
<10: 47669299904808
>10: 47669238792488
>50: 47669238792499Orders under $10 use first variant, $10-50 use second, over $50 use third. Leave blank to use default variant.
| Setting | Description |
|---|---|
| Product Title | Title shown (e.g., "Order Protection", "Gift Wrapping") |
| Description (Enabled) | Text shown when product is added to cart |
| Description (Disabled) | Text shown when product is not in cart |
| Learn More Link | URL to info page about the product |
| Setting | Description |
|---|---|
| Title Emphasis | Text style: italic or bold |
| Title Size | Size: extraSmall, small, base, medium, large, extraLarge |
| Image Size | Product thumbnail size: extraSmall, small, base, large, extraLarge, fill |
How Price Tiers Work
If you configure Variant IDs, the extension automatically selects the correct variant based on order subtotal:
| Order Subtotal | Variant Used |
|---|---|
| Under threshold | First matching tier |
| Above threshold | Next tier |
Configure tiers using < (under) and > (over) operators in the Variant IDs field.
If left blank, the product's default variant is used.
Who Sees It
| Customer Type | Shows Widget? |
|---|---|
| Guest (not logged in) | Yes |
| Logged in customer | No |
| Logged in member | No |
Troubleshooting
Was this page helpful?