Quick Start Guide

Reading Time: 5 minutes Last Updated: October 20, 2025

Get up and running with RedFox Thank You in just a few minutes! This guide will walk you through your first customization.

Prerequisites#

Before starting, make sure you’ve:


Step 1: Access Your Thank You Page#

Let’s find and open the default thank you page.

  1. Log in to your WordPress admin dashboard
  2. Look for RedFox WP > Thank You in the left sidebar
  3. Click on it to see your pages

You should see:

  • Global Thank You Page – For successful orders

Open the Thank You Page#

  1. Click on Global Thank You Page to edit it
  2. The WordPress block editor will open
  3. You’ll see pre-added blocks ready to customize

Step 2: Understanding the Default Layout#

The default thank you page includes these blocks:

Customer Details Block#

  • Shows customer’s billing information
  • Displays shipping address (if different)
  • Includes customer name and email

Order Details Block#

  • Complete order information table
  • Product list with images
  • Quantities and prices
  • Order totals

Downloads Block#

  • Appears only for digital products
  • Shows download links
  • Displays expiry information

Step 3: Customize Order Details#

Make the order table match your brand.

Select the Order Details Block#

  1. Click on the Order Details block
  2. Block settings appear in the right sidebar

Adjust Table Colors#

  1. Look for Table Colors section
  2. Customize:
  • Header Text – Header text color
  • Total Row Color – Alternating total row’s text color
  • Border Color – Table borders

Typography Settings#

  1. Find Typography section
  2. Adjust font size for better readability
  3. Change font weight if needed
  4. Set line height for spacing

Step 4: Add Customer Information#

Decide what customer information to display.

Understanding the Difference#

  • Customer Details Block – Shows all info in a formatted layout
  • Customer Info Block – Individual pieces (name, email, phone)

Customize Customer Details#

  1. Click on Customer Details block
  2. In the sidebar, find display options
  3. Choose what information to show
  4. Style it to match your design

Step 5: Preview Your Changes#

Always check how it looks before publishing.

Desktop Preview#

  1. The editor shows desktop view by default
  2. Review your changes
  3. Check all blocks display correctly

Mobile Preview#

  1. Click the Preview button (top right)
  2. Select Preview in new tab
  3. Use browser dev tools to check mobile view
  4. Or resize your browser window
💡

Tip#

Most modern themes are responsive, so your changes should adapt automatically.


Step 6: Publish Your Changes#

Once you’re happy with the customization:

Save Your Work#

  1. Click the Update button (top right)
  2. Wait for the “Page updated” confirmation
  3. Your changes are now live!

Test with a Real Order#

  1. Place a test order in your store
  2. Complete the checkout
  3. Verify you’re redirected to your custom thank you page
  4. Check that order information displays correctly
📝

Note#

You can use WooCommerce’s test mode or a payment gateway’s sandbox for testing.


Step 7: Customize the Order Failed Page#

Don’t forget about failed orders! By default it is disabled. But you can enable it from RedFox WP > Thank You > Settings > Order Failed Page.

Edit the Order Failed Page#

  1. Go back to RedFox WP > Thank You > Pages
  2. Create a new page called “Order Failed”
  3. Design the page with your needs

Common First Customizations#

Here are popular customizations new users make:

  1. Add an Image block at the beginning of the page
  2. Upload your logo
  3. Center align it
  4. Adjust size as needed

Change Colors to Match Brand#

  1. Select each block
  2. Update colors in Typography settings
  3. Use your brand colors
  4. Keep it consistent
  1. Add a Paragraph block
  2. Type “Follow us on social media”
  3. Add links to your profiles
  4. Style as needed

Include Next Steps#

  1. Add a List block
  2. Add items like:
  • “Check your email for confirmation”
  • “Track your order in My Account”
  • “Join our loyalty program”

Add a Promotional Message#

  1. Add a Paragraph or Heading block
  2. Include a discount code for next purchase
  3. Encourage repeat business
  4. Add a Call-to-Action button

Using the Inline Container Block#

Create custom layouts with the Inline Container block.

What It Does#

The Inline Container allows you to:

  • Create multi-column layouts
  • Control alignment and spacing
  • Group related content
  • Build responsive designs

Example: Two-Column Layout#

  1. Add an Inline Container block
  2. Inside it, add two Customer Info blocks side by side
  3. Configure flexbox settings:
  • Direction: Row
  • Justify: Space between
  • Align: Start

Testing Your Thank You Page#

Test Checklist#

  • Place a test order
  • Verify redirect to thank you page
  • Check order number displays correctly
  • Confirm customer information is accurate
  • Ensure product details show up
  • Test digital product downloads (if applicable)
  • Check mobile responsiveness
  • Test with guest checkout
  • Test with logged-in customer
  • Verify email confirmation matches

Test Different Scenarios#

  1. Simple Product Order – Single item
  2. Multiple Products – Cart with several items
  3. Digital Products – Test downloads
  4. Guest Checkout – No account
  5. Logged-in User – Existing customer