What this section controls
- Headings, text content, and on-page messaging
- Layout structure, width, alignment, and spacing
- Color schemes, contrast, and shared visual styling
- Block types such as Field
Getting started
Add or open Contact Form
Add the Contact Form section to a compatible template or select the existing section from the left sidebar.
Adjust the main settings first
Start with the structural settings such as layout, width, color scheme, spacing, or content source before refining smaller details.
Section settings
Settings
Heading
Heading
Enter the content used for heading.Default:
Contact formHeading size
Heading size
Choose how Heading size behaves in the section.Available options: XS, S, M, L, XL.Default:
h1Contact form footer text
Contact form footer text
Common settings
Section width
Section width
Choose how Section width behaves in the section.This setting shapes the section container and how it sits against surrounding content.Available options: Page, Fluid, Full.Default:
pageColor scheme
Color scheme
Select the color scheme used for color scheme.Use this to keep contrast and branding consistent with the rest of the store.Default:
scheme-1Top spacing
Top spacing
Choose how Top spacing behaves in the section.This setting shapes the section container and how it sits against surrounding content.Available options: No, S, M, L, XL.Default:
2Bottom spacing
Bottom spacing
Choose how Bottom spacing behaves in the section.This setting shapes the section container and how it sits against surrounding content.Available options: No, S, M, L, XL.Default:
2Section border
Section border
Choose how Section border behaves in the section.This setting shapes the section container and how it sits against surrounding content.Available options: None, Top, Bottom, Both.Default:
noneBlock settings
Field
This block controls the field content used inside the Contact Form section.
This block does not expose additional documented settings beyond its placement and content usage.
Best practices
- Check contrast after changing color schemes so text and controls remain easy to read.
- Adjust layout changes alongside neighboring sections so page rhythm stays consistent.
- Start with the structural settings first, then refine decorative styling after the layout feels settled.
- Preview the section with realistic content length to catch spacing and wrapping issues early.