Easy Bundle Builder
  • English
Go to website
Back
Articles on:Storefront display
Everything you need to customize and display the perfect looking bundle on your store.

Categories

  • Getting Started
  • Creating and Managing bundles
  • Storefront display
  • Advanced Configuration & Rules in Bundles
  • Developer Resources
  • Troubleshooting
  • EB Integrations
  • Classic Editor
  • [Classic] Bundle Visibility - Quick Guides
    Hero Banner - Quick Setup Guide Step 1 - Copy your bundle link Go to Bundle Visibility in your bundle settings and click Copy Link next to your bundle URL. (https://downloads.intercomcdn.com/i/o/vymu2ljt/2126519158/10756f758b7071687f01e9871768/image.png?expires=1777266900&signature=da16066e6194f492d3fd98fa4201c6376005cc49737deb916e93139c6144b911&req=dPopular
  • Embedding a full page bundle on a Product, Collection page or Shopify pages
    Ensure the bundle has been created and is working correctly within the app. In your store's admin, go to Online Store and click Customize on your current theme. From the dropdown menu at the top of the page, select Pages. Either select an existing page template or click Create template to make a new one. In the left-hand panel, click Add section and select Full-page builder. You now need to provide the BSome readers
  • [Classic] Adding a Banner image in the bundle
    How to Add a Banner to Your Bundle Open Bundle Settings: Go to your bundle and click "Edit." Upload Your Banner: In the bundle settings, scroll down to the banner section. You'll see options to upload separate banners for desktop and mobile. The recommended sizes will be displayed if no banner is currently uploaded. Preview: After uploading, you can preview the bundle to see how the new banner looks.Few readers
  • [Classic] Hide prices of products on bundle builders - Full page and Product page bundles
    Advanced Customization can be done in the Additional configurations settings of Branding Configurations If you want to hide prices from your bundle, follow these steps Navigate to the additional configurations within Branding Configuration Copy and paste the code below into Custom CSS Settings. The first example in the image shows code that applies to all bundles. The second example in the image shows code that applies to a single bundle only. (https://storage.crisp.chat/users/hFew readers
  • [Classic] How to add preselected (products added by default) in Bundle flows?
    Enabling and Adding Preselected Products Toggle the Feature: In your Bundle Settings inside the bundle, locate the "Pre Selected product" section and toggle on "Enable Pre-selected Products." Choose Products: Select the products you want to be added to the bundle by default. Adjust Quantity: Click on any selected product to adjust its default quantity. Save Settings: Click "Save Default Product Settings" to confirm your changes. Information AboFew readers
  • [Classic] Customizing Colors, GIFS, and Language of your Bundle.
    Steps to change the Colors and Language of the bundle Go to the settings of Easy Bundles. In the Design Control Panel, you will see options for Design and Language. Changing Colors (Design) Under the Design option, you can easily change: ​ Font sizes Brand colors The border radius of the product cards Loading GIFs ​ To access more detailed options, turn on the *Expert Design Control PanelFew readers
  • [Classic] Embed Product Page Bundle Builder on Product pages
    Steps on how to embed Product Page Bundle Builder on Product pages In the Easy Bundle Builder app, click 'Edit' for the bundle you want to display on other product pages. Scroll to the 'Embed Bundle Builder' section. Enable the toggle to activate the feature. Enter a 'Title' and 'Subtitle' for the widget. Select the products or collections where you want the widget to appear. By default, it will show on all prodFew readers
  • What are the Customization options within Easy Bundles?
    Easy Bundles is highly versatile in its customization abilities to match the uniqueness of each store! Bundle Flow Settings Customize Banner images and subtext Customize step and bundle icon images Customize Summary Page empty state Images and text Add additional information on each product in the bundle like ingredients , make, content using product level metafields Branding Customization Customize colors of every major component in the bundle like text, buttons etc. CustomizFew readers
  • How to maximize bundle visibility for maximum revenue
    Below are some strategies to ensure maximum organic visibility on your bundles When designing your store for success, it's critical to consider both desktop and mobile optimization to ensure a seamless customer experience across devices. Full-Page Bundle Builder Add a link to your store's main navigation that directs customers to the bundle builder's dedicated landing page. Feature the bundle deal in a prominent HERO section imagFew readers
  • [New] Adding bundle Upsell Widgets or Buttons to Product Pages
    is article details the mechanics of enabling, configuring, and publishing a bundle upsell widget on product pages. It defines the logic for widget display types, UI customizations, page targeting, and exact on-page placement. 1. Widget Enablement Action: Navigate to the publish section and locate the product page widget. Logic: IF the user switches the toggle to ON, THEN the widget becomes active for configuration and will preview its appearance.Few readers
  • [New] Embedding a bundle builder on existing product pages
    This documentation defines the process and backend logic for embedding the Bundle Builder widget directly onto storefront product pages. It covers widget activation, conditional display routing, content customization, and custom block positioning within the theme editor. Navigation & Activation IF the user intends to embed the builder, THEN they must navigate to the Publish section. The user must click on Product page embed. IF the BFew readers
  • [Classic] Limiting the number of individual products added in the bundle (Quantity validation)
    If you want to limit the number of individual products added in the bundle which max of one or more than one product each, you need to follow these steps: Go to Bundle settings. Enable Quantity Validation. Enable the toggle for quantity validation. Enter the desired maximum number of products to be added at the product level. This limit will be applied to each and every individual product added in the bundle. Navigate to the Bundle settings as shown in theFew readers
  • [Classic] Making a bundle LIVE (publishing) on your store - Full page
    Making a bundle LIVE (publishing) on your store - Full page Publishing Bundles: Here are a few stores that do a good job of publishing the bundles (https://downloads.intercomcdn.com/i/o/vymu2ljt/1922637315/a8d93f4c1eb0f3e6b2474706c489/original?expires=1777266000&signature=47d55b6a4bbea18f04fde64ee4e1afe53a9f7122Few readers
  • [Classic] Setting up an Upsell bundle button or a block on Product pages for bundles
    1. Prerequisites & Initialization Prerequisite: A bundle must already exist in the app to utilize this feature. To begin, the user must navigate to the specific bundle they wish to promote and click Edit. Within the bundle settings, the user must navigate to the Bundle Upsell tab. The feature is activated by enabling the Product page Bundle Upsell widgets toggle. 2. Widget Configuration & Design Once the widgFew readers
  • [New] Mix and Match Bundle Templates and Customization Guide
    This article details the mechanics of customizing your bundle’s visual appearance. It covers how to apply landing page or product page templates, configure element-level UI toggles, apply global branding, and utilize advanced CSS or expert color controls to modify the bundle interface. Initial Bundle Preview Generation Before template customization can begin, a base bundle must be generated. IF the bundle is created via AI, THEN the app automatically pullFew readers
  • [Classic] Enabling Product Slots in full page bundle builders - Discount placeholders
    Enable Product Slots: Go to your Bundle's settings. Enable Product Slots and click Save. Set a Quantity Condition: In Category Rules, add a condition where the quantity is a specific number (e.g., Quantity equals 4). Add the Code: Copy the provided code snippet. Paste it into the bundle settings Custom CSS and click Save. (https://storage.crisp.chat/users/helpdesk/website/-/1/1/a/1/11a1ab1701f9db0/21f051Few readers
  • [Classic] Going live with a Product Page Bundle Builder
    Compatible only with Shopify 2.0 themes only The Bundle flow will open a separate immersive bundle building experience outside the store which will not affect store speed. The Product Page bundle builder will be automatically placed on the product page - Incase it does not or if you wish to change the position of the block follow the steps below From your Shopify admin, navigate to Online Store. Find the theme you wish toFew readers
  • Hiding Products on the website and only displaying them on Bundle pages
    This video will guide you on how to Hide Products on the website - and Only Display on bundle pages In case you get an error while trying to create the meta field, saying that this meta field already exists, please check the unstructured meta fields by clicking on more actions on the meta fields settings page, and search for seo.hidden Make this unstructured meta field a structured meta field by adding a definition. This can then beFew readers
  • Change the position of a Product Page Bundle Builder or fix the display issue
    From your Shopify admin, go to Online Store Themes. Find the theme you want to edit and click Customize. From the top dropdown menu, navigate to Products and select the product template you are using (e.g., Default product). In the theme editor's preview window, use the 'Change' option to select the parent product of the bundle you want to adjust. In the left-hand menu, under the Product information section, click + Add block. Select the Apps tab and cFew readers

Not finding what you are looking for?

Chat with us or send us an email.

  • Chat with us
© 2026Easy Bundle BuilderWe run on Crisp Knowledge.