Single Product Builder

The Single Product Builder in Porto allows you to design fully custom WooCommerce product pages using either Elementor or WPBakery Page Builder. Instead of relying on a fixed theme layout, this feature gives you complete creative control over every section of the product page, including images, titles, pricing, reviews, tabs, meta information, upsells, related products, and more.

Porto provides a full library of Single Product Builder elements, enabling you to create pixel-perfect, high-conversion product pages that match your brand’s identity.
You can build layouts from scratch or start with pre-made Porto Studio blocks and customize them freely.

With display conditions, you can apply your custom product layout globally to all products—or target specific product categories, tags, or individual products.
The builder ensures full compatibility with WooCommerce features and Porto design optimizations, giving you a flexible, fast, and professional way to craft your ideal product detail page.

Porto Product Meta Element

The Porto Product Meta element is used to display essential product details such as SKU, categories, and tags on your WooCommerce single product page.It provides flexible design options that allow you to control layout, spacing, and typography—ensuring the meta information aligns perfectly with your brand’s...

Porto Add To Cart Element

The Porto Product Add to Cart element is one of the most essential components in the Single Product Builder. It allows you to display and fully customize the Add to Cart form, including the quantity selector, cart button, and variation controls for variable products. This element...

Porto Linked Products Element

The Porto Linked Products element is designed to display related, Cross and upsell products dynamically on your single product pages. It enhances user engagement and increases cross-selling opportunities by showcasing relevant products that customers may also be interested in. This element integrates seamlessly with the Porto Single...

Porto Product Description Element

The Porto Product Description element is a key component of the Single Product Builder, allowing you to display your product’s full description exactly where you want it within your product layout. This element automatically pulls the content from the WooCommerce Product Description field, ensuring your product...

Porto Product Excerpt Element

The Porto Product Excerpt element is part of the Porto Single Product Builder, designed to display the short description of your WooCommerce product. This excerpt provides a quick summary or promotional highlight of the product — often shown near the title, price, or Add to Cart...

Porto Product Price Element

The Porto Product Price element is a key component of the Single Product Builder that displays your WooCommerce product’s price dynamically. It automatically reflects regular prices, sale prices, and variable product pricing based on WooCommerce data — ensuring accuracy without any manual updates. You can also fully...

Porto Product Rating Element

The Porto Product Rating element displays the average customer rating and review count for each product on your single product page. It visually represents user feedback with customizable stars and optional review text, helping you highlight customer satisfaction and build trust. With flexible design controls, you can...

Porto Product Title Element

The Porto Product Title element displays the main product name on your single product page. As one of the essential elements in the Porto Single Product Builder, it helps ensure your product titles are visually appealing, semantically correct, and consistent with your overall site design. This...

Porto Product Image Element

The Porto Product Image Element is one of the most essential components of the Porto Single Product Builder, designed to showcase your product’s main image and gallery in a visually appealing and flexible way. This element allows you to select from multiple image display styles —...

Single Product Builder Elements

The Porto Single Product Builder allows you to design custom single product pages easily and flexibly using Elementor or WPBakery Page Builder. With a drag-and-drop interface and 19 dedicated product elements, you can build any layout for your product page — from images and titles to...