How to Create a Custom WooCommerce Thank You Page That Boosts Sales (2023)

Hey there, ecommerce rockstar! Want to make more money from your WooCommerce store? One often-overlooked opportunity is your thank you page.

You know, the page customers see after they complete a purchase. Most stores don‘t give it a second thought, but savvy marketers know a well-optimized thank you page can:

  • Increase customer loyalty and repeat purchases
  • Boost order value with upsells and cross-sells
  • Generate valuable feedback and reviews
  • Drive referrals via social sharing

In fact, studies show strategic thank you pages can increase revenue by up to 13%!

So if you‘re still using the boring default WooCommerce thank you page, you‘re leaving money on the table. But don‘t worry – creating a high-converting custom thank you page is easier than you might think.

In this guide, I‘ll walk you through exactly how to set up custom thank you pages in WooCommerce step-by-step. No coding required!

Plus, I‘ll share plenty of examples and best practices so you can create thank you pages that delight customers and fatten your bottom line.

Why Customize Your WooCommerce Thank You Page?

Before we dive into the how-to, let‘s talk about why customizing your thank you page is so powerful.

Think about it – the thank you page is the first thing customers see after giving you their hard-earned cash. It‘s a key touchpoint in the buyer journey. So what message does it send if they‘re greeted with a generic, lackluster confirmation page?

On the flip side, a thank you page that goes above and beyond to appreciate the customer and enhance their experience can:

  1. Make customers feel valued, encouraging brand loyalty
  2. Confirm key details to reduce support inquiries and refund requests
  3. Direct customers to helpful resources to get the most out of their purchase
  4. Suggest complementary products to increase average order value
  5. Gather feedback and reviews while the experience is fresh
  6. Recruit brand advocates via social following and sharing

Long story short, your thank you page is prime real estate for all kinds of post-purchase marketing. When done right, it keeps the momentum going and primes buyers for future engagement.

Don‘t just take my word for it. The numbers speak for themselves:

  • 41% of retail revenue comes from repeat purchasers who make up just 8% of visitors (Adobe)
  • Thank you pages with upsells/cross-sells can increase revenue as much as 13% (BigCommerce)
  • 88% of consumers trust user reviews as much as personal recommendations (SearchEngineLand)

But to get those kinds of results, you need a thank you page that‘s on-brand, engaging, and conversion-focused – not the plain-Jane default.

That‘s where custom thank you pages come in. By tailoring the content and design to your unique audience and goals, you can transform your thank you page from an afterthought into a marketing machine.

How to Create a Custom WooCommerce Thank You Page (Step-by-Step)

Alright, ready to build your own profit-pumping thank you page? There are a couple ways you can create custom WooCommerce thank you pages:

  1. Overriding the default template file (checkout/thankyou.php) in your child theme
  2. Using the WordPress Customizer with custom code
  3. Installing a dedicated WooCommerce thank you page plugin
  4. Creating a new page with a page builder plugin (like Elementor, Divi, Beaver Builder, etc.)

Unless you‘re comfortable tinkering with PHP and CSS, I recommend the fourth option. Page builders make it super simple to design stunning thank you pages without writing a single line of code.

For this tutorial, I‘ll show you how it‘s done with the free version of Elementor. With 5+ million active installs, it‘s one of the most popular page builders for WordPress/WooCommerce. The process will be pretty similar with other builders too.

Sound good? Let‘s get to it!

Step 1: Create a New Page

First things first, we need to create a blank slate for our thank you page.

In your WordPress dashboard, head to Pages > Add New.

Give your page a title (like "Thank You") and click the "Edit with Elementor" button to open it in the Elementor editor.

Elementor Edit Page

Step 2: Choose a Pre-Made Template or Build From Scratch

Once you‘re in the Elementor editor, you can either:

  1. Choose a pre-designed template to customize
  2. Add sections, widgets and design elements to build your page from scratch

Elementor has 100+ free templates, with more available in the Pro version. While they don‘t have thank you page templates per se, you can easily adapt a generic page template.

To use a template, click the Folder icon in the top left corner of the editor. Browse or search the templates and click "Insert" on the one you want to use as your starting point.

Elementor Insert Template

Otherwise, you can build your page from the ground up using Elementor‘s drag-and-drop widgets. Just search the widget panel for the elements you want to add (e.g. heading, text, image, button, etc.) and drag them onto the canvas.

Elementor Widgets Panel

I‘ll share some specific content and layout ideas in a bit. But feel free to get creative and experiment! The beauty of page builders is you can see your changes in real-time.

Step 3: Integrate WooCommerce Order & Account Data

Of course, a custom thank you page isn‘t very useful if it doesn‘t actually display the customer‘s order information.

To pull in dynamic data like the customer‘s name, order number, product details, and so on, you‘ll need to use some special shortcodes.

Elementor has built-in widgets for this, which you‘ll see in the editor sidebar under "WooCommerce". The most relevant ones for thank you pages are:

  • Woo Thankyou Order: Shows the order number, date, product info, and billing details
  • Woo Thankyou Customer Details: Displays the customer‘s billing email, and shipping address
  • Woo Product Downloads: Provides links to downloadable products in the order

Just drag them onto your page where you want the order details to appear and configure the settings as desired.

Elementor WooCommerce Widgets

If you don‘t see these widgets, make sure you have the WooCommerce plugin installed and activated. You may also need to enable Elementor‘s WooCommerce integration under Elementor > Settings > Integrations.

Elementor WooCommerce Integration

An alternative option is to insert the default WooCommerce shortcodes directly using Elementor‘s "Shortcode" widget:

  • [woocommerce_order_details]: Shows the order details table
  • [woocommerce_order_again]: Displays a "Re-order" button
  • [woocommerce_order_tracking]: Embeds an order tracking form
  • [woocommerce_customer_details]: Prints the customer billing and shipping info

Step 4: Add Your Custom Content & Design Flair

With the essential order info in place, the rest is up to you! It‘s time to let your brand personality shine and get creative with your thank you page content.

Some ideas to consider:

  • Headline & body copy: Replace the generic "Thank you. Your order has been received." text with something more on-brand and appreciative. Reiterate what they bought, when to expect it, and how to get support if needed.
  • Images or videos: Show off the customer‘s new goodies with high-quality product photos. Or embed an unboxing video or product demo to get them pumped.
  • Recommended products: Use the "Woo Products" widgets to display related items they might like based on their purchase. You can feature upsells, cross-sells, best sellers, and more.

Elementor Products Widget

  • Reviews or testimonials: Embed a "Woo Product Reviews" widget or third-party review carousel (like Trustpilot or Yotpo) to display social proof.

  • Coupon or loyalty program: Entice repeat purchases with an exclusive discount code or invite them to join your rewards program.

  • Social media widgets: Make it easy to spread the word by embedding social share buttons, your social feeds, or even a hashtag wall showcasing customer photos.

  • Feedback or contact form: Include a survey or contact form to gather valuable intel straight from your buyers while they‘re in the honeymoon phase.

  • Navigation menu: Help people find their way around with links to popular pages like your return policy, product care instructions, or knowledge base.

Again, the possibilities are endless! Just aim for a good mix of practical information, customer appreciation, social proof, and marketing tactics that align with your goals.

WooCommerce Thank You Page Best Practices & Examples

Need some more inspo? Here are a few key tips and examples for creating thank you pages that convert.

Keep It On-Brand, But Fun

Your thank you page should feel like a natural extension of your brand, not a completely foreign experience. Incorporate your signature fonts, colors, voice, and visual style.

At the same time, don‘t be afraid to have a little fun! Think of it as a "Congratulations" message. This is your chance to celebrate alongsidea new customer and welcome them to your community.

Check out this playful example from MeUndies:

MeUndies Thank You Page Example

The cheeky "HOLY SMOKES! YOU JUST BOUGHT THE MOST COMFORTABLE UNDIES EVER" headline perfectly captures their casual, quirky brand voice. And the bold colors and product shots keep things upbeat.

Prioritize the Essentials

While there are lots of bells and whistles you can include on your thank you page, don‘t let them overshadow the need-to-know info.

Always put the most important details front and center, like:

  • Order number and date
  • Products purchased
  • Billing summary
  • Estimated shipping dates or tracking info
  • Next steps and what to expect
  • Customer service contact info

Anything else is just icing on the cake! You can always tuck bonus content below the fold or behind accordions.

This example from Allbirds lays it all out clearly in a clean, well-organized layout:

Allbirds Thank You Page Example

Include a Strong CTA

Don‘t leave people hanging after they complete a purchase! Use your thank you page to guide them to the next logical step in their journey.

Some effective calls-to-action (CTAs) to try:

  • Download a free bonus resource
  • Start shopping for a related product
  • Register for an event or webinar
  • Sign up for your email list
  • Create an account or complete their profile
  • Leave a review or share on social
  • Contact you with questions or feedback

The key is to keep them engaged while the iron is hot. This will vary depending on what you sell and the buyer‘s intent, so put yourself in their shoes.

For instance, Bombas highlights their referral program on the thank you page to encourage word-of-mouth:

Bombas Thank You Page Example

Bottom line: Always give clear direction on what to do next, whether that‘s making another purchase, joining your list, or simply enjoying their goodies.

Use Persuasive Copy & Visuals

Beyond the standard "Thank you for your order", what else can you say to build excitement and trust on your thank you page?

Some ideas:

  • Reinforce the benefits of their purchase
  • Ease any potential buyer‘s remorse or skepticism
  • Hype them up for what‘s to come when their order arrives
  • Share your mission or giving initiative (if applicable)
  • Remind them of your guarantees and return policy for peace of mind
  • Invite them behind the scenes with a video message
  • Provide social proof and FOMO with customer photos, reviews, and stats
  • Offer a referral incentive or next-order coupon
  • Crack a joke or include a fun freebie download

And don‘t forget the power of images! Enticing product shots, happy customer photos, and eye-catching visuals can work wonders.

Beardbrand uses their thank you page as an opportunity to welcome new customers into their "community of beardsmen" and invite them to join the private Facebook group:

Beardbrand Thank You Page Example

Just remember: Keep it skimmable and benefit-focused. No need to write a novel! Stick to punchy lines, bullet points, numbers, and visuals to get your message across.

Start Optimizing Your WooCommerce Thank You Page

Phew, that was a lot to cover! I hope this guide has given you a solid gameplan for creating high-converting WooCommerce thank you pages.

As you can see, even some small tweaks can make a huge difference in the post-purchase experience. A little goes a long way!

The beauty of using a page builder like Elementor is you can easily test different thank you page variations to see what resonates best with your unique audience.

So get in there and start experimenting! Track your results, gather feedback, and keep refining until you find that sweet spot.

I‘d love to hear how it goes. What are your favorite tips or tactics for high-converting thank you pages? Share in the comments!

To your success,

[Your Name]

P.S. If you want to take your personalization to the next level, check out these advanced WooCommerce customization plugins and hacks.

Did you like this post?

Click on a star to rate it!

Average rating 0 / 5. Vote count: 0

No votes so far! Be the first to rate this post.