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
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
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)
Last updated
Was this helpful?