Step By Step Setup | Divi BodyCommerce Documentation

📄️ Step 1: Install & Overview

Install and activate the Divi BodyCommerce plugin by downloading it from your Divi Engine account and uploading it to WordPress.

Prepare your WordPress and Divi website for Divi BodyCommerce by following best practices to prevent bugs and plugin conflicts.

Create the default WooCommerce pages (Cart, Checkout, Shop, Account) required before building with Divi BodyCommerce.

Learn about the Divi BodyCommerce modules, their naming conventions, and which modules belong on which page templates.

Create WooCommerce product categories in WordPress to organize your products before building category pages with Divi BodyCommerce.

Create WooCommerce product attributes to enable product variations like size and color for your Divi BodyCommerce store.

Add WooCommerce products to your website with categories and attributes configured before building your Divi BodyCommerce store pages.

Build a custom loop layout in the Divi Library to create a reusable product card design for your BodyCommerce shop and category pages.

Build your WooCommerce shop page layout in the Divi Library using the Product Loop module and your custom loop layout with BodyCommerce.

Build a category page template in the Divi Library to display products filtered by category using the BodyCommerce Product Loop module.

Build a single product page template in the Divi Library with Title, Thumbnail, and Add to Cart modules using Divi BodyCommerce.

Build custom Cart and Empty Cart page layouts in the Divi Library using BodyCommerce Cart Products and Cart Totals modules.

Build a custom checkout page with Divi BodyCommerce using premade layouts or CHP modules including multi-step and Shopify-style options.

Build a custom WooCommerce account page with Divi BodyCommerce featuring navigation, dashboard, orders, and other account sections.

Build custom login and registration pages for your WooCommerce store using Divi BodyCommerce login and register form modules.