Customer Details

The Customer Details Block displays complete customer information including billing and shipping addresses in a formatted, easy-to-read layout.

Overview#

Block Name: Customer Details
Category: RedFox Thank You
Purpose: Display all customer information at once

What It Does#

This block shows:

• Customer name
• Email address
• Phone number
• Billing address
• Shipping address (if different from billing)

All information is pulled automatically from the order data.

When to Use#

Use This Block When:

• You want to show complete customer information
• Displaying both billing and shipping addresses
• Creating a comprehensive order confirmation

Use Customer Info Block Instead When:

• You need only specific fields (like email or phone)
• Creating custom layouts with individual data pieces
• Want more control over field positioning

Adding the Block#

1. Open your thank you page in the editor
2. Click the + (plus) button
3. Search for “Customer Details”
4. Click to add the block

Block Settings#

Text#

Control content text styling (customer data values):

• Font Size: Adjust size for better readability
• Font Weight: Set weight for content values
• Line Height: Improve spacing between lines
• Color: Match your brand colors

Responsive: Set different sizes for mobile, tablet, desktop

Title Text#

Control the section title styling (e.g., “Billing Address”, “Shipping Address”):

• Font Size: Adjust title size for better hierarchy
• Font Weight: Make titles stand out (recommended: bold or semi-bold)
• Line Height: Control spacing for title text
• Color: Set distinct color for section titles

Responsive: Set different sizes for mobile, tablet, desktop

Label Text#

Control the label styling (e.g., “Email:”, “Phone:”, field labels):

• Font Size: Adjust label size for readability
• Font Weight: Make labels distinct from values
• Line Height: Improve spacing between label lines
• Color: Set color to differentiate labels from content

Responsive: Set different sizes for mobile, tablet, desktop

Table Style#

Customize the data table appearance. Right now the border color is available.

Spacing#

Control block spacing:

• Padding: Internal space (inside the block)
• Margin: External space (around the block)

Background#

Add background color:

• Choose from color picker
• Enter hex code
• Use transparent

What Gets Displayed#

Billing Address Section#

Heading: “Billing Address”

Information Shown:

• Customer full name
• Company name (if provided)
• Street address (line 1 and 2)
• City
• State/Province
• Postal/ZIP code
• Country

Contact Details:

• Email address
• Phone number

Shipping Address Section#

Heading: “Shipping Address”

Displays When:

• Shipping address is different from billing
• Physical products in order
• Shipping address was provided

Information Shown:

• Recipient name
• Company name (if provided)
• Street address
• City, State, Postal Code
• Country

If Same as Billing:
Some themes show: “Same as billing address”

Comparison with Customer Info#