Divi WooCommerce Modules: Complete List with Examples

by | November 23, 2023

Divi has 25 default Woo modules right out of the box that help from beginners to experts. But, in the marketplace, default module descriptions don’t give users enough information. 

Also, if you want to know about third-party modules, you have to search separately on their base. That means you can’t find a list of custom modules in its dock by category. 

To make it convenient for you, we have written all the default and custom module descriptions with key features and benefits in mind.

This list will give you the most detailed overview of these modules. Additionally, you’ll learn more about the custom modules with examples.

Divi WooCommerce Modules – Default!

WooCommerce Products 

The wooCommerce product module simply displays the products in your shop. You can customize product view type, column layout, background, elements, and more with this WooCommerce Products module.

  • Divi Plus: WooCommerce Products

WooCommerce Breadcrumbs 

The WooCommerce Breadcrumbs show the hierarchy of your web pages, and visitors can use them to navigate back. With these modules, you can add and modify the WooCommerce Breadcrumb links, content, design, separator, and more.

  • BodyCommerce: G Breadcrumbs

WooCommerce Product Title

Product Title modules display the names of products. You can display the title on the current product page or any other existing page, product, or post using this module. Changing a particular title on the site will dynamically update all titles.

  • Divi Kingdom: Woo Product Title
  • Divi Shop Builder: Woo Shop+ Module
  • BodyCommerce: PL Title

WooCommerce Product Images

WooCommerce Product Images module lets you display single featured images and gallery images with vast customizable options. Additionally, you have the option to display and personalize a sale badge on the product image too. 

  • Divi Kingdom: Woo Product Image, Woo Product Gallery
  • Divi Shop Builder: Woo Shop+ Module
  • BodyCommerce: PP Featured Image

WooCommerce Product Gallery 

The WooCommerce product gallery module allows you to add the WooCommerce Product Gallery to any regular page/post or product page. You have full control over the style and appearance of your product gallery. 

  • Divi Kingdom: Woo Product Gallery
  • BodyCommerce: PP Gallery

WooCommerce Product Price

With the WooCommerce Product Price module, you can display the WooCommerce Product Price on any page/post/product. Also, you can showcase updated prices, irresistible offers/sale prices, and exciting discounts to attract visitors to your site.

  • Divi Kingdom: Woo Product Price
  • Divi Shop Builder: Woo Shop+ Module
  • BodyCommerce: PL Price

WooCommerce Product Stock 

Woo Product Stock module lets you add a product’s stock as a number to the product page. It also allows users to know if a product is in stock, out of stock, or on backorder.

  • Divi Shop Builder: Woo Shop+ Module

WooCommerce Product Rating 

This WooCommerce Product Rating module will let you add the rating for the selected product. These star ratings are given to products by customers. You can customize the layout, background, star ratings, and more in Divi settings. 

  • Divi Kingdom: Woo Product Rating
  • Divi Shop Builder: Woo Shop+ Module
  • BodyCommerce: PL Rating

WooCommerce Product Meta

Woo Meta module is responsible for displaying things like the product SKU, Categories, and Tags associated with a particular product. Besides, Divi’s built-in design settings let you create and customize the product meta easily.

  • Divi Kingdom: Woo Product Meta
  • BodyCommerce: PL Meta

WooCommerce Product Add To Cart 

WooCommerce Add to Cart Module lets you design the WooCommerce add to cart button, product stock, and product quantity from a single page. You can easily customize quantity fields, dropdown menus, buttons, text, and more using Divi settings. 

  • Divi Kingdom: Woo Add to the cart
  • Divi Shop Builder: Woo Shop+ Module
  • BodyCommerce: PL Add To Cart

WooCommerce Product Description 

Using the Woo product description module, you can display product information in two terms. ‘Short Description’ and ‘Description’. ‘Short Description’ extracts with one or two lines and the ‘Description’ includes features, benefits, cons, and more based on your website content.

  • Divi Kingdom: Woo Product Description, Woo Product Summary
  • Divi Shop Builder: Woo Shop+ Module
  • BodyCommerce: PP Product Content, PL Short Description, PP Pro Summary

WooCommerce Product Information 

The WooCommerce Product Information module allows you to add additional product information to your site. Such as text, size, table, dimensions, and more. You can use Divi’s built-in design settings to create and customize product information easily.

  • Divi Kingdom: Woo Product Additional Info
  • BodyCommerce: PP Additional Information

WooCommerce Product Tabs 

The Woo Product Tabs module helps users to show more data with less space by including tab elements – which contains description, additional information, and reviews. You can customize this module to the fullest extent possible with the built-in design settings.

  • Divi Kingdom: Woo Product Tabs
  • BodyCommerce: PP Tabs

WooCommerce Product Reviews  

With Woo product reviews, you can add product reviews to any page, post, or product on Divi. Edit fields like author images, title & meta, comments, ratings, buttons, and more. However, this product review is visible in the tabs menu on the default WooCommerce product page.

  • Divi Kingdom: Woo Product Reviews
  • BodyCommerce: PP Reviews

WooCommerce Product Upsell 

Upsell modules help to show high-end recommended products based on customer purchases to any WC product page or page/post. You can change settings like product count, layout, order, star rating, text, and more. 

  • Divi Kingdom: Woo Product Up-sells
  • BodyCommerce: PP Up-Sell

WooCommerce Cross Sells 

WooCommerce Cross Sells shows customers related items when they are on the checkout page for making a purchase. Using this module, you can change settings like product count, layout, order, sale badge, pricing, and more. 

  • Divi Kingdom: Cart Cross-sells
  • BodyCommerce: PCP Cross-Sell

WooCommerce Related Products

WooCommerce Related Products displays related items (same category or tags) when they are on the WC page or post. This module lets you customize settings like product count, layout, text, order, star rating, spacing, and more. 

  • Divi Kingdom: Woo Related Products
  • BodyCommerce: PP Related Products

WooCommerce Cart Products

The WooCommerce Cart Products module is specifically created to display products on the cart page in online stores. Using this module, you can customize the look and layout of the cart goods section. This will make shopping more convenient and attractive to users.

  • Divi Kingdom: Cart products
  • Divi Shop Builder: Cart List
  • BodyCommerce: CP Cart Products

WooCommerce Cart Totals

Cart totals – this module allows users to view their cart’s current subtotal, shipping, and total price of the products. You can design the elements to show the currency symbol, quantities, product names, coupons, and more. 

  • Divi Kingdom: Cart totals
  • Divi Shop Builder: Cart totals
  • BodyCommerce: CP Cart Totals

WooCommerce Checkout Details

The checkout Details module is an updated version of the cart total. Users can view all order information during checkout – products, quantities, prices, subtotal, coupon, and shipping charges. It’s like a neat overview of everything consumers are buying online.

  • Divi Shop Builder: Checkout Order
  • BodyCommerce: TP Order Details, CHP Order Review

WooCommerce Notice

The Woo Notice module can send notices via three pages – product page, cart page, and checkout page. The cart notice also includes a “view cart” button. You can customize the title text, error text, fields, buttons, spacing, and many other things. 

  • Divi Shop Builder: WooCommerce Notices
  • BodyCommerce: G Notices

WooCommerce Checkout Billing 

With this Woo Checkout Billing module, you can easily display all the necessary billing information forms to your customers when they reach the checkout page. You can style fields, labels, text, and more effortlessly to match your brand and website design.

  • Divi Shop Builder: Checkout Billing
  • BodyCommerce: CHP Billing

WooCommerce Checkout Shipping 

If consumers would like to ship their products to different addresses, then the Checkout Shipping module will be of use. It displays a form for consumers to fill out, indicating which area or region the product will be delivered to.

  • Divi Shop Builder: Checkout Shipping
  • BodyCommerce: CHP Shipping

WooCommerce Checkout Information 

WooCommerce checkout information modules display additional information forms used during checkout. Consumers can write down notes regarding their orders here. For example – put extra sauce, make the food delivery fast, give this parcel to Mr. X, etc.

WooCommerce Checkout Payment 

The Woo Checkout Payment module allows you to display payment type selection during checkout. These options may include card payments, bank transfers, or cash on delivery, depending on the third-party payment gateway’s availability for the consumer.

  • BodyCommerce: TP Payment Details, CHP Payment

Divi WooCommerce Modules – Custom!

Product Carousel

The Product Carousel module lets you showcase visual content with a variety of layouts and effects. You can change the product type, count, order by, sale badge, arrows, dots, and more with the Divi Builder.

  • DiviFlash: Product Carousel
  • Woo Essential: Woo Product Carousel, Woo Category Carousel
  • Divi Plus: WooCommerce Products Carousel
  • Divi Kingdom: Woo Product Images Slider
  • BodyCommerce: G Product Slider, G Product Carousel

Product Accordion

The Product Accordion module lets you organize products into toggles to show and hide content with a click. You can include products with their own categories and counts. A lovely animation will display the products when you hover or click them.

  • Woo Essential: Woo Product Accordion

Product Grid

The Product Grid module displays the latest products from your store or from a particular category in a grid format. Additionally, you can make your product decoration more interactive by using woo elements. 

  • DiviFlash: Product Grid 
  • Woo Essential: Woo Product Grid

Product Filter

The Product Filter module is specifically designed for creating product filtering systems on Divi websites. It provides a user-friendly interface for visitors to filter and search for specific products based on various criteria.

  • Woo Essential: Woo Product Filter
  • Divi Shop Builder: Woo Products Filters
  • Divi Engine: Ajax Filter

Product Category

You can display an overview of your product categories and subcategories anywhere you like with the product categories module. Also, this intuitive and robust module allows you to display product counts, engaging thumbnails, titles, and more on a single page.

  • Woo Essential: Woo Category Carousel, Category Masonry, Category Accordion, Category Grid
  • Divi Plus: Woo Products Categories
  • BodyCommerce: ARP Category Title/Header, ARP Category Loop

Ajax Search

Ajax search is a search module that enables search results to appear in the dropdown list as users enter their search text. It can be configured to search for products, categories, and posts. Additionally, this module enhances your store’s user-friendliness and searchability.

  • Woo Essential: Ajax Search
  • Divi Plus: Product Ajax Search

Mini Cart

The WooCommerce Mini Cart simplifies shopping for customers, saving time by avoiding cart page reopening. It allows you to customize the mini cart window design the subtotal and count sections and more.

  • Woo Essential: Mini Cart
  • Divi Plus: Mini Cart

Divi Cart Module

You can display item count and total cost in your store quickly and easily with the Divi Cart Module. Customize text, quantity, icon, cart, and more with Divi Builder styling options. You can also turn on or off the icon, price, and number of items from the panel.

  • Divi Life: Divi Cart Module

Search

The search module lets users search for specific content on your site. For WooCommerce, maximum modules only search for products, not posts or pages. It works like this, if one searches for the correct name/SKU it will go straight to the directory. 

  • Divi Kingdom: Woo Products Search
  • BodyCommerce: G Product Search

Navigation

The Woo Product Navigation Module displays the next and previous product on your product page. You can use text, product titles, icons, or arrows to navigate between products.

  • Divi Kingdom: Woo Product Navigation
  • BodyCommerce: PP Pro Navigation

Stock Status

This module displays the stock status of the product. In most cases, this module is used on product pages. In some cases, the module may support a custom loop layout as well.

  • Divi Shop Builder: Woo Shop + Module
  • BodyCommerce: PL Stock Status

Wrap-Up

Hopefully, this list served you with a proper understanding of WooCommerce modules. 

Use them and let us know your feedback. If you are ever stuck to understand any modules, do comment. We are always ready to help.

You can also check our recent Divi Modules list. Where you can find the complete knowledge of Divi’s default and custom modules.

FURTHER READING: Divi Modules List

Take Your Divi Website to the Next Level with DiviFlash!

Like this article? Spread the word

Related articles

0 Comments

Submit a Comment

Your email address will not be published. Required fields are marked