How to display 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 two 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.

1. 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

2. 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!

3. 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 hyperlink button. You can then paste the Bundle URL. When a user 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.

4. 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 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 Type. Click on the product name which will 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. 

---