Product bundles

What it solves & why businesses use it

Product bundles solve a common e-commerce challenge: customers often don’t realize which products work well together or miss out on add-ons they would’ve bought. This widget shows product sets or kits that add value and make checkout decisions simpler.

By showing widgets with product bundles, you:

• Increase cart value by offering bundled products at a discounted price.


• Create the opportunity to cross-sell related products that the customer might not have purchased otherwise.


• Clear out older inventory or push high-margin products that might otherwise not sell as quickly..


• Provide higher value for customers by offering related items in one package, making the purchasing decision easier and adding value through the discount.


• Enhance the customer experienc by providing a one-stop solution and potential savings on complementary items.

When & how to use it

Product bundles widgets work best when visitors are already engaged — scrolling, browsing collections, or checking out specific products. They’re great for both new and returning users who’ll appreciate curated sets, seasonal kits, or limited-time deals.

Use a built-in widget on product pages to show fixed bundles like ‘Complete the look’ or ‘Skincare starter set’. It’s an easy way to suggest products that go well together without making shoppers search.

Category and collection pages are also perfect for these widgets. These pages show buying intent, and a well-placed bundle can push users to explore more or add extra to their cart.

For promos or time-sensitive deals, a floating box triggered after scroll or a short delay works well. For example, a ‘Weekend deal set’ shown after 20 seconds can catch attention without disrupting the flow.

How it looks

A built-in widget works best on pages, where it feels like a natural part of the layout. It usually includes product images, bundle name, savings label (if applicable), and CTA.

A floating box is better for short-term bundle promotions, so you can add a countdown timer to it.

Pop-ups can work too but sparingly. They’re best reserved for bundles tied to promotions (such as holiday kits, launch offers). Use them on exit intent to avoid interrupting browsing.

Pairs well with

Product bundles widgets combine smoothly with first purchase discounts. Also, you can add a testimonial slider nearby to build confidence in the bundle, or use a newsletter sign-up form to offer an exclusive bundle to email subscribers only.

How to set it up

Let’s create a product bundles widget — just a few minutes of setup, and you’ll have a smart way to increase the average order value.

Step 1: Pick a template

Skip the blank canvas. Claspo has 1000+ ready-made templates for different use cases. Choose one that fits your vision — the layout, images, fonts, and buttons are already optimized for the user engagement. All you have to do is add your style and message.

Step 2: Customize it

Claspo’s drag-and-drop editor keeps things simple. Click any part of the widget, and its settings will pop up on the right panel. In our example, we’re using a floating box template with an image. Click the image, hit Change, and upload your own picture (PNG, JPEG, WebP, or GIF). You can even decide if you want rounded corners or a classic square look.

To update the text, click on the body content to adjust font, color, size, and spacing. This template also includes a text roller for the headline — a great way to add movement and highlight multiple product names or benefits. Just double-click it, go to Options to add your own scrolling messages, and use the Style tab to adjust colors, background, or add a stroke for extra emphasis.

Now for the CTA button — make sure it links to the right bundle. Click the button, head to General > Action on click > Add action > Open URL, and paste in your link. Then hop over to the Style tab to change the button color, shape, hover effect, and text.

Step 3: Set up triggers

We’ll configure the widget to appear for users who’ve spent 20 seconds on a category page — enough time to show interest but before they click away. Good news — the 20-second delay is the default.

To target a specific category page, go to On pages > Add condition > URL > Equals, and type in the exact URL you want the widget to appear on.