Loop Bundles
What are Loop bundles?
Using Loop bundles, customers can conveniently select different products or variants and combine them into a single bundle or box. These bundled items will be delivered regularly at intervals chosen by the customer. After purchase, customers can easily manage and adjust their box subscription details through our customer portal.
Check out our pre-made bundles available on our demo store here.
This article will guide you through all the essential aspects of bundles, including bundle installation and configuration.
What are the different types of bundles available?
Installing bundle snippets
Setting up bundle preferences.
Help section
With 'Preset fixed bundle' you can offer your customers a pre-selected set of items or variants. Once purchased, the contents of this bundle cannot be modified either during checkout or after purchase. It's an excellent option for those who trust in the curated selection provided and do not wish to make any changes. Learn more about Preset Fixed Bundles.
With ‘Build your own bundle’, you can empower your customers with the choice to build their own bundles from the list of products that you provide. This not only enhances customer engagement but also allows them to tailor their purchases to their specific needs. Plus, the ability to edit their bundles post-purchase through the customer portal adds a layer of flexibility, encouraging customer satisfaction and retention. Learn more about Build Your Own Bundles.
Each bundle type is crafted to meet different customer needs, ensuring that whether they want a set-it-and-forget-it package or a personalized selection, there's an option available for them.
Bundle snippet is a critical piece of code designed to club bundle product items on the cart under a single bundle title rather than as individual line items. This is also necessary to ensure that customers don't end up with invalid bundle content by removing/adding individual bundle items from the cart.
The first step to publish your bundles is to install the bundle snippets.
You can head over to Bundles > Snippets to install the bundle snippets.
Note : This is a mandatory step to publish your Bundle.
1) The first step is to select your theme where you want to publish your bundle.
Note : Select the theme where you have already installed your Loop widget. If you haven't already installed the loop widget, here is a detailed article to help you install Loop widget on your theme in no time!
2) Next step is to install the bundle snippets. Click on 'Install Bundle Snippet'.
This will create a loop_bundle.js file in your theme code.
3) Third step is to add bundle cart snippet. Click on 'Add bundle cart snippet' to install. This will combine the bundle items into a single bundle product on your Cart page.
4) This step is optional. Only for those merchants for whom the bundle items are not clubbing together. This step will help you to determine the appropriate 'Cart item class' and 'Cart subtotal class' so that your bundle items are clubbed together properly.
a) Open your Shopify store.
b) Add any subscription product to your cart.
c) Head over to cart page and open developer tools by right clicking and clicking on inspect.
d) Click on 'Element Selector' and search for the Cart item and subtotal class. Please refer to the screenshot below for your reference.
e) Once, you've found out the correct class. Enter both the correct classes under Cart items class and Cart subtotal class. Click on Save!
Under Bundles > Preferences , you can find detailed explanations of the settings available for customizing the bundle experience on both the storefront and the customer portal.
Setting | Description|
|------------------------------------------|-------------------------------------------------------------------------------------------------------------------------------------------------------------------|
- Out of Stock Products | Controls how out-of-stock products are displayed on the bundle page, either showing them as disabled or hiding them entirely.|
- Show Bundle Name in Order Line Items | Displays the bundle name with each product line item in a bundle order for easier identification in Shopify checkout and order admin pages.|
- Show Selected Products | Displays added products by default; otherwise, customers must click a button to view their selected items.|
- Show Product Description Drawer | Shows a full product description in a drawer format when customers click on the product image, providing more details without leaving the bundle page.|
- Bundle Discount Title | Displays the title for discounts applied to bundle items in the cart and at checkout, showing customers the savings on their bundle selection.|
These settings are designed to give you control over how bundles are presented and managed, ensuring a clear and user-friendly shopping experience for your customers.
If you require any further assistance, our team is here to support you. Please don't hesitate to reach out to us at support@loopwork.co or initiate a chat by clicking the support beacon at the bottom right of your screen.
Thank you,
The Loop Subscriptions Team
Using Loop bundles, customers can conveniently select different products or variants and combine them into a single bundle or box. These bundled items will be delivered regularly at intervals chosen by the customer. After purchase, customers can easily manage and adjust their box subscription details through our customer portal.
Check out our pre-made bundles available on our demo store here.
Contents of the article
This article will guide you through all the essential aspects of bundles, including bundle installation and configuration.
What are the different types of bundles available?
Installing bundle snippets
Setting up bundle preferences.
Help section
What are the different types of bundles available?
Preset Fixed Bundles
With 'Preset fixed bundle' you can offer your customers a pre-selected set of items or variants. Once purchased, the contents of this bundle cannot be modified either during checkout or after purchase. It's an excellent option for those who trust in the curated selection provided and do not wish to make any changes. Learn more about Preset Fixed Bundles.
Build Your own Bundle (BYOB)
With ‘Build your own bundle’, you can empower your customers with the choice to build their own bundles from the list of products that you provide. This not only enhances customer engagement but also allows them to tailor their purchases to their specific needs. Plus, the ability to edit their bundles post-purchase through the customer portal adds a layer of flexibility, encouraging customer satisfaction and retention. Learn more about Build Your Own Bundles.
Each bundle type is crafted to meet different customer needs, ensuring that whether they want a set-it-and-forget-it package or a personalized selection, there's an option available for them.
Install Bundle snippet
Bundle snippet is a critical piece of code designed to club bundle product items on the cart under a single bundle title rather than as individual line items. This is also necessary to ensure that customers don't end up with invalid bundle content by removing/adding individual bundle items from the cart.
The first step to publish your bundles is to install the bundle snippets.
You can head over to Bundles > Snippets to install the bundle snippets.
Note : This is a mandatory step to publish your Bundle.
1) The first step is to select your theme where you want to publish your bundle.
Note : Select the theme where you have already installed your Loop widget. If you haven't already installed the loop widget, here is a detailed article to help you install Loop widget on your theme in no time!
2) Next step is to install the bundle snippets. Click on 'Install Bundle Snippet'.
This will create a loop_bundle.js file in your theme code.
3) Third step is to add bundle cart snippet. Click on 'Add bundle cart snippet' to install. This will combine the bundle items into a single bundle product on your Cart page.
4) This step is optional. Only for those merchants for whom the bundle items are not clubbing together. This step will help you to determine the appropriate 'Cart item class' and 'Cart subtotal class' so that your bundle items are clubbed together properly.
Steps to find the appropriate class :
a) Open your Shopify store.
b) Add any subscription product to your cart.
c) Head over to cart page and open developer tools by right clicking and clicking on inspect.
d) Click on 'Element Selector' and search for the Cart item and subtotal class. Please refer to the screenshot below for your reference.
e) Once, you've found out the correct class. Enter both the correct classes under Cart items class and Cart subtotal class. Click on Save!
Setting up bundle preferences
Under Bundles > Preferences , you can find detailed explanations of the settings available for customizing the bundle experience on both the storefront and the customer portal.
Setting | Description|
|------------------------------------------|-------------------------------------------------------------------------------------------------------------------------------------------------------------------|
- Out of Stock Products | Controls how out-of-stock products are displayed on the bundle page, either showing them as disabled or hiding them entirely.|
- Show Bundle Name in Order Line Items | Displays the bundle name with each product line item in a bundle order for easier identification in Shopify checkout and order admin pages.|
- Show Selected Products | Displays added products by default; otherwise, customers must click a button to view their selected items.|
- Show Product Description Drawer | Shows a full product description in a drawer format when customers click on the product image, providing more details without leaving the bundle page.|
- Bundle Discount Title | Displays the title for discounts applied to bundle items in the cart and at checkout, showing customers the savings on their bundle selection.|
These settings are designed to give you control over how bundles are presented and managed, ensuring a clear and user-friendly shopping experience for your customers.
Need Help?
If you require any further assistance, our team is here to support you. Please don't hesitate to reach out to us at support@loopwork.co or initiate a chat by clicking the support beacon at the bottom right of your screen.
Thank you,
The Loop Subscriptions Team
Updated on: 25/08/2024
Thank you!