Contact form

Contact form shows a form where customers can send a message. You set the heading, the field text and the button label.

How to add it

  1. In the Theme Editor, open the template where you want the section.
  2. Select Add section, then choose Contact form.

The package uses this section on the Contact page.

Settings

View the section guide .

Heading content

Setting

Options

Description

Subheading

Short line of text shown above the heading.

Heading

Main heading shown above the form.

Description

Supporting text shown below the heading.

Content alignment

• Left
• Center
• Right

Aligns the subheading, heading and description to the left, center or right.

Contact form

Setting

Options

Description

First name

Text used as the label and the placeholder of the first name field. A * is added to mark the field as required.

Last name

Text used as the label and the placeholder of the last name field. A * is added to mark the field as required.

Email

Text used as the label and the placeholder of the email field. A * is added to mark the field as required.

Phone number

Text used as the label and the placeholder of the phone field. A * is added to mark the field as required.

Message

Placeholder text shown inside the message box.

Button label

Text on the button that submits the form.

Appearance

Setting

Options

Description

Color scheme

Edit color schemes in Theme settings.

Section layout

Setting

Options

Description

Top padding

Space above the section.

Bottom padding

Space below the section.

Show top border

Draws a line along the top edge of the section.

Comments

No comments yet

Looking for Help?
Get support from our team

If you can't find the answer you're looking for, our support team is here to help.