Contact Form

How to add section Contact Form to website

A Contact Form is a form on the website that allows users to send messages, inquiries, or contact information. It’s a convenient way to connect with customers and provide quick support.

Your contact form sends all submissions to the sender email address of your store. You can change the sender email address in the Notifications settings page of your Shopify admin.

#

Demo contact form on website
In the theme editor (Customize), Add section Contact Form.

Configure section Contact Form

Form Settings

In the theme editor (Customize), click section Contact Form then locate Form Settings. Here you can make the necessary configurations.

#

Contact Form Settings
  • Show Name : Turn on to add field name in form.
  • Show Phone Number : Turn on to add field phone number in form.
  • Max Width (px) : Configure the maximum width of the form.
  • Form Alignment : Configure the alignment of the form.

Form Color

In the theme editor (Customize), click section Contact Form then locate Form Color. Here you can make the necessary configurations.

#

Configure colors for forms
  • Input Color : Set color for input.
  • Input Background : Set background color for input.
  • Border Color : Set border color for input.
  • Border Color Focus : Set border color for input when focus.
  • Placeholder Color : Set color for placeholder input.

Other configurations of section

You can see the documentation for other section configurations such as: Heading, container, background, animation, padding...

On this page
Check
No recent searches
No results for ""