Quick Start Guide
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:
- Installed and activated RedFox Thank You
- Verified WooCommerce is active
- Confirmed the thank you pages were created
Step 1: Access Your Thank You Page#
Let’s find and open the default thank you page.
Navigate to Thank You Pages#
- Log in to your WordPress admin dashboard
- Look for RedFox WP > Thank You in the left sidebar
- Click on it to see your pages
You should see:
- Global Thank You Page – For successful orders
Open the Thank You Page#
- Click on “Global Thank You Page“ to edit it
- The WordPress block editor will open
- 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#
- Click on the Order Details block
- Block settings appear in the right sidebar
Adjust Table Colors#
- Look for Table Colors section
- Customize:
- Header Text – Header text color
- Total Row Color – Alternating total row’s text color
- Border Color – Table borders
Typography Settings#
- Find Typography section
- Adjust font size for better readability
- Change font weight if needed
- 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#
- Click on Customer Details block
- In the sidebar, find display options
- Choose what information to show
- Style it to match your design
Step 5: Preview Your Changes#
Always check how it looks before publishing.
Desktop Preview#
- The editor shows desktop view by default
- Review your changes
- Check all blocks display correctly
Mobile Preview#
- Click the Preview button (top right)
- Select Preview in new tab
- Use browser dev tools to check mobile view
- 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#
- Click the Update button (top right)
- Wait for the “Page updated” confirmation
- Your changes are now live!
Test with a Real Order#
- Place a test order in your store
- Complete the checkout
- Verify you’re redirected to your custom thank you page
- 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#
- Go back to RedFox WP > Thank You > Pages
- Create a new page called “Order Failed”
- Design the page with your needs
Common First Customizations#
Here are popular customizations new users make:
Add Your Logo#
- Add an Image block at the beginning of the page
- Upload your logo
- Center align it
- Adjust size as needed
Change Colors to Match Brand#
- Select each block
- Update colors in Typography settings
- Use your brand colors
- Keep it consistent
Add Social Media Links#
- Add a Paragraph block
- Type “Follow us on social media”
- Add links to your profiles
- Style as needed
Include Next Steps#
- Add a List block
- Add items like:
- “Check your email for confirmation”
- “Track your order in My Account”
- “Join our loyalty program”
Add a Promotional Message#
- Add a Paragraph or Heading block
- Include a discount code for next purchase
- Encourage repeat business
- 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#
- Add an Inline Container block
- Inside it, add two Customer Info blocks side by side
- 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#
- Simple Product Order – Single item
- Multiple Products – Cart with several items
- Digital Products – Test downloads
- Guest Checkout – No account
- Logged-in User – Existing customer