Welcome to the first installment of our comprehensive guide on mastering e-commerce using Divi BodyCommerce and WooCommerce! The world of online retail is evolving rapidly, and having the right tools at your disposal can make all the difference. However, navigating these tools can be daunting, especially if you’re new to the scene. That’s why we’ve created this multi-part guide, broken down into nine parts, each featuring multiple videos to simplify the complex world of e-commerce for you.

This is Part 1, which consists of a series of five videos designed to walk you through the foundational aspects of setting up, configuring, and customizing your e-commerce platform. Whether you’re a complete novice or have some experience under your belt, this segment will offer valuable insights for everyone.

What Will You Learn in Part 1?

1. Overview and Pre-requisites: Our first video lays the groundwork for your Divi BodyCommerce journey.
2. Local Dev Environment Setup: The second video touches on setting up a local development environment using Local by Flywheel.
3. Basic WooCommerce Setup: The third video in the series guides you through the installation of essential themes and plugins, mainly WooCommerce.
4. Basic WordPress Setup: Video four delves into basic WordPress settings, such as general settings, setting a static landing page, and menu configuration.
5. WooCommerce and BodyCommerce Relationship: The fifth and final video of Part 1 demystifies the synergistic relationship between WooCommerce and Divi BodyCommerce, setting you up for a rich, integrated e-commerce experience.

So grab your favorite beverage and get comfortable. Your journey through the intricate landscape of e-commerce starts right here with Part 1. And remember, this is just the beginning—stay tuned for eight more parts, each packed with informative videos to guide you every step of the way in your e-commerce adventure.

Video 1: Welcome and Course Overview

The first video in our tutorial series serves as a comprehensive introduction to “Mastering E-commerce with Divi BodyCommerce.” Our primary aim here is crystal clear: We’re focusing on the functionality rather than just the aesthetics of creating an e-commerce site. After all, while a beautiful site might capture initial attention, it’s the ease of use and efficient features that make a customer return.

In this video, we outline the structure of this course, broken down into nine digestible parts. We kick off with an overview of the course and guide you through setting up a basic environment for your e-commerce site. This sets the stage for more specialized topics that we will delve into in subsequent videos.

Key Takeaways:

• The course focuses on teaching you how to effectively use Divi BodyCommerce features for building a fully functional e-commerce site with Divi and WordPress.
• We will cover everything from product listings and display to advanced product filtering and customization of login and registration screens.
• Though this course is thorough, we’ve designed it to be digestible, segmenting the instruction into nine key areas to ensure that you’re not overwhelmed.
• We recommend having a reference e-commerce site in mind for some parts of the course, as it can make the process of building your store even smoother.

Video 2: Setting up a Local Development Environment

In the second installment of our “Mastering E-commerce with Divi BodyCommerce” series, we jump straight into the nitty-gritty of initial setup. Whether you’re on a Mac or another operating system, we’ve got you covered. The video starts by demonstrating how to authorize certificates on a Mac, moving on to how you can access your local setup through your browser.

Key Takeaways:

• For Mac users, the video explains the steps to manually authenticate or authorize a certificate, ensuring a secure local development environment.
• The instructor does not walk you through installing core components like WooCommerce, Divi, and a Divi child theme. However, links for these will be provided in the description, so you can quickly set them up.
• The critical final piece you’ll need is Divi BodyCommerce. A link will be available in the description to direct you to where you can download it from your ‘My Account’ area.
• This video primarily focuses on what you need to install to get started: Divi, a Divi child theme, WooCommerce, and Divi BodyCommerce.

Useful Links:

• Installing Divi BodyCommerce on your Divi site -> https://help.diviengine.com/article/369-step-1-install-overview
• Setting up a local dev environment with Local by Flywheel tutorial -> https://diviengine.com/how-to-easily-setup-a-local-development-environment-for-divi/
• Download our free Divi Dynamic Child Theme -> https://diviengine.com/set-divi-child-theme-dynamic-css/

Video 3: Basic WooCommerce Setup

The third video in our series, “Mastering E-commerce with Divi BodyCommerce,” gets down to the essentials of configuring WooCommerce on your WordPress site. With WooCommerce being the backbone of your e-commerce operation, understanding its features and settings is crucial. The video walks you through what happens after you’ve successfully installed your Divi child theme, WooCommerce, and Divi BodyCommerce.

Key Takeaways:

• Upon installation, WooCommerce presents an optional setup wizard to guide you through store configuration. While you can use this feature, the video opts to skip it for now to focus on Divi BodyCommerce.
• After skipping the wizard, you’ll need to manually set up some basic WooCommerce pages like the Cart, Checkout, My Account, Privacy Policy, Refunds and Returns Policies, and Shop pages. If you miss this step, the video provides tips on how to generate these pages through the WooCommerce status section.
• A quick overview of WooCommerce settings, such as address setup, enabling coupons, setting the store currency, and much more. While this course doesn’t delve into these functionalities, knowing where to find them is valuable.
• This video also mentions that product setup will be done using a CSV file, providing viewers with an insight into what to expect in the upcoming sections.

Video 4: Basic WordPress Setup

In our fourth video of our “Mastering E-commerce with Divi BodyCommerce” series, it is all about the initial setup within WordPress and Divi to ensure your e-commerce website is structured correctly and efficiently.

Key Takeaways:

• General Settings: The first step in your WordPress setup involves going to the settings page and setting your store name, tagline, and administrator email.
• Reading Settings: The ‘Reading’ section allows you to set your ‘Shop’ page as the landing page for your website. This is crucial for e-commerce sites.
• Permalink Structure: Within the ‘Permalinks’ settings, make sure you choose ‘Post name’ and optionally set a custom base for your products, like renaming ‘product’ to ‘candles’ if you’re selling only candles.
• Menu Setup: The video shows you how to go to Appearance → Menus to create a new navigation menu. You can add essential pages like ‘Home,’ ‘About,’ ‘My Account,’ and ‘Cart.’ The video even suggests nesting some options under main menu items for a better user experience.
• Global Settings in Divi: While the primary focus is on Divi BodyCommerce, the video does touch upon Divi’s general and header settings. It’s vital to set global fonts, colors, and button styles to make your website design cohesive and to work more efficiently.
• Efficiency Tips: Use the theme customizer to set global elements so you’re not repeatedly setting the same styles for different parts of your website. This is a time-saver and ensures a consistent look and feel across your site.
• Header Elements: The video briefly covers how to customize the header navigation, including how to remove the search bar if it’s not needed.

Video 5: Working with WooCommerce and BodyCommerce

In this video for our “Mastering E-commerce with Divi BodyCommerce” video series. This fifth installment aims to clarify the relationship between WooCommerce and Body Commerce in your Divi e-commerce project.

Key Takeaways:

• Not a Replacement: Contrary to some misconceptions, Body Commerce is not a replacement for WooCommerce. Instead, think of WooCommerce as the foundation—the “old fixer-upper house” with good bones, but lacking modern amenities.
• Body Commerce as a Remodeling Kit: This Divi plugin acts like a renovation kit for your WooCommerce store, adding layers of functionality and design features that aren’t present in the base version of WooCommerce.
• Extended Features: Body Commerce significantly boosts the functionality of your WooCommerce store by adding features like custom emails, mini carts, Ajax filters, and much more.
• Modern Web Technologies: Beyond just enhancing the visual elements of your store, Body Commerce also brings modern web technologies into the mix. It’s like adding solar panels to the roof of your old home—modernizing it for today’s needs.
• What’s Coming Up: Having cleared up the relationship between WooCommerce and Body Commerce, the video promises to delve into the intricacies of product listings in the following segment. Whether you’re watching this on YouTube or as part of a purchased course, stay tuned for more in-depth knowledge.

Coming up:

Part 2: Product Listing and Customization with BodyCommerce

Delve into product listing and customization. Learn how to import products to WooCommerce and explore the rich features of Divi BodyCommerce. Create visually appealing product listings using the Archive Loop and implement the List/Grid Switcher for enhanced product displays. Take control with Custom Order By options.

Accessing the Course

While this free course provides core training, additional features such as progress tracking, support, and completion certificates are not included. For full access to these features, consider our paid version.

We’re excited to offer this course to the WordPress community, and there’s no enrollment required. All course installments will be published on our blog and linked in related posts, just like this one.