One of 25+ Modules

Advanced Divi Checkout Details Module

Advanced Divi Checkout Details module turns the WooCommerce checkout order summary into a box you design, with eleven sections across two templates. Items, coupons, shipping, and the total update as shoppers type, and the whole summary folds into a tap-to-open bar on phones.

Advanced Divi Checkout Details Module for WooCommerce

Minimal or Table

Start from a clean Minimal summary or a ruled Table recap, then drag every section across the header, body, and footer to fit your checkout.

Collapsible Mobile Summary

Fold the summary into a bar showing the live total on phones, so shoppers reach the form first and open details when they want.

Place Order Button

Add a Place Order button under the summary, with the live total on it, for a checkout that finishes right beside the order details.

Design a Divi Checkout Order Summary That Keeps Shoppers Moving

Shape Every Area of the Order Summary

  • Rename the "Your order" title to fit your store, or turn it off for a cleaner box.

  • Style the header, body, and footer areas separately, each with its own background, border, and spacing.

  • Style all totals rows at once, then give a single row like Total its own look.

  • Switch a section off without losing its spot, so it returns to the same place later.

  • Let empty rows hide themselves, like Discount before a coupon applies, so the box stays tidy.

Divi WooCommerce Checkout Order Summary Minimal and Table Templates

Show Exactly What Shoppers Are Buying

  • Show items as a list, thumbnails, or both, with a quantity badge on each image.

  • Show attributes like color and size under each name, with or without their labels.

  • Show each product's price after coupons, or keep full prices with the saving in one Discount row.

  • Cap the recap at a set number of products, grouping the rest under "+ n more."

  • Add the item count beside the title, coupon codes beside Discount, and the chosen method beside Shipping.

Divi WooCommerce Checkout Order Items With Thumbnails

Show Coupons, Shipping, and Tax Clearly

  • Add a coupon field inline, stacked, or collapsed, replacing WooCommerce's "Have a coupon?" bar above checkout.

  • Show applied coupons as chips or rows, each with its saving and a one-click remove.

  • Offer shipping rates as a radio list, cards, or a compact list, right inside the summary.

  • Confirm the delivery address and chosen method in one line, or one line per detail with icons.

  • Split taxes into one row each, like VAT and a city tax, or combine them in one row.

Divi WooCommerce Checkout Summary With Coupons and Shipping

Finish Checkout From the Summary Column

  • Add a Place Order button under the total, and Advanced Checkout hands it over automatically.

  • Write button text like "Pay {total}" to show the live amount, updated as shipping or coupons change.

  • Keep the button disabled until shoppers tick your terms, using WooCommerce's own terms checkbox.

  • Keep the button visible on phones while the summary folds into its tap-to-open bar.

  • Guide shoppers to the first unfinished step when they press the button early on a stepped checkout.

Divi WooCommerce Checkout Summary With Place Order Button

Free Ready-to-Use Checkout Details Layouts to Get Started

Skip the setup with DiviMerc's pre-made checkout summary layouts, from a clean sidebar to a ruled review table and a summary that places the order. Each one is fully customizable and responsive, ready to drop beside Advanced Checkout in your Divi Theme Builder checkout template. Pick a style, set your colors, and go live in minutes.

Divi WooCommerce Add to Cart Template

DiviMerc Advanced Checkout Details vs Divi Woo Checkout Details: Which Gives You More Control?

Feature DiviMerc Advanced Checkout Details Divi Woo Checkout Details
Summary templates Minimal or Table WooCommerce's review table only
Rearrange sections Drag across header, body, and footer Fixed order
Product thumbnails and quantity badges List, thumbnails, or both Names and quantities only
Coupon field Inside the summary A "Have a coupon?" bar above the form
Applied coupons Chips or rows with the saving A row with a Remove link
Shipping method style Radio list, cards, or compact Radio list only
Delivery address and method One line or one per detail Not available
Collapsible summary on phones Bar with the live total Not available
Place Order button in the summary Optional, with the total on it Payment section only
Live updates during checkout WooCommerce's own checkout refresh WooCommerce's own checkout refresh

Ready to Give Shoppers a Summary That Answers Every Question?

FAQs on My Account for Divi

Everything you need to know about the Advanced Checkout Details module before you get started.

What Is the Advanced Divi Checkout Details Module?

3
2
The Advanced Divi Checkout Details module is a DiviMerc module that replaces WooCommerce's Your order table with an order summary you design in Divi. It shows the order items, coupons, shipping choice, delivery details, and totals, updates as shoppers change their details, and can collapse on phones or carry the Place Order button.

How Is It Different From Divi's Woo Checkout Details Module?

3
2
Divi's Woo Checkout Details module prints WooCommerce's review table in its fixed layout. Advanced Checkout Details adds two templates, drag-and-drop section order, product thumbnails, a coupon field and shipping choice inside the box, delivery info, a collapsible phone bar, and an optional Place Order button.

How Does It Work With the Advanced Checkout Module?

3
2
Advanced Checkout Details sits beside the Advanced Checkout form, inside the same WooCommerce checkout. Shipping rates appear in one place per page, and the form's Shipping Methods step takes them when it has one. The page also carries one Place Order button, so with the summary's button on, the form's Review and Payment steps show none.

How Do I Add Advanced Checkout Details in Divi?

3
2
Add it to your checkout page, or to a Theme Builder template assigned to it, beside Advanced Checkout. It ships switched on under DiviMerc → Modules. Use one per page, and pick the template first, since picking one resets two item options.

Does the Order Summary Update as Shoppers Change Their Details?

3
2
WooCommerce recalculates the order whenever a shopper changes their address, picks a shipping rate, or applies a coupon, and the summary updates in place with a thin loading line under the header. It runs on WooCommerce's own checkout refresh, so payment gateways keep working.

Can Shoppers Apply Coupons in the Order Summary?

3
2
Turn on Coupon Field, and Apply or Enter sends the code to WooCommerce's own coupon check. WooCommerce's success or error message shows under the field, and the summary recalculates. The field replaces WooCommerce's "Have a coupon?" bar above the checkout.

Can the Place Order Button Sit in the Summary?

3
2
Turn on Show Place Order Button, and add {total} to the text for the live total. The summary's button takes over from Advanced Checkout's Review and Payment steps.

Can I Collapse the Order Summary on Phones?

3
2
Turn on Collapse on Mobile, and on screens up to 767px the summary becomes a bar with the current total. The Place Order button stays visible whether the bar is open or closed.

Can Shoppers Change Quantities at Checkout?

3
2
The order recap is read-only on the checkout. Shoppers change quantities on the cart page, for example with Advanced Cart Products.

Why Is the Total Higher Than the Rows Above It?

3
2
A fee added by another plugin is the usual reason. Fees count in the Total without a row of their own, and the Total is always WooCommerce's own figure.

Can I Show Taxes in One Row?

3
2
Turn off One Row Per Tax, then set Tax Label and Tax Value, using {tax} for the amount. Write "(includes {tax})" to match WooCommerce's wording for tax-inclusive prices.

Can It Match My Cart Page Design?

3
2
Its sections and options follow Advanced Cart Totals on purpose, so your cart page and checkout page can be styled to match.

Why Does the Visual Builder Show Sample Products?

3
2
Source is set to Default, which shows sample items, a SAVE10 coupon, two shipping rates, and two tax rates so every row can be styled. Switch Content → Source to Cart Data to design against your own cart.

Which WooCommerce Checkout Does It Use?

3
2
Advanced Checkout Details replaces the summary in WooCommerce's classic checkout, laid out through Divi. Use it in place of the Checkout block.

Save Flat 50% Before Our Early-Bird Launch Pricing Ends

Save Up to 60% Before the Black Friday Sale Ends!

Get It Now

Save Up to 60% Before the Black Friday Sale Ends!

Get It Now