Displaying bundles on your storefront

Introduction

After you create a bundle it will automatically become available to view on your store as part of your product catalog. The next step is to add it to your storefront so customers can find it easily. There are three main methods for linking customers to your bundles, which include:

---

Method 1: Using the bundle URL

When you create a bundle, Bundle Builder will generate a new web page for your bundle which includes a unique URL (a link to the page that you can copy and paste into your web browser). This is a versatile tool which can be used to connect people to your bundle in multiple ways.

Locating your Bundle URL

To find your Bundle URL:

Step 1: Go to the Bundles page in Bundle Builder and select your bundle.

Step 2: Locate the Bundle URL and then simple click Copy to Clipboard. This will allow you to paste it later.

Note: Take care to copy the Bundle URL and not the Product URL beneath it. Although both URLs ultimately go to the same page, the Product URL redirects to the Bundle URL. The redirection can take a couple of seconds, so the Bundle URL is more efficient.

After copying your Bundle URL, you can use it in a variety of places such as:

1. Menus
2. Themes sections
3. Plain text
4. External websites

Let's look at each one in more detail below.

Adding the Bundle URL as a menu item in your store’s Navigation

One of the most effective ways of directing people to your bundle is to create a link to it in your main menu. This way it's always in quick reach at the top of the page.

To do this:

Step 1. Go to Navigation located on the left side menu (near the bottom of the Online Store section)

Step 2. Click your Main menu menu (or the equivalent if you have renamed it)

Step 3. Click Add menu item

Step 4. Enter the name of the menu item (e.g. Coffee Bundle)

Step 5. Paste the URL into the Link box

Step 6. Click Add

Step 7. Click Save to apply your changes

Adding the Bundle URL to a section in your store

Many theme sections will allow you to embed a link. For example, an announcement bar or an image banner. Inserting a dedicated section for your bundle somewhere on your home page or product pages is a great way to highlight what you have to offer. This can help customers discover something unexpected as they browse your store.

Tip: When possible, add imagery and a bit of context about the bundle to make it more eye-catching!

Embedding the Bundle URL in text

If you have referenced your bundle in different places across your website, for example in a blog or a product description, then you can usually embed the URL as a hyperlink.

When editing the desired text, highlight the relevant words and click the Insert Link button. You can then paste the Bundle URL. When a customer clicks the hyperlink, it will direct them to the bundle page.

Note: Every theme is different and some theme sections may not offer this functionality in certain areas.

Linking directly to the Bundle page URL from an external site

Technically this isn't your storefront, but it's still worth a mention! You can paste your Bundle URLs on external websites to drive traffic to your store. If you have built up a following on social media, such as Facebook or Twitter, then the Bundle URL can be a powerful tool in marketing campaigns.

---

Method 2: Adding app blocks to your theme

Product in Bundles app block - available on Product page templates

Our Product in Bundles app block is designed to signpost customers to bundles directly from your Product pages! When a customer expresses interest in a product by visiting its Product page, they'll come across an area that highlights its associated bundle(s). As a result, the customer may be incentivized to purchase additional products in order to receive a discount.

In order to utilize this feature, you must first ensure that your bundles are set up to be included in the app block. After that, you can easily add the app block to your Product template. 

For more detailed instructions on using the Product in Bundles app block, please see our Displaying the Product in Bundles app block guide.

Bundle Builder bundle app block - available on most theme templates

Another new addition to Bundle Builder! The Bundle Builder bundle app block allows you to display a fully functional bundle on your theme as a template section. Depending on your theme, you can add this app block to most templates, including Home page, Products, Collections, and Pages.

Just add the app block to the desired template and configure the settings to display a Bundle Builder bundle. Customers can then build their bundles directly on the page and add them to the cart. 

Note: This app block isn't compatible with regular products.

The Bundle Builder bundle app block offers a unique approach to displaying bundles across your store. You can either:

1. Add bundles to existing templates.
2. Design templates specifically for your bundles.

Tip: This is a great opportunity to get creative and build customized theme templates to complement your bundles. Add engaging content sections around your bundle to entice customers to build a bundle!

Example of Bundle Builder bundle app block on Page template:

---

Method 3: Adding the bundle to a Collection

Another way to display your bundles is to add them to a collection. When you create a bundle, Bundle Builder automatically creates a dummy product in the Products section of your store. This means you can assign a collection to it just like any other product.

To do this, go to the Products section and find the product listing which represents your bundle. 

You'll see your bundle product has been added as a Custom Bundle. Click on the product name to open up the product details. 

From here you can add the bundle straight into a collection you've already set up. Just check the box for the collection you want to add it too and Save. 

Note: Please don't change any other details outside of the Product organization section as this can interfere with how the app communicates with your bundle.

Alternatively, you can create a new collection for bundles in Products > Collections > Create Collection and then follow the steps outlined above to add your bundle in. 

---

Quick tips

Experiencing display problems with your bundle page?