Skip to main content




With Elementor Constructor de WooCommerce you can now design your unique product and archive page templates. Below is a breakdown of all the parts that make up a WooCommerce product page, and its corresponding Widgets de Elementor.


file-qyyorvey8v-2508357

file-cfwehgrtjg-3195992 file-q2lztrewam-9409090

Menu cart widget – Este widget personalizado especial que hemos creado, abre el carrito en una ventana, por lo que puede mostrar su carrito desde cualquier página de su sitio Web sin salir de él.

file-luvrqwdrkv-4071477 file-ak5ibjslgm-7203532

Woocommerce breadcrumb widget - Control the colors and layout of Breadcrumb de WooCommerces.

file-jyiymb0zoz-7095056 file-w9pj6kmqbi-3547831

Product title widget - Control the style and layout of your Product title.

file-0viuspiwad-2409415 file-qqmbehyevi-9975641

Product price widget - Select the Price of the product position and style.

file-mbdnmczyis-8473451 file-tafsfkr299-4675192

Product rating widget - Add a Product rating widget.

file-jhsspucjth-1471173 file-ezvrncfnm7-1939788

Short description widget - Check the Short description design and style.

file-h7oengnxxy-8990026 file-kv60vfqqro-8232082

Product stock widget - Add a Product Stock widget to display the stock number of the product.

file-dkvzgbewhi-9691842file-jkmalclwd0-1680920

Add to cart Widget - Control the design and style of the Add to cart button.

file-rcv7mtunkk-4676066 file-xxw9mbusjl-5115420

Product meta widget - Set the distance between text, display it stacked or inline and control the style of your Metadata.

file-d2slu8azbr-7644616 file-akgo5ualhr-4781272

Product data tabs widget - Check the Data sheets style.

file-1d6hg8jgp0-1210273 file-phgsooaxxu-8531625

Product image widget - Set the image or gallery you want to show.

file-qwzl6xsdnp-4265736 file-4mby2ccfmo-8020599

Upsell widget - Set your own style by Improved products.

file-2gr4odqkja-3489403file-biqtqkr4tj-2857347

Product related widget - Set your own style by Related products. * See note below.

file-vsrfr0gncc-6766186file-vvhvnpykjr-3557577

Additional information widget - Add Additional Information to display your product.

How to create a unique product template

  1. Below Templates> Theme Builder> Unique Product > Add new, from the drop-down menu, choose Unique product, give it a name and click Create template.
  2. Choose a Unique product To block and Insert. Alternatively, you can design your own.
  3. Once you've finished designing, click To post.
  4. Choose a Condition. Click for conditions.

Important! For Woocommerce Builder to work, you need Elementor pro 2.1 + WooCommerce 3.4 or higher.

* Note: The widget related to the product uses the WooCommerce Related Products Feature to link products with the same tags and categories, not the same up-sell and cross-sell.