Account Dashboard Cards module
Show recent orders, addresses, wishlist, and downloads as summary cards on the WooCommerce My Account home in Divi 5.
Show recent orders, addresses, wishlist, and downloads as summary cards on the WooCommerce My Account home in Divi 5.
Show WooCommerce My Account endpoints in Divi 5 as a list or buttons, with options to hide individual links.
Use the BodyCommerce Action Shortcode module in Divi 5 to render a WooCommerce action or shortcode.
Use the BodyCommerce Add Payment Method module in Divi 5 to let customers add a saved WooCommerce payment method.
Add the WooCommerce add to cart form in Divi 5, including variation layout, button labels, and archive behavior.
Use the BodyCommerce Additional Information module in Divi 5 to show WooCommerce product additional information.
Use the BodyCommerce Addresses module in Divi 5 to show and edit billing and shipping addresses.
Use the BodyCommerce After Customer Details module in Divi 5 to render content after checkout customer details.
Use the BodyCommerce After Shop module in Divi 5 to render the WooCommerce after-shop action.
Add and configure the AP Addresses module to let customers manage their billing and shipping addresses on the WooCommerce account page.
Add and style the AP Avatar module to display a user profile image or Gravatar on your custom WooCommerce account page layouts.
Add and style the AP Download module to display downloadable products on the WooCommerce account page for your customers.
Add and configure the AP Edit Account module so customers can update their email, password, and personal details on the account page.
Add and configure the AP Navigation module to create account page navigation that connects all your custom account endpoint layouts together.
Add and configure the AP Order module to display a list of customer orders on the WooCommerce account page with links to order details.
Add and style the AP User Name module to display the logged-in customer name on your custom WooCommerce account page dashboard layout.
Add and configure the AP View Order module to display individual order details when a customer clicks on an order from their account page.
Add and customize the AP Welcome Message module to display a personalized greeting on the WooCommerce account dashboard layout.
Show the shop or category title, description, and image in Divi 5 on WooCommerce archive templates.
Learn how to add and configure the Archive Loop module to display products or posts on archive, category, and general pages.
Configure the Archive Loop module in Divi Ajax Filter for Divi 5 to display paginated query results and connect them to filters.
Add the ARP After Shop module to enable third-party plugin compatibility by hooking into the WooCommerce after shop loop action on archive pages.
Add and style the ARP Category Loop module to display product categories with images and descriptions on your WooCommerce shop page.
Add and configure the ARP Category Title/Header module to display the category title, description, and image on archive and shop pages.
Add and customize the ARP OrderBy module to let customers sort products by price, date, popularity, and other criteria on shop and archive pages.
Add and configure the ARP Product Loop module to display products on shop, category, tag, and search results pages with custom loop layouts.
Use the BodyCommerce Attributes module in Divi 5 to show product attributes.
Use the BodyCommerce Avatar module in Divi 5 to show the customer avatar.
Use the BodyCommerce BC Breadcrumbs module in Divi 5 to show WooCommerce breadcrumb navigation.
Display WooCommerce product categories in Divi 5 using the default card or a custom loop layout.
Show the WooCommerce product gallery in Divi 5 with slider, stacked, and expandable layouts, including thumbnail and overlay options.
Show WooCommerce product tabs in Divi 5, or a single BodyCommerce custom tab, with options to hide description, reviews, and additional information.
Use the BodyCommerce Before Customer Details module in Divi 5 to render content before checkout customer details.
Use the BodyCommerce Before Order Review module in Divi 5 to render content before checkout order review.
Complete overview of all Divi BodyCommerce modules, organized by page type including account, shop, product, checkout, and cart modules.
Show the WooCommerce cart table in Divi 5 with image, quantity, and auto-update options.
Show WooCommerce cart totals, shipping, coupon area, and checkout button in Divi 5.
Style the WooCommerce billing fields in Divi 5, including title, optional fields, and column layout.
Style the WooCommerce checkout order table in Divi 5, including thumbnails, totals rows, and a collapsible mobile summary.
Show WooCommerce payment methods and the Place Order button in Divi 5, with terms and privacy toggles.
Control the WooCommerce shipping address block in Divi 5, including ship-to-different address and field visibility.
Add the CHP After Customer Details module to your checkout layout to include content hooked into the WooCommerce after customer details action.
Add the CHP Before Customers Details module to your checkout layout to include content hooked into the WooCommerce before customer details action.
Add and configure the CHP Before Order Review module to display WooCommerce hooks that fire before the order review section on your checkout page.
Add and configure the CHP Billing module to display and style the billing address section on your Divi BodyCommerce custom checkout page.
Add and style the CHP Coupon module to display a discount coupon input field and apply button on your Divi BodyCommerce custom checkout page.
Add and style the CHP Order Review module to display the customer order summary on your Divi BodyCommerce custom checkout page.
Add and style the CHP Payment module to display payment gateway options and the place order button on your Divi BodyCommerce custom checkout page.
Add and style the CHP Shipping module to display shipping address fields and delivery options on your Divi BodyCommerce custom checkout page.
Use the BodyCommerce Compare Item module in Divi 5 to define one row inside a Compare Table.
Show a product comparison table in Divi 5. Add Compare Item children for each row you want to display.
Use the BodyCommerce Content module in Divi 5 to show the product long description.
Use the BodyCommerce Coupon module in Divi 5 to show the checkout coupon form.
Add and configure the CP Cart Products module to display and manage the list of products currently in the cart on your Divi BodyCommerce cart page.
Add and style the CP Cart Totals module to display the cart total, subtotals, and coupon section on your Divi BodyCommerce custom cart page.
Use the BodyCommerce Cross-Sell module in Divi 5 to show cross-sell products.
Use the BodyCommerce Customer Details module in Divi 5 to show customer details on the order confirmation page.
Complete BodyCommerce 10.0.0 Divi 5 Visual Builder module list by store area, with links to every module reference.
Use the BodyCommerce Downloads module in Divi 5 to list downloadable purchases.
Use the BodyCommerce Edit Account module in Divi 5 to let customers edit account details.
Learn how to add and configure the Filter Posts module to create dynamic filters for products and posts alongside the Archive Loop.
Add interactive filtering to your archive pages, allowing visitors to refine posts or products by categories, tags, custom fields, prices, and more.
Add and configure the Action/Shortcode module to render any WooCommerce action hook or WordPress shortcode on any page in your Divi BodyCommerce layout.
Add and style the Breadcrumbs module to display navigational breadcrumb trails on any page in your Divi BodyCommerce WooCommerce store.
Set up the Compare Table module to let customers compare WooCommerce products side by side using Divi BodyCommerce wishlist and compare features.
Add and style the Notices module to display WooCommerce notification messages such as success, error, and info alerts on any page in your store.
Add and configure the Product Carousel module to showcase WooCommerce products in a sliding carousel using a custom loop layout in Divi BodyCommerce.
Add and style the Product Search module to display a WooCommerce product search bar on any page in your Divi BodyCommerce-powered store.
Add and style the Product Slider module to display WooCommerce products in a fullwidth sliding showcase on any page in your Divi BodyCommerce store.
Add and configure the LL Thumbnail module to display the featured product image inside a custom loop layout in your Divi BodyCommerce product listings.
Add and configure the LL View Product Button module in your Divi BodyCommerce custom loop layout to link customers directly to product pages.
Use the BodyCommerce Login Form module in Divi 5 to show the customer login form.
Use the BodyCommerce Lost Password module in Divi 5 to show the lost-password request form.
Add and customize the LP Login Form module in Divi BodyCommerce to create a fully styled WooCommerce login page with the Divi Builder.
Add and configure the LP Lost Password Form module in Divi BodyCommerce to create a custom forgot-password page for your WooCommerce store.
Add and customize the LP Password Confirmation Message module in Divi BodyCommerce to display a message after a customer resets their password.
Add and configure the LP Password Reset Form module in Divi BodyCommerce to let customers set a new password after clicking the reset link in their email.
Add and customize the LP Register Form module in Divi BodyCommerce to build a custom WooCommerce registration page using the Divi Builder.
Divi 5 BodyCommerce checkout modules for billing, shipping, order review, and payment, with Divi 4 CHP names for classic layouts.
Divi 5 BodyCommerce login and password modules, with Divi 4 LP names for classic layouts.
Divi 5 BodyCommerce modules for WooCommerce My Account, including navigation and dashboard cards.
Divi 5 modules for a WooCommerce product attribute archive, with Divi 4 ARP names for classic layouts.
Divi 5 BodyCommerce modules for a custom WooCommerce cart template, with Divi 4 CP names for classic layouts.
Divi 5 BodyCommerce modules for a custom WooCommerce product template, with Divi 4 prefixed names for classic layouts.
Divi 5 BodyCommerce and Ajax Filter modules for shop and category templates, with Divi 4 ARP names for classic layouts.
Divi 5 modules for a WooCommerce product tags archive, with Divi 4 ARP names for classic layouts.
Divi 5 BodyCommerce thank-you modules for order confirmation layouts, with Divi 4 TP names for classic layouts.
Use the BodyCommerce Notices module in Divi 5 to show WooCommerce notices.
Add an order bump offer on cart or checkout in Divi 5. Pair with Order Bump Price when you need a separate price module.
Use the BodyCommerce Order Bump Price module in Divi 5 to show the price for an order-bump offer.
Add a WooCommerce sort dropdown in Divi 5 and configure each sort choice as a Sort Option child module.
Use the BodyCommerce Order Details module in Divi 5 to show order line details on the order confirmation page.
Use the BodyCommerce Order Overview module in Divi 5 to show the order summary on the order confirmation page.
Use the BodyCommerce Orders module in Divi 5 to list customer orders.
Use the BodyCommerce Password Confirmation module in Divi 5 to show the password-reset confirmation message.
Use the BodyCommerce Password Reset module in Divi 5 to show the new-password form.
Use the BodyCommerce Payment Details module in Divi 5 to show payment details on the order confirmation page.
Use the BodyCommerce Payment Methods module in Divi 5 to list saved payment methods.
Add and style the PCP Cross Sell module in Divi BodyCommerce to display cross-sell product recommendations on your cart or product pages.
Add and configure the PL Add To Cart module in Divi BodyCommerce to display an add-to-cart button on product pages and custom loop layouts.
Add and customize the PL Attributes module in Divi BodyCommerce to display WooCommerce product attributes inside your custom loop layout.
Add and style the PL Meta module in Divi BodyCommerce to show product categories, SKU, and tags on product pages and custom loop layouts.
Add and configure the PL Price module in Divi BodyCommerce to display WooCommerce product prices on product pages and in custom loop layouts.
Add and style the PL Rating module in Divi BodyCommerce to display product review stars on product pages and inside custom loop layouts.
Add and configure the PL Short Description module in Divi BodyCommerce to show the WooCommerce product excerpt on product pages and loop layouts.
Add and style the PL Stock Status module in Divi BodyCommerce to display product availability on product pages and in custom loop layouts.
Add and customize the PL Title module in Divi BodyCommerce to display the WooCommerce product title on product pages and in custom loop layouts.
Enable and configure the PL Wishlist/Compare module in Divi BodyCommerce to add wishlist and product comparison features to your WooCommerce store.
Add and configure the Post Title module to display post or product titles within a custom loop layout in Divi Ajax Filter.
Display the post or product title dynamically in loop layouts with control over HTML heading tags, linking behavior, and text styling.
Add and configure the PP Additional Information module in Divi BodyCommerce to display product attributes and details on your WooCommerce product page.
Add and configure the PP Attributes module to display product attributes on your custom WooCommerce product page built with Divi BodyCommerce.
Add and configure the PP Featured Image module to display the product featured image on your custom WooCommerce product page with Divi BodyCommerce.
Add and configure the PP Gallery module to display product image galleries with horizontal or vertical slider styles on your Divi BodyCommerce product page.
Add the PP Pro Before module to output the WooCommerce before_single_product action hook, ensuring compatibility with third-party plugins on your product page.
Add and style the PP Pro Navigation module to display previous and next product navigation links on your Divi BodyCommerce product page.
Add the PP Product Content module to display the WooCommerce long description on your custom product page, allowing unique content per product in Divi BodyCommerce.
Add and style the PP Related Products module to display related products on your WooCommerce product page with custom loop layouts in Divi BodyCommerce.
Add and style the PP Reviews module to display the WooCommerce product reviews section on your custom product page built with Divi BodyCommerce.
Add and style the PP Sharing module to display WooCommerce social sharing buttons on your custom product page built with Divi BodyCommerce.
Add and style the PP Summary module to display the product title, price, short description, add to cart button, and category on your Divi BodyCommerce product page.
Add and style the PP Tabs module to display custom product tabs including content, additional information, and reviews on your Divi BodyCommerce product page.
Add and style the PP Up-Sell module to display up-sell products on your WooCommerce product page with custom loop layouts in Divi BodyCommerce.
Display the WooCommerce product price in Divi 5 with optional title, prefix, suffix, and variation price behavior.
Use the BodyCommerce Pro Before module in Divi 5 to render WooCommerce content before the single product.
Use the BodyCommerce Pro Navigation module in Divi 5 to show previous and next product navigation.
Use the BodyCommerce Product Carousel module in Divi 5 to show products in a carousel.
Use the BodyCommerce Product Image module in Divi 5 to show the product featured image.
Use the BodyCommerce Product Meta module in Divi 5 to show SKU, categories, and tags.
Use the BodyCommerce Product Search module in Divi 5 to show a WooCommerce product search form.
Use the BodyCommerce Product Slider module in Divi 5 to show products in a slider.
Use the BodyCommerce Rating module in Divi 5 to show the product star rating.
Show products a visitor recently viewed in Divi 5, with heading, count, columns, and optional custom loop layout.
Use the BodyCommerce Register Form module in Divi 5 to show the customer registration form.
Show related WooCommerce products in Divi 5 with grid columns, custom loop layouts, and category or attribute matching.
Show WooCommerce product reviews in Divi 5, including heading, avatars, meta, and star colors.
Use the BodyCommerce Sharing module in Divi 5 to show product sharing links.
Use the BodyCommerce Short Description module in Divi 5 to show the product short description.
Use the BodyCommerce Sort Option module in Divi 5 to define one option inside the Order By module.
Build a single product page template in the Divi Library with Title, Thumbnail, and Add to Cart modules using Divi BodyCommerce.
Learn about the Divi BodyCommerce modules, their naming conventions, and which modules belong on which page templates.
Keep Add to Cart and optional Buy Now visible in a bar at the top or bottom of the product page while the shopper scrolls.
Use the BodyCommerce Stock Status module in Divi 5 to show product stock status.
Output the WooCommerce product summary block in Divi 5, with quantity, variation price, and button text options.
Add and configure the Thumbnail module to display featured images of products or posts within a custom loop layout.
Display the featured image for each post or product in a loop layout, with controls for size, linking, placeholders, and hover styles.
Add and style the TP Customer Details module to display customer information on your custom WooCommerce thank you page built with Divi BodyCommerce.
Add and style the TP Order Details module to display order information on your custom WooCommerce thank you page built with Divi BodyCommerce.
Add and style the TP Order Review module to display the order overview summary on your custom WooCommerce thank you page built with Divi BodyCommerce.
Add and style the TP Payment Details module to display payment information on your custom WooCommerce thank you page built with Divi BodyCommerce.
Use the BodyCommerce Up-Sell module in Divi 5 to show product upsells.
Use the BodyCommerce User Name module in Divi 5 to show the signed-in customer name.
Use the BodyCommerce View Order module in Divi 5 to show one order and its details.
Add a View Product button or text link on Divi 5 loop cards, including optional Quick View on shop archives.
Use the BodyCommerce Welcome Message module in Divi 5 to show a personalized account welcome message.
Add wishlist or compare icons on product and loop layouts in Divi 5.