Ecommerce Thank-You Page: Must-Have Elements and Useful Blocks

On the thank-you page a customer should confirm within seconds that the order went through and understand what happens next. Everything else, whether a newsletter signup, a review request, a gift or the next order, comes after that and must not distract from the main message.

Why the thank-you page deserves attention

The confirmation page is the one screen every customer sees, without exception. If it is empty or unclear, people write to support asking "did my order go through?", check their banking app and get nervous. If it is well thought out, they feel things are in order, and the store gets a place for a next step.

There is another reason: conversion pixels and analytics usually fire on this page. Errors here distort your ad reports, so check it after every theme or plugin update.

Must-have elements

• Clear confirmation: "Order #1234 is paid" in large type, on the first screen.
• Order contents, total, payment method and shipping method.
• What happens next: when you'll pack it, when it ships, where to track it.
• Where the order confirmation email will arrive and what to do if it doesn't (check spam, resend).
• Support contacts and a link to your returns policy.
• For bank transfers: payment details and a deadline, clearly visible, with a copy button.

Blocks that help the store

After the required part you can add one or two blocks that support retention or revenue. Choose the ones that fit your niche instead of adding all of them.

Block order on the screen

The logic is simple: what matters to the customer first, what matters to the store second. On a phone, the first screen should contain the confirmation and the order number. Order details can be collapsed if they are long.

Put offers after the order details, or in a side column on desktop. One prominent block works better than five small ones. If you show partner gifts, limit them to three and label them as partner offers.

Common mistakes

• The page looks like the default theme template and doesn't match the rest of the store.
• There is no clear next step: the customer doesn't know when to expect delivery.
• Ads or banners sit above the order number.
• Conversion pixels fire on every page refresh and double-count sales.
• The page wasn't tested on a phone: the order table runs off the edge of the screen.
• Customers whose payment failed see the same thank-you page even though the order isn't paid.

Page accessibility

If you sell to customers in the EU, the confirmation page is part of the purchase flow covered by the European Accessibility Act. In practice that means: the text can be read by a screen reader, the order number is real text and not an image, buttons work from the keyboard, and contrast is sufficient. More in our separate article on the EAA.

Pre-launch checklist

• Place a test order with every payment method and check what the customer sees.
• Open the page on a 390 px phone: no horizontal scrolling.
• Refresh the page and make sure the conversion in analytics isn't counted twice.
• Check that the confirmation email arrives and matches the page.
• Make sure extra blocks don't load slower than the main part of the page.

Copy for different situations

The same page opens in different situations, and the text should reflect that. Card payment: "Order #1234 is paid. We'll pack it by tomorrow and email you a tracking number." Bank transfer: "Order #1234 is waiting for payment. Transfer €54.90 using the details below by Friday, or the order will be canceled." Pre-order: "Order #1234 is paid. The item arrives in our warehouse on November 15, then we'll ship it."

If payment fails, the customer should never see the word "Thank you". Show what happened and give a button to retry. In that case WooCommerce sends the customer to the order payment page, but themes and plugins sometimes break this behavior, so test the failed payment scenario separately.

How to tell the page is working

• The number of "did my order go through?" messages per 100 orders goes down.
• The share of customers who use the coupon or offer on the page is steady or growing.
• Conversions in analytics match WooCommerce orders with no duplicates or gaps.
• On a phone the page loads as fast as a product page.

What to show new and returning customers

For a new customer, reassurance matters most: the order is placed, the store is real, there's someone to write to. Links to your returns policy and contacts help, along with a short explanation of how delivery works. A coupon for the next order interests them, but not first.

A returning customer already knows all this. You can show loyalty points, a new status or a personal offer right away. If the customer is logged in, WooCommerce knows how many orders they have, and a page hook can print different text for a first and a repeat order.

How to do it in WooCommerce

In WooCommerce the thank-you page is the order-received endpoint of the checkout page. You change it through theme hooks, the site editor in block themes, or plugins. The technical details and a comparison of methods are in our article on setting up the WooCommerce thank-you page.

If you want to add partner gifts without buying stock, the ThanklyClub plugin does it: it shows 1–3 offers on the thank-you page and in the order confirmation email, and never places them above the order details.

FAQ