Home Bundles (Quantitiy Breaks) How to embed and show offers on the homepage?

How to embed and show offers on the homepage?

Last updated on Nov 03, 2025

Learn to display Bundle Offers on Your Homepage

Why Use This?

Highlighting bundle offers on your homepage grabs attention and drives sales by showcasing deals right where visitors land.

✅ Step 1: Create Your Bundle Offer

  • Open the Hoppy Bundles app in your Shopify admin.

  • Click Create New Offer and set up your bundle offer, pricing, and appearance.

  • In the Bundle Offer settings, scroll down to Placement, select Custom, and copy the Bundle ID.

  • Click Save once you're done.

✅ Step 2: Enable the App Embed

  • Go to Shopify Admin → Online Store → Themes.

  • Click Customize on your active theme.

  • In the left menu, click on App Embeds (⚙️ settings icon at the bottom).

  • Find Hoppy Bundles and toggle it ON.

  • Click Save in the top right corner.

✅ Step 3: Add the Bundle Widget to the Homepage

  • In the theme editor, navigate to your homepage layout.

  • Click on “Add section” and select the "Featured Product"

  • In the 'Featured Product' settings, click on 'Select Product' and choose the product for which you have created the offer.

  • Once you've selected the product, click on "Save" to apply the changes.

  • Click to add block → apps → select Hoppy Bundle app.

  • Paste your Bundle ID in the left-hand settings panel.

  • Click Save in Shopify's Theme Editor.

  • Visit your store, and now you can view the offer for the selected product on the homepage.

    🛍️ Perfect! Your offers are embedded and ready to boost sales on the homepage! 💰