Product Builder

Content Controls


This section is all about defining the core content of your product builder. Choose which product to display, add custom elements to enhance your product presentation, and decide whether to display the WooCommerce product ID for more technical customization.

  • Product – Select the specific product you wish to showcase using the post chooser. This is the main product that your Product Builder element will focus on.
  • Add Elements – This option allows you to add additional custom elements to your product display, enhancing its presentation and providing more detailed information.
  • Disable Woo ID – Toggle this option to hide or display the WooCommerce product ID. Useful for developers or for a cleaner presentation without technical IDs.

Design Controls


Spacing controls help you manage the layout of your Product Builder Element. Adjust the top and bottom margins to ensure the product fits perfectly within your page design, and maintains a consistent look and feel with the rest of your site.

  • Margin Top – Adjust the space above the product builder element, creating a visually appealing gap between it and other page elements.
  • Margin Bottom – Set the space below the product builder element to separate it from subsequent content and avoid a crowded look.


The Advanced section offers additional customization options for the Product Builder Element. Here, you can access more detailed settings for behavior, responsiveness, and specific styling needs, providing you with granular control over how the product integrates with your site.