Your first bundle in 5 minutes

This walkthrough creates a Fixed Bundle: two products sold together at 10% off. It covers every step from opening the app to seeing the bundle live on your storefront. About 5 minutes.

To start from a template instead, see Start from a template.

#What you'll build

A "Skincare Starter Kit" containing a face wash and a moisturizer, discounted 10%.

#Step 1: Pick a goal

1. In the app menu, click Bundles, then Create bundle. The dashboard has the same button at the top right.
2. The first screen asks What's the goal of this offer?. Click the Fixed bundle card (Sell a ready-made set).

Each card shows how many templates exist for that type.

Radius Bundles

#Step 2: Pick a starting point

Choose Start blank, or one of the Fixed bundle templates. The live preview on the right shows the layout with sample products. The pills along the top switch to another bundle type.

For this walkthrough, keep Start blank and click Continue to setup.

#Step 3: Add products (Products, step 1 of 4)

The editor has four steps: Products, Discount, Display and Review. The bar at the top shows each step with a short summary. Click any step to jump to it. The preview on the right updates as you go; its buttons switch between desktop, tablet and phone.

1. Replace the suggested name with Skincare Starter Kit. Only you see this name. Shoppers see the offer title you set on the Display step.
2. Click Add products. Shopify's product picker opens. Tick your face wash and your moisturizer, then click Add.
3. Both products appear in the list. Drag the handle to reorder them, or change a quantity (default 1).

Radius Bundles

Click Continue.

#Step 4: Set the discount (Discount, step 2 of 4)

1. Percentage is already selected. Type 10 in the discount value field.
2. A green line shows what shoppers pay, for example "Shoppers pay $45.00 instead of $50.00 and save $5.00."

Leave the limits as they are. Click Continue.

#Step 5: Set the display (Display, step 3 of 4)

1. Under Widget Layout, choose List: a vertical layout, good for two products.
2. Under the product page text section, type an offer title such as "Save 10% on the starter kit". Without one, the widget shows a default title.

Product images, prices and the savings badge are on by default. Click Continue.

#Step 6: Review and save (Review, step 4 of 4)

The Review step has three parts:

• Before you go live: a checklist of what the bundle still needs to show on your store, such as the app embed, the widget on your product page, products in stock and an offer title. Each open item has a button that takes you to the fix.
• Summary: products, discount, limits, cart and display, each with an Edit link.
• Pricing: the subtotal, the discount and the total.

Radius Bundles

Radius Bundles

New bundles start as Draft. To put it live:

1. Open the status menu at the top right of the editor and choose Active.
2. Click Save.

Nothing is saved until you click Save. If you try to leave with unsaved changes, the app asks first.

#Step 7: Verify on the storefront

The bundle widget appears on each product's page. For this example, that's the face wash page and the moisturizer page.

1. Click the eye icon next to Online Store in your Shopify admin, or visit your-store.myshopify.com and navigate to the product page.
2. If you've added the widget block to your theme (see widget-setup.md), the Skincare Starter Kit widget appears on the page with both products, the bundle price, and the 10% saving.

If the widget block isn't in your theme yet, see widget-setup.md.

your-store.myshopify.com

#What happens at checkout

When a shopper clicks Add bundle to cart, both products are added as separate line items. The discount function applies the 10% off at checkout. No discount code needed.

Next: All bundle types