Bundle Discount Element

About the Bundle Discount Element

The Product Bundle Discount Element allows Shopify merchants to create tiered pricing strategies. By automatically applying discounts when customers purchase more items, this feature supports:

• Increased Average Order Value (AOV): Encourage customers to spend more per transaction by offering attractive volume discounts.
• Enhanced Shopping Experience: Shoppers can easily understand and select discounted bundles, making their purchasing decisions seamless.
• Customizable Design: Tailor the element’s look to align with your store’s aesthetic while showcasing the discounts prominently.

How to Use the Bundle Discount Element in GemPages V7?

Step 1: Create a bundle discount in GemPages.

• Go to your GemPages Dashboard.
• Navigate to Preferences > Create Bundle Discount.

Step 2: Set up the bundle discount.

• Click Add Product to select the items you wish to include in the bundle.
• Configure the discount tiers and quantities for each product.

Step 3: Go to the Pages section of your dashboard and either open an existing product page or create a new one.

Step 4: Drag and drop the element.

• Choose between two preset layouts: horizontal or vertical.
• Drag and drop the element onto the editor.

How to Customize the Bundle Discount Element in GemPages V7?

1. Item management

Access Bundle Discounts:

• For products without a bundle discount, you’ll be redirected to the Create New Bundle Discount screen.
• For products with an existing discount, you’ll access the Detailed Discount Management screen.

Sync Again:

• Click to update discount information in the Editor, ensuring all changes are applied accurately.

2. Use product compare at price

Automatically calculates and displays the discounted price based on the product’s compare at price and quantity.

3. Hide No-Discount Items

This setting hides items that don’t have any discounts.

4. Pre-Selected Item

You can select which bundle item will be the default section.

5. Icon

This section allows you to decide whether an icon can show up and the icon’s position, size, and spacing.

6. Size

For the bundle discount, you can also modify the width, padding, and spacing between items.

7. Item states

You can customize the icon’s color, background, border, corners, and shadow for each state: Default, Hover, and Active.

8. Align

In this section, you can choose from three alignment options: left, center, or right.