Personalization is no longer a luxury in e-commerce—it’s an expectation. Mix-and-Match bundles, often called “Build a Box” offers, empower your customers to curate their own selections, leading to higher engagement and significantly lower return rates.
In this guide, we’ll dive into how to configure these interactive offers using the latest Product Bundles by Appfox interface.
🏗️ Step 1: Initializing the Mixer
When creating a flexible builder, start with the Basic Information to keep your campaigns organized:
- Dashboard Entry: Open the Appfox app and click Create Bundle.
- Select Type: Choose Mix and Match.
- Basic Details:
- Bundle Title: The headline your customers see (e.g., “Build Your Perfect Pack”).
- Bundle Name: For internal organization.
- Status: Toggle between Active or Draft.
⚙️ Step 2: Defining Multiple Offer Tiers
The heart of the Mix and Match builder is the Offer Settings section. Unlike fixed bundles, you can offer multiple tiers of incentives within a single builder:
- Offer Configuration: For each tier (Offer 1, Offer 2, etc.), you can define:
- Title: The specific name for that tier (e.g., “Buy 3 for 10% Off”).
- Quantity: The number of items required to trigger this level.
- Discount Type: Choose from Percentage, Fixed Amount, or Set Price.
- Value: The discount amount.
- Selected by default: Check this to highlight your most popular tier.
- Add Offer: Click the Add Offer button to create progressive incentives (e.g., Pick 3 for 10% off, Pick 6 for 20% off).
🔗 Step 3: Combinations & Product Selection
Ensure your bundle works harmoniously with other promotions:
- Combinations: Use the check-boxes to allow the Mix and Match discount to work alongside Product, Order, or Shipping discounts.
- Product Selection: Click Select Products to chose the pool of items (or collections) from which customers can build their bundles.
🎨 Step 4: Visual & Typography Control
Appfox provides granular control over the look and feel of your builder through expandable sections:
1. Typography
Customize the Size, Style, and Color for every text element:
- Bundle Title & Offer Title
- Original Price vs. Discount Price
- Variants Text
2. Label & Badge
Make your promotional text pop by adjusting the colors and sizing of your Labels and Badges (e.g., a “Best Value” badge).
3. Colors and Borders
Fine-tune the Offer Card design:
- Adjust Border Color, Background Color, and Border Radius (to match your theme’s roundness).
- Set a distinct Active Border Color to show the customer exactly which tier they have selected.
📈 Step 5: Real-Time Preview
As you build, use the Preview Pane on the right side of the dashboard. It shows a live mockup of your widget, including the “X+ ITEMS” count and the final “Add to cart” button. This ensures your configuration looks perfect before you hit save.
Ready to give your customers the power of choice? Launch your Mix-and-Match builder with Appfox today.