The Contact Form section lets customers send messages directly from your storefront. It combines a customizable content area with a contact form, making it suitable for Contact Us, customer support, inquiries, or service pages.
Use the Section header area to add supporting content next to the form.
You can combine blocks such as:
Block | Purpose |
|---|---|
Heading | Add the main title |
Text | Provide contact information or instructions |
Icon with text | Highlight contact details, benefits, or additional information |
Spacer | Adjust spacing between content |
You can add, remove, or reorder these blocks to create the content structure you need.
The contact form includes fields for customers to enter their information and message. Use the section settings to customize its appearance and submission experience.
Setting | What it controls |
Desktop layout split | Displays the section content and contact form in a split layout on desktop |
Button style | Uses a Solid or Outline style for the submit button |
Show button icon | Shows or hides the icon inside the submit button |
Success message | Sets the message displayed after a successful form submission |
Color scheme | Controls the section's overall color style |
Leave Success message blank to use the theme's default success message.
Enable Make section full width to extend the section across the available page width.
Use Section padding to adjust the top and bottom spacing separately for desktop and mobile. You can also enable Reveal on scroll to animate the section when it becomes visible.