How to show Bundle(s) on the HomePage

Bundle Bee Offers the unique ability to display your bundles on any page in your store with no coding required.

In order to display an offer on the Homepage page, the first step is Selecting the Specific Pages option under Bundle Display. This will generate a drop down menu where you can select from a list of all the pages in your store.

Once you are finished with the bundle creation and design, the last page ( Customize and Launch) will look slightly different. The Display Relative to Add to Cart Button positioning option will not be available.

The recommended method is to position your bundle using the dynamic selector. As shown in the image below, there is now a separate line added that allows you to use the selector to position your bundle anywhere on the Homepage. 

The selector behaves exactly as it would for positioning bundles on the product page. Each HTML element you hover over will be highlighted with an interrupted green line. Once your selection is made, confirm this in the green box at the top of the screen. For more information on using the dynamic injector, please check out this article.

Please note: In the video below, you see how hovering over each element will highlight it with a dotted green line. In this example, we’ve chosen to position our Shop the Look bundle above the Multimedia Collage section of the Homepage.

Once the selection is done you’ll be redirected to bundle creation to save and launch your offer. Clicking the green Go to Home Page button will redirect you to your storefront so that you can check the look and placement of your bundle is as expected.

Please note: If you’ve chosen to also display the bundle on product pages, this will require its own separate positioning using the selector. The dynamic selector will work as usual and redirect you to a product page so that you may position your bundle in the desired placement.