Home Bundles (Quantitiy Breaks)

Bundles (Quantitiy Breaks)

Support
By Support
4 articles

How to create a Bundle offer?

Learn how to create a Bundle offer What is a Bundle Offer? A bundle offer lets you group two or more products and sell them at a special or discounted price. Examples: - A shampoo + conditioner is sold together at a lower combined price. - Skincare Bundle – face wash + toner + moisturizer You can create bundles to increase average order value and make your store's offers more attractive. Here's how you can create a Bundle offer using: ✅ Step 1: Open the Hoppy Bundles app 1️⃣ From your Shopify admin, open the Hoppy Bundles app. 2️⃣ Click on 'Create new offer. ✅ Step 2: Choose Your Offer Type 3️⃣ You’ll see two offer types: - Quantity Break (One Product) 📦 – Set discounts based on the quantity of a single product purchased (e.g., Buy 2 get 10% off). - Bundle (Up to 3 Products) 🎁 – Combine up to 3 different products into one offer with a set price or discount. 👉 Select Bundle (Up to 3 Products). ✅ Step 3: Customise Your Bundle Content 4️⃣ Here, you’ll define the offer content: - Offer Title & Bundle Title🖊️ – Write a catchy title to grab attention. - Select Products 📦– Choose at least 2 products for your bundle. - Show Modified Product Name✏️ – Check this box if you want the displayed product names to be customised in the widget. ✅ Step 4: Set Your Discount 5️⃣ From the dropdown, choose your discount type: - No Discount🚫 – Regular prices. - % Discount📉 – e.g., 25% off. - $ Flat Discount💵– e.g., $29.00 off total. - On Each Unit Flat Discount💲 – e.g., $5.00 off each item. - Specific Price🎯– Set a fixed bundle price, e.g., $29.00. 💡 Enter the discount amount if applicable. ✅ Step 5: Configure Bundle Settings 6️⃣ You can choose to: - Show unit price or total price📊- Customer can see each unit price in this offer. - Skip cart directly to checkout🏷️- The customer will be directly redirected to the checkout page once the option is enabled. - Show compare to price📄- Customer can see the comparison to price in the offer. - Use theme fonts🎨-Customer can see the comparison to price in the offer - Use custom text for Inventory tracking📢 (e.g., “Highlighted item(s) are out of stock”). 7️⃣ Enable Combination Discounts🔗 to allow product, order, and shipping discounts together (applies globally due to Shopify rules). 8️⃣ Select Target Products (You can choose which product to show the bundle widget. At least one should be selected.) 9️⃣ Add Call-to-Action text (e.g., “Add Bundle to Cart”) 🛒, show or hide the Highlighted Tag (e.g., “Combo”) 📌, and add Footer Text if needed 📝. ✅ Step 6: Edit Typography & Colours - Adjust size, style, and colour for: Bundle Title, Product Name, Product Price, Highlighted Tag, Footer, Total Price, Button - Adjust Border Width & Radius. - Select Border & Background Colours for Product, Footer, Highlighted Tag, and Button. ✅ Step 7: Save & Preview 🔟 Click Save to apply your settings. 👉 Preview the bundle offer on your store to see how it looks. 🎉 That’s It! You’ve successfully created and launched a Bundle Offer using the Hoppy Bundles App! 🚀

Last updated on Nov 01, 2025

How to create Offers/Quantity Breaks?

Learn how to create Offers/Quantity Breaks What is a Quantity Break Bundle Offer? A quantity break means offering discounts when customers buy more of the same product. It encourages bulk purchases and increases order value. Examples: - 🧴 Buy 2 shampoos, get 10% off - 👕 Buy 3 t-shirts, pay for 2 Here's how you can create a Quantity break bundle offer using: ✅ Step 1: Open the Hoppy Bundles app 1️⃣ From your Shopify admin, open the Hoppy Bundles app. 2️⃣ Click on 'Create new offer. ✅ Step 2: Choose Your Offer Type 3️⃣ You’ll see two offer types: - Quantity Break (One Product) 📦 – Set discounts based on the quantity of a single product purchased (e.g., Buy 2 get 10% off). - Bundle (Up to 3 Products) 🎁 – Combine up to 3 different products into one offer with a set price or discount. ✅ Step 3: Create a Quantity Break Offer 4️⃣ Here, you’ll define the offer content: - Name your offer🏷️ to easily identify it later. - Apply the offer on📌 : - All Products 🛒 - Specific Products (select from your catalog) 📦 - Collections (select desired collections) 📂 - Choose an Offer Template or you can build one from scratch🖼️ → Apply Selected template ✅ Step 4: Customize the Offer Content & Display 5️⃣ Set the template orientation (Horizontal ↔️ or Vertical ↕️) and choose a theme from the available options. 6️⃣ Now customize the offers: Offer-1 - 💲 Select Discount Type: - No Discount 🚫 - % Discount (e.g., 25% off) 💯 - Flat Discount $ (e.g., $29.00 off) 💵 - Flat Discount on Each Unit 📏 - Specific Price (e.g., $29.00) 🎯 - Enter Discount Amount✍️ (if not selecting No Discount). - Enter the Quantity to purchase to apply this offer🔢. - Add Offer Title🏷️ Set a short, clear title for your bundle (e.g., "Summer Essentials Bundle" or "Buy 2 Get 1 Free 🎁"). - Add Discount Label🏷️ (e.g., Standard Price) and Tag (optional). You can hide the Discount Label and Tag if you don’t want them to appear. 7️⃣ Similarly, repeat the steps for Offer 2 and Offer 3. - Click + Add Offer to create more offers. 8️⃣ Add Titles & Text - Add Block Title📝 (e.g., "Buy More, Save More"). - Add Footer Text🖊️ if needed. ✅ Step 5: Customize Your Offer Settings - In Appearance & Looks - Show Unit Price📊: Customer can see each unit price in this offer - Show Total Price💲: Customer can see the total price in this offer - Hide Header and Footer Lines🚫: It will hide the header and footer in the widget - Use Theme Fonts🖋️: The widget will use theme fonts - Add Custom Text for Out of Stock📢 (e.g., "Highlighted item(s) are out of stock"): This message would be shown to your customer when the selected product is out of Stock - Set Functionality - Let customers choose different variants for each item👕(if the product has variants, this setting will allow the customer to choose different variants) - Display widget below the Add to Cart button⬇️(This will add the widget below the add to cart button) - Skip cart and go directly to checkout🚀(The customer will be directly redirected to the checkout page once the option is enabled.) - Volume Discount (extend max discount to all quantities)📦(This option allows users to buy additional items at the maximum discount rate) - Show Compare to Price💰(Customer can see the compare price in the offer) - Discount Combination🧩 - Combine Product, Order, and Shipping discounts in cart & checkout (Shopify restriction applies globally). - Choose Order Discounts and/or Shipping Discounts📦. ✅ Step 8: Typography & Colour Customization - Text & Labels ✏️– Adjust size, style, and colour for Block Title, Offer Title, Discount Label, Price, Compare Price, Tag, and Subtitle - Variant Sizes📏 (Small, Medium, Large). - Design & Layout 🎨 – Choose colours for border & background, and 📐 adjust border width & radius. ✅ Step 9: Save & Preview 9️⃣ Click Save to apply your settings. 🔟 Preview the offer on your store to ensure it looks and works perfectly. 🎉 That’s It! You’ve successfully created and launched a Quantity Break Offer using the Hoppy Bundles App! 🚀

Last updated on Nov 01, 2025

How to embed and show offers on the homepage?

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

Last updated on Nov 03, 2025

Hoppy Bundle is not showing on my store [Fixed]

Troubleshoot and resolve the issue of the hoppy bundles not showing on your store. ✅ Step 1: Ensure Your Bundle offer is created and published 1️⃣ Go to Shopify Admin → Apps → Hoppy Bundle app. 2️⃣ Check if you have created the Bundle offer and ensure it is set to Published. ✅ Step 2: Enable App Embed in Theme Editor 3️⃣ For the Bundle offer to appear on your store, you must enable the App Embed feature in the Shopify Theme Editor. 🔹 How to Enable App Embed: 1. Go to Shopify Admin → Online Store → Themes. 2. Click Customize on your active theme. 3. In the left menu, click on App Embeds (⚙️ settings icon at the bottom). 4. Find the Hoppy Bundle and toggle it ON. 5. Click Save in the top right corner. 💡 Tip: If the toggle was already ON, try turning it OFF and back ON to refresh the settings. ✅ Step 3: Hard Refresh Your Page 4️⃣ If all else looks good, try to hard refresh the page. - Windows: Press Ctrl + Shift + R - Mac: Press Cmd + Shift + R ✅ Step 4: Check for Theme Styling Conflicts 5️⃣ Your Shopify theme's custom CSS might be overriding the Bundle offer. To check: - Open the Hoppy Bundles app🍪, go to the General tab, change the background or text color, then save and refresh your store. If the issue persists, contact your theme developer or tech team to resolve CSS conflicts. ✅ Step 5: Still Not Visible? Contact Support! 6️⃣ If you’ve tried all the above steps and the Hoppy Bundles is still not showing, reach out to Support for further assistance. - Hoppy Bundles → Help & Support → Contact Support, or you can simply click the message box in the bottom right corner to contact support. - Provide screenshots & details for faster help. By following these steps, your Hoppy Bundles should be up and running in no time! 🚀

Last updated on Nov 03, 2025