Add bundle widget to the 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)
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.
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
Then go back into Bundler - Product Bundles app, select your bundle, scroll down to the Bundle shortcode
card and click Get shortcode
Click Copy to clipboard
Go back to your theme and add the code in the element you added there before:
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.
Now, you have two options on how to add bundle to your homepage:
Open your theme editor and add the Custom content
theme element. It is usually the one at the end of the list.
Add a custom HTML content element to it.
Paste the bundle shortcode in it.
That is it!
The bundle widget might not be displayed in your theme preview, but it will be displayed in your live shop.
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.