Skip to main content

How to embed and show offers on the homepage?

Learn to display Bundle Offers on Your Homepage

Rashmi Verma avatar
Written by Rashmi Verma
Updated over a week ago

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

Did this answer your question?