Contact form
Theme section
Last updated
Theme section
Last updated
Use the Contact form section to let customers get in touch with you directly from any page.
Add custom text fields, buttons, and options for customers to fill out, and choose to make them required before submitting a message.
To create a full contact page, see the contact page template.
Shopify | Sending and receiving messages through the contact form is a Shopify feature. You can test Shopify's free theme Dawn to see if an issue is platform-related. For assistance, you can contact Shopify support ↗.
Add this section to your template and use the drag-and-drop handles to re-order its position. You can add this section multiple times with different content and settings.
Editing a template changes all pages that use that template. To edit specific pages, you can create new templates or insert dynamic content with metafields
Use the Contact form blocks to add custom text fields, buttons, and options for customers to fill out, and choose to make them required before submitting a message.
Show a field for customers to enter their email. This field is Required by default.
Phone
Show a field for customers to enter their phone number. Choose to make this a Required field.
Text line
Show a text field for customers to add a single word or line. Enter a label for the field (e.g. "Name"). Choose to make this field Required.
Text area
Show a text field for customers to add multiple lines.
Choose to make this a Required field. Enter a label for the field (e.g. "Message").
Checkbox option
Show a checkbox that customers can click to select options or agree to terms.
Choose to make this a Required checkbox.
Radio buttons
Show a list of buttons to let customers select a single option out of a maximum of six.
Enter a label for the radio buttons (e.g. "Select an option").
Select dropdown
Show a menu dropdown to let customers select a single option out of a maximum of six.
Heading
Enter text to display as a title above any blocks.
Spacer
Add a margin of space between other blocks.test
Customize the section Headings and choose to display a Phone number field as well as reCAPTCHA terms if you have spam protection enabled.
Adjust the overall section style by changing the Padding around the section content, and add an optional Top divider to clearly separate sections.
Click the Contact form section to find the following settings.
Alignment
Set the position of the section Heading and Text.
Heading
Enter text to display a section title in the top-left corner.
Heading size
Display heading text as Small, Medium, or Large.
Subheading
Enter text to display a section subheading below the heading. Use the formatting buttons to add text styles, links, or lists.
Show reCAPTCHA terms
Enable animation
Top divider
Padding
Add a margin of space around the section to either the Top and bottom, Top only, Bottom only, or set it to None.
Content width
Display the section at Full width or use the slider to set a custom width between 400 - 1000
pixels.
\
Related links
Choose to show a to verify users if you have spam protection enabled.
Choose whether to display visual effects when scrolling, hovering, or interacting with the section. See the to learn more.
Show a solid border above the section to visually separate it from other sections. The Top divider uses the Lines and borders color selected in the .