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
  • 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
  • How to limit the number of products shown in one row? For Full page and Product page bundles
    Advanced Customization can be done in the Controls Products will be displayed in the bundle as per the product image size and screen size. Merchants can choose how many products appear in each row on desktop and mobile. Just replace D with the number of products you want per row on desktop, and M with the number you want on mobile. For example, if M = 3, then 3 products will show in each row on mobile. If D = 4, then 4 products will show in each row on desktop. To fix this issue, navigateFew readers
  • 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
  • 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
  • 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
  • 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
  • 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=dFew readers
  • 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
  • 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
  • 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
  • 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
  • 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
  • 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
  • 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 BFew 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
  • 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
  • How to edit the checkout page properties for the bundle?
    The products added to the bundle flow will include properties to identify the product to bundle and order when viewed in Cart or Checkout. The “bundlename”, or “BundleID” properties seen here are referred to as “hidden” line item properties, since they start with an underscore. They are hidden during the Shopify checkout, and themes usually have the code built in to ensure that these are not displayed, but sometimes this needs to be addedFew readers
  • How to disable product popups (description container) in the bundle builder?
    If you want to disable product pop-ups in Bundle Builder, you need to follow these steps: Copy and paste the code below into the Custom CSS Settings (https://downloads.intercomcdn.com/i/o/vymu2ljt/1922643169/c8b0c5a156a0eefa3cb9c9d190d8/original?expires=1777266900&signature=12096d31219e6ee052e73dc6afae71417deb82251264362da7ae69b927fc760b&req=dSklFM96noBZUPMW1HO4zVcVg4fFew readers

Not finding what you are looking for?

Chat with us or send us an email.

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