Frontend box builder — grid layout with product picker and summary panel
BoxBuilder for WooCommerce is a powerful, easy-to-use plugin that lets your customers build custom gift boxes and product bundles directly on your WooCommerce store.
Perfect for candy shops, chocolate stores, gift hamper businesses, flower shops, bakeries, and any store that offers mix-and-match products — BoxBuilder gives your customers an interactive experience to create personalized gift boxes.
How It Works
Create a Box Product — Go to WooCommerce Products, enable BoxBuilder on any product, and configure the box capacity and pricing
Choose Available Products — Select which products or categories customers can pick from
Customers Build Their Box — An interactive builder lets customers browse products by category, search, and add items to their box
Add to Cart & Checkout — The completed box goes into the WooCommerce cart with full contents visible through checkout, order emails, and admin
Key Features (Free Version)
Box Configuration
Enable on Any Product — Turn any WooCommerce product into a customizable gift box with a single toggle
Flexible Capacity — Set a fixed box size (e.g., 12 items) or a range (e.g., 6 to 12 items)
Two Pricing Models — Fixed price for the whole box, or per-item pricing that totals as items are added
Product Sources — Allow all products, filter by category, or hand-pick specific products
Shortcode — Place the builder anywhere with [boxbuilder id="123"]
Gutenberg Block — Native block editor support for modern WordPress
Customer Experience
Interactive Product Picker — Customers browse available products and click to add them to their box
Grid & List Layouts — Grid layout for visual browsing or list layout for detailed product info
Search — Built-in search to quickly find products within the builder
Live Progress Counter — Visual badge showing items selected (e.g., “6/12”) with remaining slots count
Live Price Updates — Total price updates in real-time as items are added or removed
Empty Box State — Visual illustration when the box is empty, guiding customers to start adding items
Validation Messages — Clear feedback like “Add 6 more item(s) to fill your box” before the box can be added to cart
Gift Message — Optional text area with character counter (up to 500 characters) for personalized messages
Mobile Responsive — Fully responsive design that works on phones, tablets, and desktops
Category Filter Tabs — Filter products by category with clickable tabs above the product grid (e.g., Dark Chocolate | Milk Chocolate | Nuts)
Container Query Responsive — Automatically adapts layout when placed in narrow areas like sidebars or page builder columns
Cart, Order & Email Integration
Cart Display — Box contents clearly shown in the WooCommerce cart
Order Details — Box contents and gift message saved to the order and visible in the admin order screen
Email Integration — Box contents and gift message included in order confirmation emails
Customer Account — Box details visible in the customer’s My Account order history
Admin & Settings
Dashboard — Overview with active boxes count, total boxes sold, and revenue stats with recent box orders table and quick action links
All Boxes — Manage all box products from a central list
Settings Page — Six configuration tabs for full control:
General — Layout style, products per page, builder position on product page, summary panel position, add-to-box interaction mode, quantity controls
Display — Visual display options for the builder
Labels — Customize all text labels shown to customers
Gift Message — Enable/disable gift message, set character limits
Cart — Cart display and behavior settings
Appearance — Brand colors and visual customization
BoxBuilder loads scripts and styles only on pages where the builder is active — never sitewide. The frontend uses lightweight vanilla JavaScript with no framework dependencies, keeping your store fast.
Theme & Page Builder Compatible
Tested with popular themes including Storefront, Astra, GeneratePress, Flatsome, OceanWP, Divi, and Avada. Works with Elementor, Divi Builder, WPBakery, Bricks, Beaver Builder, and Oxygen via shortcode.
Developer Friendly
WordPress and WooCommerce coding standards
Hookable actions and filters on all major operations
CSS custom properties (--bb-primary, --bb-border, etc.) for easy styling
No custom database tables — uses standard WooCommerce data storage