The Billing Address block displays the billing address from an order in your email templates. This is particularly useful for e-commerce email notifications, order confirmations, and invoice emails.
Adding a Billing Address Block
- While editing your email template, click theย “+”ย button to add a new block
- Search forย “Billing Address”ย or find it in theย “E-Commerce”ย category
- Click to insert the block
Label Settings
The Billing Address block includes comprehensive label customization options to control how the address label is displayed.
Display Label
Toggle to show or hide the “Billing Address” label. When enabled, the label appears above or alongside the address.
Display Label Separator
Toggle to show or hide the separator between the label and address (e.g., the colon in “Billing Address: …”).
Custom Label
Override the default “Billing Address” label with custom text. This is useful when:
- You want a shorter or different label
- You need to customize the label for your brand voice
- You want to use a different language
Default: “Billing Address”
Label Separator
The text that appears between the label and address. Default is : (colon and space).
Examples:
:ย – Billing Address: 123 Main St…-ย – Billing Address – 123 Main St…
Inline Label
Controls whether the label and address appear on the same line (inline) or stacked vertically.
- Off (Stacked): Label appears above the address
- On (Inline): Label and address appear side by side
Bold Label
Makes the label text bold for emphasis.
Label Size
Set a custom font size for the label (supports px, em, rem units).
Label Width
When “Inline Label” is enabled, you can set a fixed width for the label column. This helps align multiple address blocks or create consistent layouts.
- Supports px and % units
- Useful for creating aligned lists of address information
Text Alignment
Use the alignment controls in the block toolbar to align the text:
- Left (default)
- Center
- Right
Styling Options
The Billing Address block supports standard block styling options:
- Colors: Background color, text color, heading color (for labels)
- Typography: Font size, font family, font weight, line height, letter spacing, text transform, text decoration
- Spacing: Padding
- Borders: Border radius, border color, border width, border style
Access these options in the block settings panel under the respective sections.
Examples
Example 1: Simple Billing Address Display
Goal: Display billing address with default label
- Display Label: On
- Label Separator:ย
: - Inline Label: Off (Stacked)
- Result: Address displayed with “Billing Address:” label above it
Example 2: Inline Label with Custom Text
Goal: Display billing address with custom inline label
- Display Label: On
- Custom Label: “Bill To”
- Inline Label: On
- Label Width:ย
100px - Result:ย
Bill To: 123 Main St...ย (aligned layout)
Best Practices
- Use Custom Labels: Customize labels to match your brand voice and email context
- Consistent Formatting: Use the same label width across multiple address blocks for alignment
- Clear Separation: Use appropriate separators to clearly distinguish labels from addresses
- Mobile Considerations: Consider using stacked labels on mobile for better readability
Troubleshooting
Address Not Showing
- Verify that the email template is being used in an e-commerce context with order data
- Check that the order has a billing address associated with it
- Ensure the integration (e.g., Gravity Forms with e-commerce) is properly configured
Label Not Displaying
- Check that “Display Label” is enabled in the block settings
- Verify the custom label field is not empty if you’re using a custom label
Additional resources
Use the links below for more information and guidance on adding blocks. Keep in mind that these articles are general information related to the WordPress Editor and building with blocks. Email Customizer does not utilize all blocks or functionality due to the limited capabilities of emails.
WordPress Editor