> ## Knowledge Base Index
> Fetch the complete knowledge base index at: https://easybundles-help.skailama.app/sitemap.xml
> Use this file to discover available pages before exploring further.
> Pure-Markdown content can be obtained by appending a '.md' suffix to the content URLs listed in the sitemap (without the trailing slash).

# [New] Making Your Mix and Match Bundle Live on Your Store

# Publishing Your Bundle

Once your bundle is built, the **Publish** section is where you make it visible to customers. Your bundle's status here shows as **Unlisted**.

**Unlisted** is a visibility setting, not a purchase block — it just means the bundle isn't automatically shown in your store's collections or search. Customers can already shop and check out through the bundle's direct link while it's Unlisted. The two options below (Upsell offer and Add to navigation) are how you make it easier for customers to actually find that link.

![](https://storage.crisp.chat/users/helpdesk/website/-/d/4/3/6/d436f7dbb1e87000/image_v3jshg.png)

Next to the status, **Edit Parent Product** opens your bundle's underlying product in a popup, where you can update its details.

## Upsell Offer

Shows a bundle offer on the product pages you choose, encouraging shoppers to build a bundle instead of buying a single item.


![](https://storage.crisp.chat/users/helpdesk/website/-/d/4/3/6/d436f7dbb1e87000/screenshot-2026-09-18-at-73122_hph8lc.png)

* **Enable widget** — turns the offer on or off for your store.
* **Template** — how the offer is styled:
    * **Compact** — a small, banner-style offer.
    * **Split** — offer text and an image side by side.

* **Display widget on** — which product pages show the offer:
    * **All products in bundle** — shows on every product page included in this bundle.
    * **Specific products** — you choose individual product pages.
    * **Specific collections** — you choose whole collections.

* **Add the product the customer is viewing to the bundle** — when checked, whatever product the customer is currently looking at is automatically added to the bundle for them.

* **When the button is clicked** — what happens when someone clicks the offer:
    * **Open the bundle in a popup** — the bundle builder opens as an overlay, right on the page they're on.
    * **Go to the bundle page** — they're taken to the bundle's own page.

![](https://storage.crisp.chat/users/helpdesk/website/-/d/4/3/6/d436f7dbb1e87000/screenshot-2026-09-18-at-74358_4ad965.png)

* **Content** — the wording and image shown in the offer:
    * **Language** — which language you're editing, for stores that sell in more than one.
    * **Widget title** — the headline (e.g. "Buy more, save more").
    * **Widget description** — the supporting line underneath (e.g. "Mix and match from {bundle\_name}.").
    * **Button text** — the label on the call-to-action button (e.g. "Build your bundle").
    * **Pill** — an optional short badge/label.
    * **Image** — the picture shown with the offer. **Change image** lets you upload your own; **Reset** restores the default. **Image fit** controls whether it's cropped to fill the space (**Cover**) or shown in full (**Contain**).

* **Open Design Control Panel** — for finer styling control over individual elements of the offer.

* **Place offer block** — if the offer doesn't appear automatically on your theme, this opens your theme editor so you can place it by hand, exactly where you want it.
---

## Upsell Bundle

|| Note: **This option only appears if your bundle uses the Product Page layout.** If your template is Landing Page, you won't see this section.

Instead of a small offer that links out, this shows the entire bundle builder directly on your product page — customers can pick their items and add the bundle to cart without ever leaving the page they're on.

![](https://storage.crisp.chat/users/helpdesk/website/-/d/4/3/6/d436f7dbb1e87000/screenshot-2026-09-18-at-11295_1168647.png)
* **Bundle widget on product pages** — turns this feature on or off for your store.
* **Language** — which language you're editing, for stores that sell in more than one.
* **Title** — the heading shown above the embedded builder (e.g. "Build Your Custom Bolt Kit Package").
* **Show bundle on** — which product pages the builder appears on:
    * **All products in bundle** — shows on every product page included in this bundle.
    * **Specific products** — you choose individual product pages.
    * **Specific collections** — you choose whole collections.
* **Add the product the customer is viewing to the bundle** — when checked, whatever product the customer is currently looking at is automatically added into the bundle for them.
* **Custom placement** — if the builder doesn't show up automatically on your theme, click **Place block** to open your theme editor and place it exactly where you want it on the page.
---

## Add to Navigation

Adds a link to your bundle in your store's navigation menu, so customers can find it from anywhere on your site.
**Quick steps:**

1. Click **Add to navigation**.

![](https://storage.crisp.chat/users/helpdesk/website/-/d/4/3/6/d436f7dbb1e87000/screenshot-2026-09-18-at-75002_zphl48.png)

2. This opens your store's menu settings, and automatically copies your bundle's link to your clipboard.
3. In the menu settings, click **Add menu item** to create a new entry.
4. Paste the link into that new menu item — it's already on your clipboard from step 2.

![](https://storage.crisp.chat/users/helpdesk/website/-/d/4/3/6/d436f7dbb1e87000/screenshot-2026-09-18-at-75315_fwn9i1.png)

5. Save the menu.

You'll also find **Your bundle link** on this same screen with a **Copy link** button — useful if you want to share the link somewhere other than your navigation menu (an email, social bio, etc.).
---

## Hero Banner - Quick Setup Guide

**Step 1 -** Copy your bundle link

![](https://storage.crisp.chat/users/helpdesk/website/-/d/4/3/6/d436f7dbb1e87000/screenshot-2026-09-18-at-11414_a9hzpe.png)

**Step 2 - Go to your Shopify theme** In your Shopify admin, navigate to **Online Store → Themes** and click **Edit theme** on your current theme.

[![](https://storage.crisp.chat/users/helpdesk/website/-/6/9/a/b/69ab6e9bda21d800/387ff7b9-33c4-429c-8aaf-3b6e4f_f25kz7.png)](https://downloads.intercomcdn.com/i/o/vymu2ljt/2126518220/8ca4746676d479c5e087dd6fb326/image.png?expires=1777266900&signature=bddc08b67faf1bd4f5a8668d7ba5c8f4090d6a4145298e0e4f5a14deb2655565&req=diElEMx%2FlYNdWfMW1HO4zQlgk3Cv2mzG2Jflur2nx8J4pXB9YCsgqR4TvJmc%0ABNyE%2B8OrRiVkrJNno0g%3D%0A)

**Step 3 - Add an Image Banner section** In the theme editor left panel, click **Add section** under Template, search for **Image Banner** and select it. If you already have one, click into it.

[![](https://storage.crisp.chat/users/helpdesk/website/-/5/4/f/9/54f90002430d7800/0ef4ffe3-fe86-48cb-bf04-cd1ce7_h946rl.png)](https://downloads.intercomcdn.com/i/o/vymu2ljt/2126522201/4548e7b301448c816f0c9beea883/image.png?expires=1777266900&signature=d1934bb86fb98e153d2507efbc9cbb4e7d84624f76e2dec083c5474973aa0ebe&req=diElEMx8n4NfWPMW1HO4zdBlbglpVs%2BxoV4riPNks1H8DvkpOLYV2xquaxUn%0Afxbt6rciaPyGwXy8bv0%3D%0A)

**Step 4 - Add your bundle link to the button** In the Image Banner settings on the right, find the **Buttons** section. Enter a label for your button — something like `Build a Bundle` or `Shop the Bundle` — then paste your copied bundle link into the **First button link** field.

[![](https://storage.crisp.chat/users/helpdesk/website/-/6/5/d/d/65dd55297a97d800/7c1853ad-a142-4226-9790-dd960f_zbke3e.png)](https://downloads.intercomcdn.com/i/o/vymu2ljt/2126527462/9563250ea5b08231f81c42e78a87/image.png?expires=1777266900&signature=1fc4de5fd788ba6581c2349abe2865d574d04c7145f595174de777d327d971ba&req=diElEMx8moVZW%2FMW1HO4zYWDcyEPI0XIhR5T%2F6I%2BSSPM%2BSlircdhbZ7uX7KT%0AZ2uVlYuQgCXFiKlNqQQ%3D%0A)

**Step 5 - Save** Click **Save** in the top right corner of the theme editor. Your bundle is now linked from your homepage hero.
---

## Announcement Banner — Quick Setup Guide

**Step 1 -** Copy your bundle link

![](https://storage.crisp.chat/users/helpdesk/website/-/d/4/3/6/d436f7dbb1e87000/screenshot-2026-09-18-at-11414_a9hzpe.png)

**Step 2 — Go to your Shopify theme** In your Shopify admin, navigate to **Online Store → Themes** and click **Edit theme** on your current theme.

**Step 3 — Enable the Announcement Bar** In the theme editor left panel, find the **Header** section and click into **Announcement bar**. If it is toggled off, enable it.

**Step 4 — Add your bundle offer and link** Enter your announcement text — something like `Build Your Bundle & Save 20% → Shop Now`. Then paste your copied bundle link into the announcement bar link field.

**Step 5 — Save** Click **Save** in the top right corner. Your bundle offer now appears at the very top of every page on your store.

---

## Featured Product Card — Quick Setup Guide

**Step 1 — Add your bundle product to a collection** In your Shopify admin, go to **Products → Collections**. Open the collection you want to feature, or create a new one. Add your bundle product to it.  
​

[![](https://downloads.intercomcdn.com/i/o/vymu2ljt/2126550389/8e2be2d8e2e560f820f93dc8befe/image.png?expires=1777266900&signature=356e93d88f2c8e2d36ea5ab2c012222957bb05d259c2a03d9c7d03484a39901c&req=diElEMx7nYJXUPMW1HO4zXat7gyXaklRddokea%2BOuY9NLf199mQDrHIWnwsS%0A8nC1l9KY9XV0IFC8zdM%3D%0A)](https://downloads.intercomcdn.com/i/o/vymu2ljt/2126550389/8e2be2d8e2e560f820f93dc8befe/image.png?expires=1777266900&signature=356e93d88f2c8e2d36ea5ab2c012222957bb05d259c2a03d9c7d03484a39901c&req=diElEMx7nYJXUPMW1HO4zXat7gyXaklRddokea%2BOuY9NLf199mQDrHIWnwsS%0A8nC1l9KY9XV0IFC8zdM%3D%0A)

​**Step 2 — Go to your Shopify theme** Navigate to **Online Store → Themes** and click **Edit theme** on your current theme.  
​

[![](https://downloads.intercomcdn.com/i/o/vymu2ljt/2126553912/4dff60d90e9872060f7bb90aedef/image.png?expires=1777266900&signature=ebcdfa886fd4c2e03f9899a3a771ca8968c92c8eae4336b2bfc11471ff13d6f3&req=diElEMx7noheW%2FMW1HO4zd5oQbrbKx5mkqfjJDdXRzFiFdBOaL3KT30b9Otq%0AIFnRIy%2Fn5ZN0Af94Jwk%3D%0A)](https://downloads.intercomcdn.com/i/o/vymu2ljt/2126553912/4dff60d90e9872060f7bb90aedef/image.png?expires=1777266900&signature=ebcdfa886fd4c2e03f9899a3a771ca8968c92c8eae4336b2bfc11471ff13d6f3&req=diElEMx7noheW%2FMW1HO4zd5oQbrbKx5mkqfjJDdXRzFiFdBOaL3KT30b9Otq%0AIFnRIy%2Fn5ZN0Af94Jwk%3D%0A)

**Step 3 — Set your Featured Collection** In the theme editor, find the **Featured Collection** section in the left panel and click into it. On the right panel, click the **Collection** field and select the collection you just added your bundle product to.

[![](https://downloads.intercomcdn.com/i/o/vymu2ljt/2126552449/2d1d0929a40b1aeef28eafc759f7/image.png?expires=1777266900&signature=ac412cd80f72de832048985a30a1f22f2a0cc0265aa108930551fa1a69464040&req=diElEMx7n4VbUPMW1HO4zZBXhO1lgHjb6ZXePTiwmKSMiTRev8HV3IGyFakv%0AvHFsLT6ce6V4dVGF5%2BM%3D%0A)](https://downloads.intercomcdn.com/i/o/vymu2ljt/2126552449/2d1d0929a40b1aeef28eafc759f7/image.png?expires=1777266900&signature=ac412cd80f72de832048985a30a1f22f2a0cc0265aa108930551fa1a69464040&req=diElEMx7n4VbUPMW1HO4zZBXhO1lgHjb6ZXePTiwmKSMiTRev8HV3IGyFakv%0AvHFsLT6ce6V4dVGF5%2BM%3D%0A)

**Step 4 — Adjust visibility** Set **Maximum products to show** to a low number like 3 or 4 so your bundle product is prominently visible rather than buried in a large grid.

**Step 5 — Save** Click **Save** in the top right corner. Your bundle product now appears in the featured collection section on your homepage.
---

**Related Documents:**

* [Embedding a Mix & Match bundle on Homepage, Collection page or Shopify pages](https://easybundles-help.skailama.app/en/article/embedding-a-mix-match-bundle-on-homepage-collection-page-or-shopify-pages-1np6haj/)
* [Adding bundle Upsell Widgets or Buttons to Product Pages](https://easybundles-help.skailama.app/en/article/new-adding-bundle-upsell-widgets-or-buttons-to-product-pages-1y6hzvu/)
