When BoxBuilder is enabled on a product, the builder UI automatically appears on the single product page. You can control exactly where it’s placed.
Position Options
Configure the builder position in BoxBuilder → Settings → General under Builder Position.
Full-Width Positions
These positions span the full width of the product page, below the product image/summary area:
Narrow Positions
These positions place the builder within the product summary column (next to the product image):
Block Theme Position
Manual Placement
Choosing the Right Position
Classic Themes
Block Themes
Page Builders
Before Product Tabs works best for most classic themes (Storefront, Astra, GeneratePress, etc.). The builder gets full width and is prominently placed without interfering with the product image area.
If you’re using a Full Site Editing theme (like Twenty Twenty-Four), use After Product Details Block for the best placement.
If you use Elementor, Divi, or another page builder, select Shortcode Only and place [boxbuilder] where you want the builder to appear. This gives you full control over positioning.
If you’re not happy with any of the automatic positions, select “Shortcode Only” and use the [boxbuilder] shortcode or Gutenberg block to place the builder exactly where you want it.
Summary Panel Position
You can also choose which side the summary panel appears on:
Hiding the Default Add to Cart
When BoxBuilder is enabled on a product, the default WooCommerce “Add to Cart” button is automatically hidden. The box builder’s own “Add to Cart” button is used instead, which validates the box before adding to cart. 
