---
title: "Add bundle widget to the homepage"
source_url: "https://bundler.app/articles/add-bundle-widget-to-homepage"
---

All bundles, except volume discount bundles can be displayed anywhere on your page with a bundle shortcode. Below is a tutorial on how to do this in your shop.

## Add bundle widget to the homepage in 2.0 themes (the easiest way)

![Adding section](https://bundler.app/public/_images/cache/articles/add-bundle-widget-to-homepage/Xc4h9SrxVOSvdddoNLIr.png)

If you are using the theme 2.0, then you can add the bundle widget to your homepage in Shopify Admin -> Online Store -> Themes -> Customize -> Add section -> *Bundle shortcode widget* -> paste the bundle shortcode you copied from the bundle settings.
That's it!

Here are the screenshots on how to do this:
Click the *Add section*:

Scroll down and click on the *Bundle shortcode widget* from *Bundler - Product Bundles*:

![Bundle shortcode widget](https://bundler.app/public/_images/cache/articles/add-bundle-widget-to-homepage/YeHYb2jnYhTM0LHyXeWp.png)

Then go back into Bundler - Product Bundles app, select your bundle, scroll down to the *Bundle shortcode* card and click *Get shortcode* button:

![Getting the shortcode](https://bundler.app/public/_images/cache/articles/add-bundle-widget-to-homepage/mT361J1QbIryVXLTB6ly.png)

Click *Copy to clipboard* button:

![Copying to clipboard](https://bundler.app/public/_images/cache/articles/add-bundle-widget-to-homepage/9D3f37OacdxFnNpp9EDh.png)

Go back to your theme and add the code in the element you added there before:

![Inserting shortcode](https://bundler.app/public/_images/cache/articles/add-bundle-widget-to-homepage/Tnt16h80NwTMAy2VDNPo.png)

Save the theme and you are done!

## Add bundle widgets to homepage in older themes

First, you will need a special HTML snippet from the *App settings -> edit bundle page*. The snippet is called Bundle Shortcode and can be found at the end of the bundle page.

![Getting the shortcode](https://bundler.app/public/_images/cache/articles/add-bundle-widget-to-homepage/M6pCgEiyX1D1ttR3ELy5.png)

![Copying to clipboard](https://bundler.app/public/_images/cache/articles/add-bundle-widget-to-homepage/LJYMJuKYKLF6lqmgviuD.png)

Now, you have two options on how to add bundle to your homepage:

**First option:**
1.) Open your theme editor and add the *Custom content* section to your theme. It is usually the one at the end of the list.

![Adding custom content](https://bundler.app/public/_images/cache/articles/add-bundle-widget-to-homepage/bxBsvnlVpdurxeRDmqLu.png)

2.) Remove the existing blocks in it by clicking on each of them and then clicking the “Remove block”button on the right side of the screen.

![Clicking on existing blocks](https://bundler.app/public/_images/cache/articles/add-bundle-widget-to-homepage/ZUk9b3d8jNeV0TwqBeny.png)

![Removing existing block](https://bundler.app/public/_images/cache/articles/add-bundle-widget-to-homepage/IE3sGP9ztcRXTjwniV36.png)

3.) Add the custom HTML block to it.

![Adding new block](https://bundler.app/public/_images/cache/articles/add-bundle-widget-to-homepage/UfkWRDnT1eVT5AMfGgAC.png)

![Adding custom HTML block](https://bundler.app/public/_images/cache/articles/add-bundle-widget-to-homepage/bPE2ex6ZyEetX3b2VOUd.png)

4.) Click on it and add the custom shortcode to it. The element is visible on the right side of the screen.

![Adding shortcode to custom HTML block](https://bundler.app/public/_images/cache/articles/add-bundle-widget-to-homepage/gZnXsJzXVeHMSkGbiNmx.png)

5.) Save your theme.

That is it!
The bundle widget might not be displayed in your theme preview, but it will be displayed in your live shop.

**Second option:**
Open you Shopify theme files (*Online store -> Actions -> Edit code*).
Find the section in *Sections* folder where you want to display your bundle, open it and paste it there. The section will probably be called *featured-collection.liquid* or something similar.
Save the Liquid file and check if the bundle is displayed in your homepage.