Let customers build their own box or mix-and-match bundle: pick products, get a discount, and add the whole thing to cart as one box. Components stay real products, so inventory never oversells.
Watch the whole setup, choosing which products can go in, pricing, turning the box live, and what a shopper sees at checkout. Watch on YouTube →
You create a box: choose which products a shopper can pick from, how many items go in the box, and the discount. On your storefront, shoppers build their box in a simple picker; at checkout the picked items collapse into one discounted box line. Because the items are your real products, stock draws down normally and the exact contents carry through to the order for fulfillment.
The home page and each live box show a status line. A green pulsing dot and Online mean the box has loaded on your store in the last two weeks, with when it last did. That count includes your own visits. Amber means the box is live but has not shown on your store yet: open its page once, or add the Choosebox builder block in your theme editor. Red means it used to show but has not lately, so check its page is still in your menu or the block is still in your theme.
Each box has one source:
Minimum and Maximum control how many items a shopper puts in their box: not how many products you offer. Below the Minimum, the "Add box to cart" button stays disabled and shows "Pick N more"; at the Maximum, extra picks are blocked. Minimum must be at least 1, and Maximum can't be below the Minimum.
Most of any one item (optional) caps how many of a single product go in one box, for example 2, so nobody fills a box of 6 with one flavour. It counts all of a product’s options together. Shoppers see a small “Up to 2 of each” note and the Add button greys out once they reach it. Leave it blank for no limit. If the limit times the number of products can’t reach your Minimum, the editor says so before you save.
Prices show in your store’s currency. The builder writes every price the way your store does, for example Dhs. 45.00, 45,00 € or $45.00, using the currency format set in Shopify under Settings > General > Store currency. The box editor and your box sales numbers use the same format.
Box sizes. On a tiered box, tick Let shoppers choose a box size first and each tier shows as a tile above your products, for example “Box of 2 · 10% off”, “Box of 4 · 20% off” and “Box of 6 · 25% off”. The shopper picks a size, then fills exactly that many. Tiers outside your minimum and maximum are left out, you need at least two, and it is not used on a box with steps. The tile wording is under Storefront wording.
Box sizes on a fixed price box. Tick Offer several box sizes, each with its own price and add a row for each size, with its number of items and its price, for example 6 for $15.00 and 12 for $28.00. You need at least two and can have up to six. The shopper picks a size, then fills exactly that many, and the deal tag follows the size they picked. Switching to a smaller size keeps the picks that still fit. Your minimum and maximum are set from the sizes for you, and checkout charges the price of the size the box matches. A box whose count matches none of your sizes checks out at full price. Sizes are not used on a box with steps.
How box sizes look. On a tiered or fixed price box with sizes, Appearance has Box sizes shown as: Tiles under the name (like “Box of 6 · $15.00”) or Toggle beside the name. With the toggle, Toggle position puts it Left, Center or Right in the name row. Box size picker shape (Match the cards, Oval, Rounded corners or Square) and Box size picker size (Small, Normal or Large) work for both, and its text style is under Font and text style. The selected size uses your accent colour.
On a fixed price box the builder hides each item’s own price, since the box costs the same whatever goes in it. Shoppers see the deal instead, like 6 items for $15.00.
A fixed price suits items that cost about the same, like a four-pack or a half dozen. Where your prices vary a lot, remember that quantities count toward your maximum, so a shopper can take your maximum number of your dearest item. The editor works that worst case out under Total box price, or for your sizes when you offer several, and warns you when the discount gets steep, or when your maximum sits above your minimum, which makes every item past the minimum free. Matching the maximum to the minimum fixes it, and so does % off, which scales with whatever the shopper picks.
Under the out-of-stock setting, tick Show a search box and sort menu above the products. Shoppers get a search box and a menu to sort by Featured (your order), Price: low to high, Price: high to low or Name: A to Z. It is handy for a box built from a big collection. Off by default, and every word of it can be changed under Storefront wording.
Choosebox reads each product's real, online-sellable availability. With Hide out-of-stock products on (the default), a sold-out item simply drops out of the picker and returns when restocked. You can even add a currently out-of-stock product to a box in the editor, availability is checked live on every page load, so it appears for shoppers automatically the moment it’s back in stock, with no re-editing. Turn it off and sold-out items show as a grayed "Out of stock" card that can't be picked. Either way, shoppers can never add something that would fail at checkout, and because components are real products, you won't oversell. A product or variant that isn't published to the Online Store sales channel also shows as “Out of stock”, since it can't be sold on your storefront until you publish it there.
Each product appears as one card. A single-variant product adds in one click. A product with multiple variants (sizes, colors, etc.) shows an “Add” button that opens a small popup: shoppers choose one or more variants and a quantity each (e.g. Ice ×1, Sunset ×2), each with its own thumbnail. Every unit counts toward the box’s maximum, and the exact variants carry through to the order. Under the name it says how many options there are, like 3 options, so shoppers know Add opens a choice. Long product names show on up to three lines.
Clothing and other sized products work the same way. In the editor you add the product once, not each size: every size and color of it comes into the box automatically, and a size or color you add later in Shopify shows up on its own. Shoppers pick the size and color for each piece in the popup, for example a “Pick any 3 tops” box of Linen Tee / M ×2 and Tank / S ×1. A size that is sold out, or not published to the Online Store, is left out of the popup so nobody can pick it. If you set Most of any one item, it counts all sizes and colors of a product together. You never need a separate product per size.
Set a Box image in the box editor to control the thumbnail on the box line in cart and checkout. Leave it blank and checkout shows the first item the shopper picked, while your cart page shows the first product in the box that has a picture. To choose one, click any of the thumbnails shown under the Box image field, which are the products already in your box, or use Choose any product’s image to pick a different one. If you would rather use an image that is not on a product, upload it under Content → Files in your Shopify admin and paste its URL under “Or paste an image URL”.
They work, and you choose how. By default a shopper can use one of your discount codes on an order containing a box, and both come off: the code stacks on top of the box discount rather than replacing it or being refused.
This is worth knowing because it is not true of every app in this category. Apps that build a box as a draft order cannot accept discount codes at all, which is a common reason merchants move away from them.
If you would rather a shopper gets the box discount or a code but never both, open the box, and under Pricing tick One discount per order, then save. The first time, Shopify asks you to let Choosebox manage discounts; press Allow.
Choosebox then gives the box discount as an automatic discount called Box discount, set not to combine with other product or order discounts. When a shopper enters a code, Shopify keeps whichever one saves them more. A free shipping code can still be used with it: open the code in Discounts, click the + next to Combinations, tick Product discounts and save. You will see Box discount in your Discounts list; leave it there, Choosebox looks after it. In the cart the box shows its full price with the box discount underneath. The discount lands exactly on the cent, so a $15.00 box checks out at $15.00.
To let codes work on the rest of the order but not on the box itself, limit each code to the products it should cover.
In checkout every box is one line on a product of type Choosebox Bundle. Leave that product out of a code and the code no longer touches boxes, while it still works on everything else.
New products join the collection on their own, so you set this up once. A shopper who enters one of these codes on a box order gets the discount on their other items only, and the box keeps its own price.
By default a shopper sees every eligible product in one grid. For a bigger box you can split that into named screens they move through in order: one bread, then one pastry, then an extra.
Open a box, scroll to Steps, and press Split this box into steps. For each step, give it a name shoppers will read as the heading, set the least and most items it takes, and click the products that belong on it.
The app home screen shows a Last 30 days card once your builder has loaded at least once. With more than one box, use the menu at the top of the card to see all boxes together or one box on its own.
Open a box and expand Storefront wording. Every string a shopper can see is there: the prompt above the products, the prompt once the minimum is met, the prompt when there are still slots left to fill, the prompt once the box is full, the counter next to the button, the Add and Edit buttons, the sold-out label, the discount tag, the deal line under the prompt and the saving shown between steps, the step counter and how many to choose in a step, the box size tiles, the photo button in the Showcase layout, the Clear link and remove buttons in the add bar, and every error message.
Leave a field empty and it keeps the English wording, which is shown in grey inside the empty field so you can see what you are replacing. Fill in only the ones you care about.
Wording is set per box, and it applies on the box’s own page and in the theme block. It is included on every plan.
Open a box, scroll to Gift message and switch on Let shoppers add a message to this box. Shoppers then get a message field under the products, before the add-to-cart button. On a box split into steps it appears on the last step only.
Under Questions for the shopper, press Add a question to ask up to three short things with the box, such as “Name for the box” or “Allergies we should know about”. For each one you set What to ask, an optional Example in the box (the grey hint shoppers see before they type), Most characters, and Shopper must answer; a question that must be answered keeps the box from being added until it is. The questions sit with the gift message, on the last step of a box with steps. Each answer lands on the box line in the order under your question, the same way the gift message does.
The box editor shows a live preview that floats to the right of the settings and stays in view as you scroll (on a narrow screen it sits above the product picker instead). It is the same builder your shoppers get, running with your unsaved changes, so steps, box size tiles, layouts and wording look exactly as they will on your store. Use Phone and Desktop to switch widths, and Enlarge to see it full size over the editor (Esc or Close to go back). It lays out your eligible products with their images and prices, and you can click products right in the preview to build a box the way a shopper would, the item count and the discounted box total update as you pick, respecting your Minimum and Maximum. Change your products, item counts, or pricing and the preview updates instantly, so you can sanity-check the discount before going live. It also follows the Appearance settings, colours, corner roundness, borders, layout and button wording, so you see each change as you make it.
There are two ways to put a box in front of shoppers. The first needs no theme editing at all.
Every live box is also served at /apps/choosebox/build on your own store. Choosebox draws it inside your theme, so the page arrives with your header, footer, fonts and colours already on it. Nothing is added to your theme and nothing can be placed wrongly.
The second way puts the builder inside a page you already have, using the theme block. Both can run at once.
Two different things cause this, and the first one is far more common.
You may be looking at the page rather than inside a section. App blocks can only be added inside a section, so the add control at the page level will not list any apps at all. Click directly on the section you want the builder in, then look for an Apps group in the add list that appears. Themes also disagree about what that control is called. Some say Add block, some say Add section, and others use their own word such as Add feature or Add element. Look for the Apps group rather than for a particular phrase.
Or your theme may be an older one. Themes from before Shopify's Online Store 2.0 cannot hold app blocks anywhere, and no app can change that. You can check in about ten seconds: go to Online Store → Themes, open the three dots next to your theme and choose Edit code, then open the templates folder. A file named product.json means your theme supports app blocks. product.liquid means it does not. A good second clue is that sections only work on your home page.
There are two places styling can come from, and they work together.
Open a box and scroll to Appearance. At the top are Style, Layout (see Layouts below), the box size settings, Product tile size, the hover setting, Add to cart button size and Position on the page. Below those, the rest sits under four headings. Leave a colour cleared and it follows your store theme, which is the default and usually the right answer. Pick a colour with the colour dialog or type a hex code in the box next to the swatch. The floating preview on the right updates as you change anything.
The Style menu offers Default, Minimal, Compact, Rounded, Sharp and Wide. It reads Custom once you change a size yourself. Each one sets roundness, border width and width together. They do not change colour on purpose. The builder is built to take your store’s own colours, and a preset that painted it something else would undo that on most themes.
What you set here applies to the box’s own page and to the theme block. The Add-to-cart button text works on both too; if you also type text into the block’s own setting in the theme editor, that wins on that page.
Custom CSS always wins. Anything your box’s Custom CSS sets overrides the Appearance settings. When your CSS already controls a setting, for example .cb-deal{border-radius:0} for the deal tag shape, that setting is greyed out and marked Set by Custom CSS. Hover over it to see which rule controls it, and remove that rule to change the setting here again. The theme block’s own Custom CSS lives in your theme, so the box editor cannot see it and greys nothing out for it.
The Choosebox builder block keeps its own copy of some of the same settings. Anything set there wins for that block, so a block you have already styled by hand does not change. Leave a block setting blank and the block uses what you set in the app instead. Everything else, like tile size, fonts, deal tags and layout, comes from the box’s Appearance in the app.
By default the picker matches your store theme: it inherits your theme’s fonts (unless you pick a Font in the app), text color and background. The block’s settings are grouped into Text, Colors, Layout and Advanced. Leave any color blank to keep the theme default.
.choosebox, .cb-card, .cb-add and other classes. Applies to this block only. Like the box’s own Custom CSS, it always wins over the settings in the app, so a rule like .cb-deal{font-size:16px} overrides the deal tag size you picked.Under Appearance, Layout has four choices, and nothing changes until you pick one.
With Grid, List or Showcase, tick Keep the add button in view while shoppers scroll to pin the count and the add button to the bottom of the screen while the box is on screen. Its background matches your page, with no shadow box around it. It works on themes whose page layout would normally stop a bar from sticking, and in the box editor’s preview too.
Also with Grid, List or Showcase, tick Show picks in the add bar to show every item picked as a small round photo above the add button (nothing shows there until the first pick), with an × on each to take one out and a Clear link that empties the box. It works with the add button kept in view too. The side panel already lists picks in its slots, so it does not use this.
Side panel puts a “Your box” column beside the products on wide screens. It has a slot for each item that fills with the product’s photo as shoppers pick, a remove button on each, and the gift message and add button, all staying in view while they scroll. On phones there is no room for a column, so the products run in one list and a bar pinned to the bottom of the screen shows the picks as small photos, the count and the add button. The panel’s words are under Storefront wording.
A bakery, a chocolatier or anyone selling food can let shoppers read about a product without leaving the box. In the box editor, under Product info, tick Show a More info link under each product and press Save. A small More info link then shows under each product name, in every layout. It opens a card with a large photo, the product name, its description from Shopify and an Add button that puts one in the box (a product with options opens its options menu; when the box is full or the product is sold out the button says so). Shoppers close it with the ×, the Escape key or a tap outside the card. A product with no description and no allergen information gets no link.
Card colours, under Product info, set the card’s background, text, photo area and allergen panel (background and text). Left empty they follow the box. The Add button uses your accent colour, the corners follow Corner roundness, and the title can be bold, regular or italic under Font and text style (More info card title).
The easiest way to add allergens is Shopify’s own Allergen information list:
shopify.allergen-information into Allergen information from product metafield. Choosebox asks once for permission to read the allergen names; click Allow. Then press Save.Or use your own text field instead:
custom.allergens.custom.allergens into Allergen information from product metafield and press Save.The card then has an Allergen information panel, and the link reads More info & allergens on products that have allergens filled in (others keep More info). The card shows picks Description and allergens, Description only or Allergens only; with allergens only, the link reads Allergens and only products with allergens filled in get one. Leave the field blank for no allergen panel. Short line under the name from product metafield works the same way, for example custom.tagline, and shows a short line like “Sourdough, baked daily” under each product name and in the card. The link, the panel heading and the close button can be reworded under Storefront wording. The editor’s preview shows descriptions and metafield values after you press Save.
Each live box needs a $0 container product, with the same name as your box in your Products list (product type “Choosebox Bundle”, tag choosebox-parent), so the box can check out as one line. Choosebox sets it to Unlisted for you, so you don’t need to hide it yourself. Shopify keeps unlisted products out of /collections/all, collection pages, search, product recommendations and your sitemap, while the box still checks out normally.
Boxes made before 23 October 2026 switch to Unlisted on their own the next time the box is viewed. If you ever see the container in your Products list as Active, leave it; Choosebox changes it back. Older theme edits that skip the “Choosebox Bundle” product type are no longer needed, but they do no harm if you keep them.
On the storefront, shoppers pick items in a clean picker with a progress bar, running savings, and a total. A short line under the prompt states the deal from the first screen, such as “Save 15%” or “6 items for $30.00”, and on a box with steps the saving so far shows beside the Next button. When they add the box, the individual items merge into a single box line at the discounted price. At checkout and on the order, the box line expands to show exactly what's inside, so you know what to ship.
Creating and editing boxes is always unlimited on every plan. What the plans meter is box sales a month in US dollars, and only the box lines count, never the rest of an order. If your store sells in another currency, each box order is converted to US dollars at that day’s exchange rate when it comes in, so a store selling in dirhams or euros gets the same allowance as one selling in dollars. The dashboard shows a usage bar so you always know where you stand. Upgrading is one click through Shopify’s secure billing, and you can cancel anytime from the Plans page.
Support is on every plan, including Free, straight from Dropfeed. It is not something a paid plan buys.
At the bottom of Choosebox’s home screen there is an Email updates box. It is optional: add an email and click Save in the bar at the top to receive updates, or leave it empty and Choosebox never emails you. Once saved, the address is locked; to change it, click Unsubscribe and add the new one. Replies to our emails reach support@dropfeed.io. Emails greet you by your store’s name.
If you add one, you get a note when your boxes have used 80% of your plan’s monthly box sales, another if they reach the limit and the builder is hidden until the 1st, and, at most once a month, a short note listing any major updates (none in a month with nothing major). Every email has an unsubscribe link, and Unsubscribe under the box removes your address straight away.
No. The items in a box are your real products, so their inventory draws down normally and Shopify won't let a sold-out item be purchased. Choosebox also hides or blocks out-of-stock items in the picker.
Yes. At checkout and on the order the box line lists its components, so fulfillment sees exactly which products (and quantities) to pack.
Yes, create as many as you like. To show a specific one on a specific page, paste that box’s ID into the block’s Box ID field; leave the field empty and the block follows whichever box is live. Box creation and editing are unlimited on every plan. If two or more boxes are live at once, every block with an empty field follows the most recently edited one, so pin each block with its own ID.
Only the box lines of completed orders, in US dollars (up to $500 a month on Free). Building and editing boxes never counts.
Cancelling Pro stops future charges (Shopify applies any prorated credit for unused time, and your live boxes keep selling. The monthly box-order count resets on the 1st of each month regardless of plan, so a plan change doesn’t reset the current month. If you’re already past the Free figure for the month, the builder is hidden and box discounts pause until it resets. You can still create and edit boxes the whole time.)
Not as a subscription. Boxes work with one-time purchases; a line with a subscription/selling plan can't be merged into a box.
Not a recurring one. This is a Shopify limit rather than a Choosebox setting: Shopify's bundling system, which is what lets a box check out as one line, does not support selling plans, so no app that builds boxes this way can sell one on a subscription.
A box is always a one-off purchase. The shopper picks their items and buys that box, and nothing renews, nothing bills again, and there is no cancelling or skipping to handle. If they want another next month they come back and build another one.
You can still name a box something like “The Soap Club” and plenty of shops do, but understand what you are and are not getting: the name is yours, the repeat is not automatic. Bringing people back is on you, with a reminder email, a reorder link or a discount on their next box. If you need real recurring billing, you need a subscription app, and the box has to be a normal product rather than a Choosebox box.
Rather not build it yourself? Open Done-for-you setup in the app menu. For $149 one time, charged on your Shopify bill, we build your box (products, sizes, pricing, steps and gift message if you want them), put it on your store with a menu link or button, and email you a summary of what we set. You approve a collaborator request from Dropfeed under Settings, Users, and you can remove our access any time. We never place orders on your store, and if we can’t get it working, we refund you.
Email support@dropfeed.io. We typically reply within 1–2 business days.
← Back to Dropfeed