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
- In the Theme Editor, open the template where you want the section.
- 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 | 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. | |
| | 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. |
No comments yet