Skip to content
Contact form
Section overview
The Contact section provides a customizable contact form that allows customers to send messages to the store owner through their Shopify site.
Common use cases
- Creating a dedicated contact page for customer inquiries
- Adding a feedback form to product or information pages
- Building a custom support request form
- Collecting specific information from customers (like sizing requests or custom order details)
Usage tips
- Keep the form fields concise and only request information that's necessary
- Use clear, descriptive labels for form fields to guide users
- Consider adding a message explaining how quickly customers can expect a response
- Ensure the form displays well on mobile by previewing it at different screen sizes
- Avoid placing too many form fields as this can discourage customers from completing the form
Section settings
| Setting | Description |
|---|---|
| Heading | The title displayed above the contact form |
| Top spacing | Controls the amount of padding above the section (0-300px) |
| Bottom spacing | Controls the amount of padding below the section (0-300px) |
| Color scheme | Determines the background and text color combination of the section |
| Border color | Sets the color of any borders applied to the section |
| Button color | Determines the style and color of the submit button |
| Border position | Controls where borders appear around the section |
| Horizontal alignment | Sets the horizontal alignment of the content (left, center, or right) |
| Enable margin | When enabled, applies horizontal margin to the section |
| Enable max width | When enabled, limits the maximum width of the form |
| Visibility | Controls whether the section displays on all devices, mobile only, or desktop only |
Block settings
Field
This block allows you to add custom input fields to the contact form, with support for different field types.
Block limit: 50
| Setting | Description |
|---|---|
| Input label | The label displayed for the input field |
| Input placeholder | The placeholder text shown inside the empty input field |
| Input type | Determines the type of input field (single line, multiple lines, or checkbox) |
| Enable required field | When enabled, makes the field mandatory for form submission |