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
Available In: Free and Pro

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

Block Settings#

Title Settings#

Control the section title visibility and semantic level:

• Show Title: Toggle to display or hide the block title (default: on)
• Heading Level: Choose the semantic heading level (H1–H6) for SEO and accessibility (default: H2). Only visible when the title is enabled.

Display Options#

Control which customer information fields are shown:

• Show Customer Name: Toggle to display the customer name (default: on)
• Show Customer Email: Toggle to display the customer email address (default: on)
• Show Customer Phone: Toggle to display the customer phone number (default: on)
• Show Billing Address: Toggle to display the billing address section (default: on)
• Show Delivery Address: Toggle to display the delivery/shipping address section (default: on)

Each toggle includes a reset button to restore the default value.

Style Settings#

All style controls are found in the Styles tab of the block inspector panel.

Text#

Control content text styling (customer data values):

• Font Size: Adjust size for better readability
• Line Height: Improve spacing between lines
• Color: Match your brand colors
• Text Alignment: Left, Center, or Right

Pro typography options:

• Font Family (Google Fonts) Pro — Access to 1,000+ Google Fonts
• Font Weight Pro — Light (300) to Extra Bold (800), dynamically updates based on selected font
• Font Style Pro — Toggle italic styling
• Text Decoration Pro — Underline, Strikethrough, or None
• Letter Spacing Pro — Fine-tune spacing between characters (-10 to 10)
• Word Spacing Pro — Adjust spacing between words (-10 to 50)
• Text Transform Pro — Uppercase, Lowercase, Capitalize, or None

Responsive Support: Supported.

Title Text#

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

• Font Size: Adjust title size for better hierarchy
• Line Height: Control spacing for title text
• Color: Set distinct color for section titles
• Text Alignment: Left, Center, or Right

Pro typography options:

• Font Family (Google Fonts) Pro
• Font Weight Pro
• Font Style Pro
• Text Decoration Pro
• Letter Spacing Pro
• Word Spacing Pro
• Text Transform Pro

Responsive Support: Supported.

Note: Only visible when the title is enabled in Title Settings.

Label Text#

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

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

Pro typography options:

• Font Family (Google Fonts) Pro
• Font Weight Pro
• Font Style Pro
• Text Decoration Pro
• Letter Spacing Pro
• Word Spacing Pro
• Text Transform Pro

Responsive Support: Supported.

Note: Text alignment is not available for labels.

Background#

Customize the block background:

Free:

• Background Color — Color picker with custom hex values

Pro:

• Background Image Pro — Upload or select from media library with size, position, repeat, and attachment options
• Background Gradient Pro — Linear and radial gradients with pro-exclusive presets
• Background Overlay Pro — Color or gradient overlay with blend modes

Responsive Support: Supported.

Spacing#

Control block spacing:

• Padding: Internal space (inside the block) — Top, Right, Bottom, Left
• Margin: External space (around the block) — Top, Right, Bottom, Left

Features: Linked/unlinked sides, presets, box model visualization, auto values.

Responsive Support: Supported.

Table Style#

Customize the data table appearance:

• Table Style: Toggle to display customer details in a table format (default: off)
• Table Border Color: Choose a border color for the table (only visible when table style is enabled)

Responsive Support: Supported.

Border Pro#

Add and customize borders. Automatically available when the Pro version is active.

• Border Width — Set width in pixels or other units
• Border Style — Solid, Dashed, Dotted, and more
• Border Color — Full color picker
• Individual Sides — Set borders per side or all at once
• Border Radius — Round corners individually or all at once

Responsive Support: Supported.

Box Shadow Pro#

Add depth and dimension. Automatically available when the Pro version is active.

• Color — Shadow color with full color picker
• Horizontal Offset — Range: -100 to 100 (default: 0px)
• Vertical Offset — Range: -100 to 100 (default: 2px)
• Blur — Range: 0 to 200 (default: 4px)
• Spread — Range: -100 to 100 (default: 0px)
• Inset — Toggle for inner shadow

Set a shadow color to get started — sensible defaults are applied automatically.

Responsive Support: Supported.

Sizing Pro#

Control block dimensions with precision. Automatically available when the Pro version is active.

• Width / Height
• Min Width / Min Height
• Max Width / Max Height

Responsive Support: Supported.

Free vs Pro Styling Comparison#

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#