I’m pleased to announce that WooCommerce Builder 2.0 Beta 1 is available, you can download it now by going to this page if you are already a client. The downloaded file is called Wc-Builder-2.0-beta.3.zip, unzip it, it contains a free category layout and the plugin itself under a folder named “The plugin zip”.
What’s new in 2.0?
1- Changing the plugin name from WC Product Builder to WooCommerce Builder.
For a year, I’ve been receiving emails almost every day asking to include the ability to customize product categories, tags, cart … and other WooCommerce pages. The plugin was built in the first place to customize product pages in the best and easiest way possible, I wanted to give you guys all the features you want, I thought of building a separate plugin but why use two plugins when you can use one! ?
From now on, I’m adding support to customize everything related to WooCommerce front-end pages. Starting with version 2.0, you get a great archive builder to build stunning product categories and tags using the power of Divi builder.
2- Archive Builder.
Now, you can build custom layouts for product categories and tags. You can build a default layout to be used for all categories and another layout for all tags. If you want to build a custom layout for a specific category or tag, you can do that too very easily.
3- Visual Builder Support.
Using the visual builder is the best thing about Divi builder in my opinion and today after a long waiting, all product and archive modules support the visual builder.
4- Build layouts for products based on their categories.
Let’s say you have tons of products and categories and it’s impossible to build a custom layout for every single product of them, what can you do?
Now, you can build custom layouts for products based on their categories, meaning, products under category #1 will use the layout #1 and products under category #2 will use layout #2 and so on.
5- Use the product description area to build your entire product page.
Unlike WordPress built-in pages, you can’t use the content area on product editing pages to build the product page. This is simply because WooCommerce uses this area to add the product description.
Today, you can use the description area/builder to build the entire product page just like pages and this is completely optional.
How To Use?
1- If you have the WC Product builder, deactivate it.
2- Download the plugin from here ( You must be signed in ).
3- Upload the plugin, go to admin dashboard -> Plugins -> Add New -> Upload -> Activate.
4- After activating the plugin, a new menu item “Wc Builder” will be added to your dashboard main menu with a submenu of three items, General, Archive Builder and License.
General Settings
Under the “Products” tab, you can select products default layouts.
You have two main options:
– The general default layout which will be applied to all of your products.
– Products Under Specific Categories, here you will see a list of all product categories, by default each category products will use the general default layout but you can change that based on the category.
Under the “Archive” tab, you can select the default layout for categories and tags.
You have two main options:
– The default layout for categories, this layout will be used for all your categories.
-The default layout for tags, this layout will be used for all your tags.
Archive Builder
Under “Archive Builder” Page, you will see a list of all the archive layouts you have built, next to each layout title, the categories and the tags that will use this layout in the front-end.
Build Categories & Tags Layouts.
Click the button below to preview a live demo of a beautiful category layout built with this version. This layout is included in the beta folder you downloaded from the link above. To use it, add a new archive layout and import it in the builder.
In a previous step, we have selected the default layout for categories/tags, but what if you want to build a custom layout for a specific category or a tag? Just add a new archive layout!
On the archive builder, you’ll have access to all Divi built-in modules plus 5 extra modules:
– Woo Breadcrumb, this module to display the page breadcrumb and you can also use it on product pages.
– Woo Category Cover, this module outputs the category title, description and image as a background.
You can set the category image by going to Products -> Categories -> Select the category -> Thumbnail.
Uner the module settings, you can set a default background image to be used if the category has no image.
– Woo Page Title, This module displays the page title, in this case, the category or the tag.
– Woo Archive Description, This module displays the archive ( category/tag ) description.
– Woo Archive Products, This module outputs the products of the current category or tag, it works in a similar way like Divi built-in Shop module but it is dynamic, meaning, it displays products from the current archive.
This module has a very cool feature where you can display products list in a classic blog fashion and more display types will be added in future updates like masonry, tables …
Build The Product Layout.
You know from previous versions of the plugin how to build a product layout, now when you add/edit a product, you’ll have two options.
– Use the Description Builder: selecting this option will make the description builder/editor acts as the product builder just like normal pages.
With this option, you will be able to use the visual builder to build stunning product layouts.
– Select a Layout: this is the default option, you can select a saved layout from Divi Library to be used for this product.
Using this option will keep the description builder/editor as it is.
Send Me Your Feedbacks
If you found any bugs, please contact me now, try to explain the issue as best as you can, give steps to reproduce.
This is so pretty cool. I was waiting for it for a long time. Can’t wait to check it out. Why are you moving to digital downloads? Doesn’t work Woo for you anymore?
Best regards,
Alvaro
Thank you! hope you like it and if you found any bugs, please, use my contact form immediately.
WooCommerce is working fine but there are some aspects that are not that good like licensing and pushing automatic updates, EDD on the other hand, its main focus is WordPress plugins and themes with better support when it comes to digital products.
I uploaded and did not hit activate. Now it is lost. Not showing on my installed plugins list and not letting me re-upload or activate in the add new window. How do I activate this plugin now?
Have you uploaded the Beta-1.zip file? you need to unzip this file, it has the plugin under a folder named “The plugin zip” and the category layout.
Is there any expectations for account and cart page customization?
As soon as 2.0 is released, I’ll start working on other pages, starting with the cart page.
I can’t promise any dates but it’ll be very soon after 2.0
Same question….this plugin is great but is missing those.
Thank you Abdou for this amazing plugin and for your work. Will it be possible to customize the checkout page as well?
Thank you! Very soon the checkout will be included.
Hi,
You wrote “Remember! This is a beta version, don’t use it on a live website.”
Is it safe to try it and start working on it or I should rather use WC Product Builder until you finish it?
It is safe to use, still, I recommend to wait until the final version.
Hi abdou,
These are great additions to your plugin! Any change you will incorporate a category switcher on a page with more (all) categories?
Thank you! This is on my list 🙂
“All the layouts you built using the WC PRODUCT Builder will also work with this version, still, you may face some minor changes – mainly in text font, color and size – because of the implementation of the new Divi API.” That means the layout of WC product builder still be saved?
Yes!
Amazing update! Makes it so much easier now.
I have a question.
I can’t find the ‘Woo Product Description’ module anymore.
Can you tell me where it is? 🙂
Thanks! Both description and tabs modules can’t be accessed in the description builder because they will cause issues.
The both modules ouput the product description in the front-end, and if you use any of them inside the description builder, they will keep outputing themselves again and again and the page will crash.
If you need to use them, build the layout in Divi -> Divi Library.
Hello, You will stop supporting the Woocommerce plugin after the release? I’ll have to migrate all my sites to EDD?
Nooo! I meant I will move DIVIKINGDOM to EDD, the plugin is still for WooCommerce.
You don’t have to do anything.
Hi,
After DIVI UPDATE 3.10.1, I have a problem with woo commerce builder, when using “The Product Builder – the Description Builder” only. I have whole products created with description builder and after this divi update, in such product pages appears white full width box on the top (some kind of padding?) of the page, after which I have all content created with divi description builder.
Could you please check if the update is the reason of it? Could you possible fix it, as I had to rollback previous version of divi?
Hey, Yeah! Divi 3.10.+ caused this issue with product pages and any other 3rd party post type that support Divi builder, from my testing I found that this issue only affects the pages with a transparent header ( you make this transparent header from theme customizer ).
Don’t worry, I’ll fix it.
Hi,
What’s the time that will the official version be released? Looking forward to this great update!
No specific date as I’m still getting feedbacks and I’ve just updated the plugin to beta 2 fixing some bugs.
Hi Abdou,
the new plugin is fantastic! Like commented above, it would be nice to have a custom shop category page.
I have an important question: How can I add filters (widgets)? Otherwise I cannot search.
Thank you!
Thanks! Use the Divi built-in sidebar module with the widgets you want.
Abdou,
This is an absolutely great plug-in even in beta form! I’m already prepping others to be on the watch for the final release. I’m currently building a site locally for one of my clients and have been using it without any issues.
Do you have an approximate idea when the next beta will be released? The reason for asking is that I am holding at Divi 3.9 solely because the ability to edit in the Archive Layouts in the Visual Builder does not work after 3.10.
Thanks in advance.
Thank you! There was an issue with Divi 3.10 but I fixed it in beta 2, at the top of this post, you see a notice about the new release which is beta 3 now.
As for the release date, it should be in 2 days from now.
Thanks for all the hard work on this – being able to style category pages will make a huge difference in continuity! Very exciting stuff!
Hi, I just bought this but and I downloaded the Builder Beta 2.0 and already installed it but I do not have a clue about how to use it. Is there any video tutorial that I can follow???
Hey, This is the new documentation website https://docs.divikingdom.com/ it is not finished yet, but it will be helpful.