Contact form

Add a full-featured contact form with a wide range of customizable blocks to any page of your site

Build a simple or completely custom contact form with this section that includes blocks of many types of form elements. Add the section to any Page, Product detail pages, the homepage, blog posts, search, the 404 page, and more:

Add blocks to customize the form:

Section settings

Use the section settings to set up the section's heading, title alignment, text colors, background colors, form width, and form padding:

Leave the title blank and use a Rich text section above to build a custom heading with an intro for the section:

Blocks

The contact form section includes a wide range of form elements that you can use to fully customize the contact form:

Block settings

Each block contains options pertaining to the block. Configure each one to fine-tune the form.

Example of the heading block settings:

With the Text line, the label option displays text inside the form field to prompt the customer with what to enter. The label disappears once any text is inputted:

The Spacer block has the option to show a line. If unchecked, the spacer will add vertical spacing only without a line:

The Select dropdown block contains settings for the title and each of the dropdown options:

Last updated