One of 25+ Modules

Divi Order Confirmation Module

Divi Order Confirmation module replaces WooCommerce's plain "Thank you. Your order has been received." screen with a thank-you page you design in Divi. Pick from four templates, greet customers by name, show a status timeline, and keep every tracking pixel and payment instruction working.

Divi Order Confirmation Module for the WooCommerce Thank You Page

Four Ready Templates

Start from Confirmation Card, Timeline, Receipt, or Minimal, then drag nine sections into whatever order fits your store and your customers.

Personal Order Greeting

Greet customers by first name with {name} in the heading or message, under a success icon you can swap for any Divi icon.

Tracking Keeps Firing

Keep analytics, Facebook pixels, and upsell plugins firing as before, since the module runs WooCommerce's own thank-you hook on every order.

Nine Thank-You Page Sections to Build From

Each section is its own building block, filled from the customer's real order. Switch on the ones your store needs, drag them into order, and leave out the rest.

Divi WooCommerce Thank You Page Header

Header

Open with a success icon, a heading, and a message that greets the customer by first name, so the order feels confirmed at a glance.

Divi WooCommerce Thank You Page Status Timeline

Status Timeline

Show a three-step track, like Order placed, Processing, and Completed, with the order's current step marked and your own label on each step.

Divi WooCommerce Thank You Page Order Overview

Order Overview

Line up the order number, date, total, and payment method as tiles, with the email shown only to the logged-in customer who placed the order.

Divi WooCommerce Thank You Page Payment Instructions

Payment Instructions

Show the bank transfer details or cash on delivery note your payment gateway provides, right where customers look after they pay.

Divi WooCommerce Thank You Page Items and Totals

Items & Totals

Recap what was bought as a list, thumbnails, or both, with attributes, quantity badges, a product limit, and your choice of totals rows.

Divi WooCommerce Thank You Page Addresses

Addresses

Show billing and shipping addresses as cards, stacked rows, inline text, or a responsive table that adapts to narrow screens.

Divi WooCommerce Thank You Page Downloads

Downloads

Give customers their files with a Download button beside each one, as soon as WooCommerce allows access to the download.

divi-woocommerce-thank-you-page-custom-text

Custom Text

Add your own next steps, a thank-you discount code, or helpful links, placed anywhere in the section order you choose.

Divi WooCommerce Thank You Page Buttons

Buttons

Send customers back to your shop with Continue shopping, or logged-in customers straight to their order with a View order button.

Design a WooCommerce Thank You Page in Divi That Brings Customers Back

Design the Page Around Your Brand

  • Choose a Receipt template for a printable slip, or Minimal for a clean one-column summary.

  • Restyle the card with Divi's own background, border, and shadow, like a dark card in your brand color.

  • Color the success icon and its circle separately, so the badge matches your brand.

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

  • Turn section titles on or off, and rename Order details, Customer details, and Downloads.

Divi WooCommerce Thank You Page Templates

Keep Everything WooCommerce Does After Checkout

  • Show order details only to people WooCommerce allows, so someone else's order always stays private.

  • Give failed payments WooCommerce's own retry screen with a Pay button, in place of a thank-you.

  • Place the module in your checkout layout, or give the thank-you page its own with Custom Thank You Page.

  • Show output from upsell and tracking plugins after the last section, right where WooCommerce prints it.

  • Show the customer's order note under the totals whenever they left one at checkout.

Divi WooCommerce Order Confirmation Keeping WooCommerce Features

Fit Every Screen and Every Order Size

  • Fold long orders behind a "+ 2 more products" line that expands with a click.

  • Let sections with nothing to show hide themselves, like Downloads on an order with no files.

  • Stack address cards into one column on phones, so details stay readable on small screens.

  • Let the address table adapt to its own width, so it fits even a narrow desktop column.

  • Keep the Receipt template as a narrow 560px slip, centered and readable on any screen.

Divi WooCommerce Order Confirmation on Mobile

Free Ready-to-Use Order Confirmation Layouts to Get Started

Skip the setup with DiviMerc's pre-made thank-you page layouts, from a branded confirmation card to an order tracker and a printable receipt. Each one is fully customizable and responsive, ready to drop into your checkout layout or the Custom Thank You Page. Pick a style, set your colors, and go live in minutes.

Divi WooCommerce Add to Cart Template

DiviMerc Order Confirmation vs Default WooCommerce Thank-You Page: Which Gives You More Control?

Feature DiviMerc Order Confirmation Default WooCommerce Thank-You Page
Page templates Card, Timeline, Receipt, or Minimal One fixed layout
Section order Drag nine sections into any order Fixed order
Personal greeting First name with {name} "Thank you. Your order has been received."
Success icon Any Divi icon Not available
Order status timeline Three steps, current one marked Not available
Product thumbnails List, thumbnails, or both Names and quantities only
Address layouts Cards, stacked, inline, or table Default columns only
Custom text and offers Anywhere in the page Needs custom code
Continue Shopping and View order buttons Styled to match Not available
Tracking pixels and payment instructions Still run Run as usual

Ready to Turn Every Order Into a Moment Worth Remembering?

FAQs on Checkout for Divi

Everything you need to know about the Order Confirmation module before you get started.

What Is the Divi Order Confirmation Module?

3
2
The Divi Order Confirmation module is a DiviMerc module that replaces WooCommerce's default thank-you screen with one you design in Divi. It offers four templates, nine sections you arrange, a personal greeting with the customer's first name, a status timeline, and a full order recap, while keeping everything WooCommerce runs after checkout.

How Do I Customize the WooCommerce Thank You Page in Divi?

3
2
Add the module to your checkout page's Theme Builder template, beside Advanced Checkout, and it appears once an order is placed. The module ships switched on under DiviMerc → Modules. Pick a template first, then switch on and arrange the sections you want

Can I Use It Without Building My Checkout With DiviMerc?

3
2
Switch on the Custom Thank You Page extension to give the thank-you page its own layout, whatever your checkout is built with. While the extension is on, its layout takes over from a module placed in the checkout layout.

Will My Tracking Pixels Still Fire?

3
2
Google Analytics, the Facebook pixel, and upsell plugins hook into WooCommerce's thank-you hook, and the Order Confirmation module still runs it. The page gets a new look, not a new address, so conversion tracking and payment instructions keep working as before.

Who Can See the Order Details?

3
2
The order shows only to the people WooCommerce allows: a link with the right order key, the logged-in customer who placed the order, or a guest who passed WooCommerce's email check. Anyone else sees WooCommerce's own screen for that case.

How Do I Greet Customers by Name?

3
2
Write {name} in the Heading or Message, like "Thanks, {name}! Your order is in." It becomes the customer's first name, and when an order has none, the comma before it goes too.

Does the Status Timeline Update When I Ship the Order?

3
2
The timeline shows the order's status when the page loads, and moves forward when the page is reloaded. Its three steps are fixed, and statuses added by shipping plugins count as the second step.

Where Do Bank Transfer Details Come From?

3
2
Bank details, the cash on delivery note, and other payment instructions come from each gateway's settings under WooCommerce → Settings → Payments. The Payment Instructions section shows whatever the gateway prints.

Who Sees the View Order Button?

3
2
Logged-in customers viewing their own order see the View order in my account button, along with the email tile in the overview. Guests checking out without an account see the Continue shopping button.

Where Does the Continue Shopping Button Lead?

3
2
Continue shopping always leads to your shop page. For other destinations, like a new-arrivals page, add links in the Custom Text section.

What Happens When a Payment Fails?

3
2
The page shows WooCommerce's own Payment failed screen with a Pay button, so the customer can retry. That wording comes from WooCommerce, and failed orders show no status timeline.

Can I Add a Discount for the Next Order?

3
2
Turn on Custom Text under Elements and write the offer, like "Use THANKYOU10 for 10% off your next order." Move Custom Text above Buttons in Section Order so the offer sits right before the next click.

Why Does the Visual Builder Show a Different Order?

3
2
The builder previews your store's most recent order, or sample details if the store has none yet. Customers always see their own order on the live page.

Does Order Confirmation Work on Mobile?

3
2
Address cards stack into one column on phones, the address table adapts to its own width, and every Design setting can be set per device.

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