The Bundle Widget is a powerful feature designed to increase sales by encouraging customers to purchase complementary products together as a bundle. By leveraging the PersonalizerAI app's Frequently Bought Together model, this widget not only suggests items that pair well with the product the customer is viewing but can also offer them at a discounted price when purchased together.
This type of widget is ideal for creating a seamless shopping experience while increasing the average order value (AOV) by offering bundled deals.
The widget is designed to appear on the product page or cart page, as it relies on the context of the current product the customer is viewing or purchasing. For example, if a customer is viewing a laptop, the widget may suggest a laptop bag, a wireless mouse, and a screen cleaner as a bundle.
Benefits
To encourage customers to purchase the bundle, the widget allows merchants to apply a bundle discount. The discount provides added value, making it more enticing than purchasing the items individually.
The products shown in the bundle are dynamically generated based on the product being viewed, ensuring relevance and increasing the likelihood of conversion.
Customers can add the entire bundle to their cart with a single click, simplifying the buying process and enhancing the user experience.
UI Styles
The Bundle Widget comes with two versatile UI styles: Amazon-Style Bundle and Card-Style Bundle. These options allow merchants to seamlessly integrate bundle recommendations into their Shopify store's design, offering a visually appealing and effective way to encourage customers to purchase complementary products.
Amazon Style Bundle
The Amazon-Style Bundle is designed to mimic the widely recognized and highly effective layout used by Amazon. Its compact, horizontal design integrates smoothly with the product page layout. It can also be placed beside the product near the "Add to Cart" button.


Card Style Bundle
The Card-Style Bundle is a visually rich design that displays bundle recommendations in card format. This layout offers a more detailed and interactive experience, making it suitable for showcasing multiple complementary products.

Bundle settings
Both the Amazon-Style Bundle and Card-Style Bundle offer flexible settings that merchants can customize directly within the Shopify Theme Editor. These settings allow you to tailor the widget appearance.
Heading: This is the main title of the bundle widget, displayed at the top of the widget.
Subheading: This is a secondary line of text below the main heading that provides additional context or encourages action.
Heading Alignment: Controls the alignment of the heading and subheading text within the widget. Available Options are Center, Left, or Right.
Bold: Determines whether the headings are displayed in bold font or standard font weight.
Maximum Products to Show: Controls the number of recommended products displayed in the bundle widget. Minimum of 2 products, Maximum of 5 products.
If you'd like to see how the bundle widget looks and functions, you can visit our Shopify demo store. It showcases both the Amazon-Style and Card-Style Bundles in action, giving you a clear idea of how they can enhance your store's product pages and cart.