Positioning a bundle on the homepage using Shopify 2.0 App Blocks
Bundle Bee Bundles Builder allows you to display and freely position offers on any page in your store.
We recommend using the dynamic selector positioning method as it the most versatile and flexible allowing you to easily move and reposition your bundles and display multiple on the same page. However, if you’re looking for consistent positioning and a ‘set it and forget it’ global setting when it comes to any Homepage offers you create for your store, then the Shopify Theme 2.0 app blocks are the right solution.
Firstly, its important to note that in order to use this method, you must already have Bundle Bee AppBlocks positioned inside your theme editor, specifically on the Homepage. To enable this, head over to Settings and select Bundle Injection via App Blocks.
Follow the Go to Shopify 2.0 Block Injection button to be redirected to your store’s theme in the customize mode, in a new tab. This will allow you to browse through all pages and use the App Blocks to position bundles. You can choose to create add a new section or add a new block as part of an already existing section. In either scenario, from the list of available options, choose apps and select Bundle Bee Bundles Builder.
You can drag and drop the block or the section created and position it anywhere on the Homepage. Once done, click the Save button in the right top corner. Going forward, every bundle you display on the homepage using the Shopify 2.0 app blocks be positioned in the exact same place.
Once you’ve finished designing your bundle, from the Customize and Launch page, select display with the Shopify theme 2.0 placeholder widget, assign a priority number to your bundle and finally, click Save and Launch.
Please note: each app block can only display one bundle, which is why all bundles have a priority number. This will help when choosing what bundle to display in case you select multiple offers for the same page. The highest priority is 0. Bundles injected using the Shopify 2.0 placeholder widget will be displayed in order of priority.
Return to your store and refresh your homepage to make sure the offer is showing.
For more information and more detailed guidance on how to this this positioning method, check out our article on How to inject the bundle offer with the Shopify 2.0 app blocks.
Please note: if your theme is not compatible with Shopify 2.0 you can still position bundles on your homepage by using our custom embed codes or using the dynamic selector. More details and step by guidance can be found in the following articles How to custom embed a bundle offer and How to use the Element Selector bundle injection