The Snippet Configurator needs a wider display to show you the live storefront preview alongside the editor. Open this page on a desktop or laptop to start customizing.
Compact upsell carousel near the buy box — promotes up to 4 additional products with direct add-to-cart and a variant-selection overlay for products with options
Combine & Save
Text shown above the upsell carousel.
Shopify product handle for the first upsell slot. Find it in the product URL: /products/[handle].
Product handle for the second upsell slot. Leave blank to show fewer cards.
Product handle for the third upsell slot. Leave blank to show fewer cards.
Product handle for the fourth upsell slot. Leave blank to show fewer cards.
Automatically cycle through products after the set interval. Only applies when more than one product handle is filled in.
Milliseconds between auto-advances. 7000 = 7 seconds.
Color for the add-to-cart icon, button text, variant selection highlights, and interactive states.
Apply a background color to each product card.
Background color of the upsell card.
Add a border around each product card.
Roundness of the product card corners.
Adds a subtle drop shadow beneath the product card.
Space above the upsell widget.
Centers a divider line within the spacing above.
Space below the upsell widget.
Centers a divider line within the spacing below.
{%- comment -%}
============================================================
BUYBOX UPSELL — Ecom & Co. Snippet Generator ------------------------------------------------------------
What it does: Compact upsell carousel near the buy box.
Promotes up to 4 related products with direct
add-to-cart and a variant-selection overlay.
Paste into: Shopify → Customize → (product section) → Custom Liquid