Divi Layouts for WooCommerce Documentation


A download link is sent in the order confirmation email. The product can also be downloaded from My Account area.

File structure

The name of the layout file is divi-layouts-for-woocommerce-1.0.zip. The version of the file could be different depending upon the current version you download.


1. Extract the zip file you’ve downloaded.
2. Go to the Divi Library >> Import & Export >> choose “All Layouts.json” file from extracted WooCommerce folder.
3. Or for importing a single WooCommerce layout, choose any available json file available in the folder.

How to use WooCommerce Product Page Layouts

1. Go to Theme Builder >> Add New Template >> All Products, or for a specific product, choose “Specific Products” option >> click the Create Template.
2. Then “Add Custom Body” >> Add From Library >> Your Saved Layouts>> choose your desired imported WooCommerce layout.

Divi 4 header footer pack

Fill up your details to download the file

Please check your email for the download link.