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! 💰