Are you tired of how your product page looks on WooCommerce? Always the same default style that does not convince visitors to make a purchase?
Briefcase Elementor Widgets allows you two options:
– Create your own template and apply it to all products. (Click Here)
– Edit and create your design on the product page.
In this tutorial, we will explain how to create your product page by editing directly on the Woocommerce product page, as if it were a post, using Briefcase Elementor Widgets and Elementor.
What advantage does this mode offer?
By designing directly on the product page, you can use any widget you have installed on your Elementor and combine them with the dynamic WooCommerce elements available in the Briefcase Elementor Widgets add-on. For example, you can use Elementor Slider to show your images or the Accordion widget to display the description and details of your product; you can even include buttons, videos, testimonials, social icons, etc. So make every product page a landing page and prepare to get sales!
How do you do it?
First, install Elementor and Briefcase Elementor Widgets in WordPress.
You can download them at the following links.
Once the add-ons are installed, just follow these easy steps:
- Make sure that Elementor is active on the Woocommerce product pages.
- Go to Product -> Add new
- Fill in the product data, such as title, price, image, etc.
- In the BriefcaseWp configuration, make sure that the global template button is disabled.
- Publish and click on Edit with the Elementor button..
- Now you can create and design your product page from scratch, 100% customizable, using the Briefcase Elementor Widgets’ dynamic field widget. You can also use any widget from Elementor, Elementor Pro, or another plug-in that you have installed. Imagine the power.
- Save your design and see how it looks with the Elementor preview.
- To replicate the design for new products, just duplicate the first product you designed and update the data. The design will be reflected on the new product page. If you want to make any additional changes, use the Elementor editor and edit the desired content.
As you can see, with the combination of these two powerful tools, Elementor and Briefcase Elementor Widgets, you can create unique and modern product pages for your E-commerce, fully customizable, and most importantly, ready to get those sales!
hi is this compatible with woo commerce bookings? thanks
Hello There! I Know This Is Kinda Off Topic But I’d Figured
How can i insert BUY NOW button in single product page ?
Hello Supriya, you need to insert the Buy Now Widget on your single product template and it will connect with your add to cart button. check the demostration here:
https://demo.briefcasewp.com/blocks/product/super-skinny-fit-suit-in-black/
The BriefcaseWp settings section does not appear in my wordpress panel. Do I need the elementor pro version?
Hello Heriberto, You don’t need the Elementor Pro, just install the Briefcase Elementor Plugin and the setting will be on the Elementor templates and in your product pages too.
Great post! Can I ask that you add a link to a tutorial we made on the subject: https://elementor.com/blog/customize-woocommerce-product-page/
will the products automatically be updated when you use auto importer from aliexpress (ezusy) ?
when will be the update of this widget