How to Create an Embedded Product Bundle?
What is an Embedded Product Bundle? 🤔
Embedded product bundle refers to a marketing strategy in which two or more products or services are combined and sold at a discounted price. The purpose of creating product bundles is to encourage customers to purchase multiple items together, providing them with added value and convenience.
Key Features:
- One-Click Sales on Product Pages.
- Generate Unlimited Product Bundles.
- Include Variants in Product Bundles.
- Provide Percentages, Fixed Discounts, or Free Shipping Options.
- Choose from Three Different Layouts.
- Set Priority for Bundles.
- Enable/Disable Bundles Anytime
How to Create an Embedded Product Bundle? đź‘”+đź‘•+đź‘–
To create an Embedded Product Bundle, follow these steps:
Step 1: Navigate to Offers and click on "Create New Offers."
Step 2: Choose "Product Bundle" and then click on "Create Offer".
Step 3: Enter the Internal Name and offer title.
Internal Name:- This will appear in app admin only to identify bundle.
Offer Name:- This will appear to customer in frontend side.
Offer Description:- Add a small information about your bundle offer.
Step 4:
A. Select Bundle Type.
Please Note:
- Bundle Type has two options to choose from “Embedded and PopUp Bundle”. Select Embedded.
- Embedded Bundles can be displayed on the “Product Page or Cart Page” and PopUp Bundles can be displayed on the “Home Page, Collections Page, Product Page, Cart Page, Blog Page, or Any Selected Page".
Let’s check the difference between Embedded and Popup Bundle:
User Interaction:
Embedded: Integrated into the main content.
Popup: Appears as an overlay/modal.
Visibility:
Embedded: Always visible.
Popup: Appears upon user action.
Space Utilization:
Embedded: Takes up space within the layout.
Popup: Compact, doesn't disrupt the main content.
User Flow:
Embedded: Seamless integration.
Popup: This may create a distinct flow; users need to close the popup.
Load Time and Performance:
Embedded: Loaded with the main page.
Popup: Dynamically loaded, potentially reducing initial page load time.
Customization Options:
Embedded: Influenced by overall webpage design.
Popup: Specific customization options for size, position, and effects.
B. Choose the page where the bundle will be displayed:-
Step 5: Choose any one option, i.e. Specific Products or Specific Collections, where you want to display the bundle. Then click on Add Product/Add Collection to select products or collections where you want to show the bundle.
Please Note: Here you need to select the product or collection where you'd like the bundle to be displayed.
(Important Note:-
Specific Products & Specific Collections:- it will give 2 options of discount, i.e. Percentage, Fixed Discount and 2 design layout (Grid and List).
Step 6: Click the "Add Products" button to include products for the bundle offer.
Step 7: When you add the product bundle to the cart, it will be added as a single product with a listing of all the products in the description. This way, you can display this image in the cart and checkout.
Step 8: If you wish to provide a discount for the bundle offer, check the box and enter the discount value. (For example, we have set a 20% Discount.)
Step 9: Click on Additional Settings. Here you can set bundle priority, change bundle button text, start date and end date. Then click on “Save”
Please Note: Adjust the Bundle Priority on a scale from 1 to 100. For instance, if you're displaying five bundles on a product page and assigning priorities 1 through 5, the bundle with priority 1 will appear at the top, followed by 2, 3, 4, and finally 5.
Step 10: You will be able to check preview by clicking on Preview & Customization button on top. You can customize the bundle design by using given option and check its preview on right side easily.
Step 11: Choose a bundle design layout that suits your preference in preview & customization section.
Step 11: You can show the embedded product bundle anywhere on your website using this shortcode. Just copy the given short code & paste it into a template where you wish to display specific bundles.
<div class="rebolt_SpecificBundle" data-bundleid=“158558”></div>
Step 12: Click on the Action Button >> Test >> Click on Visit Offer page to view and assess the live bundle.
Grid Layout:-
List Layout:-
Split Layout:-
