Search for Divi WooCommerce Layouts Documentation
Search for answers or browse our knowledge base.
Sections
WooCommerce Sections
Steps to import the Divi library layouts
Note: Divi Builder Layouts (WooCommerce Section) added in version 2.6
- Extract the main product file divi-layouts-for-woocommerce.zip to get the Sections.json file
- Then on WordPress Dashboard go to Divi >> Divi Library.
![](https://diviextended.com/documentation/wp-content/uploads/2022/11/woo-sections-import-in-divi-library-1024x625.webp)
- Click on Import and Export tab.
- On the pop-up window go to the Import tab and browse the “SECTIONS.json” file from your computer and click on the Import Divi Builder Layouts button.
![](https://diviextended.com/documentation/wp-content/uploads/2022/11/secions-in-divi-library-1024x645.webp)
![Woo divi library layouts](https://diviextended.com/documentation/wp-content/uploads/2022/05/divi-woo-library-layouts.png)
How to add woosections on page from library
To add the WooSections on the page from the Divi Library follow the instructions described below.
Add a new page or edit the existing page >> Use the Divi Builder >> In wireframe mode of the page click on blue symbol for adding the new section.
![](https://diviextended.com/documentation/wp-content/uploads/2022/10/image-2.png)
![](https://diviextended.com/documentation/wp-content/uploads/2022/10/image-3.png)
![](https://diviextended.com/documentation/wp-content/uploads/2022/10/image-4.png)
Final Output:
![](https://diviextended.com/documentation/wp-content/uploads/2022/10/image-5.png)