How to Create a Popup Product Bundle?

What is a Popup Bundle? 🤔

A popup product bundle is like a friendly window on a website to show attractive deals to customers. It highlights a special offer where customers can buy many products together at a lower or special price. The idea is to entice customers and make them think about purchasing the bundle products.

Key Features

Enable One-Click Sales.
Generate an Unlimited Number of Popup Bundles.
Display Popup Bundles on the Home Page, Collections Page, Product Page, Cart Page, Blog Page, or any Selected Page.
Set a Popup Delay Timer to Display Bundles After a Specific Time.
Include Variants in Popup Bundles.
Offer Percentage Discounts, Fixed Discounts, or Free Shipping Options.
Choose from Three Different Layouts for Popup Bundles.
Set Priority for Popup Bundles.
Enable/Disable Popup Bundles Anytime.

How to Create a Popup Product Bundle? 🥼+👖+🧥

To create an Popup 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 offer title.

Step 4: Select Bundle Type & Where to display

Please Note:

Bundle Type has two options to choose from “Embedded and PopUp Bundle”. Select Popup.
PopUp Bundles can be displayed on the “Home Page, Collections Page, Product Page, Cart Page, Blog Page, or Any Selected Page".
Choose the page where the bundle will be displayed.

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.

Step 5: Add a popup delay timer to display the bundle after a specific time.

Please Note: Setting the popup delay time to 0 seconds means the popup will appear instantly when someone visits the page.

Step 6: Click on Add Product and select the products that you want to include in the popup bundle.

Please Note: Choose the products you'd like to include in your bundle.

Step 7: If you wish to provide a discount for the bundle offer, check the box and enter the discount value.

(Note:- If you choose the “Free Shipping” option, customers will be automatically redirected to the direct checkout page because the cart page is incompatible with the free shipping option.)

Step 8: Choose a bundle design layout that suits your preference.

Step 9: Click on Additional Settings. Here you can set bundle priority, change bundle button text, start date and end date, and short description. 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 tab on top.

Step 11: Click on the Action Button >> Test >> Click on Visit Offer page to view and assess the live bundle.