Contact form
Add it to any template with Add section, under Forms.
Settings
Content
| Setting | What it does | Default |
|---|---|---|
| Text above headingText | None | |
| HeadingText | Get in touch | |
| Heading sizeMenu | Medium | |
| BodyFormatted text | None |
Layout
| Setting | What it does | Default |
|---|---|---|
| LayoutMenu | Form beside details | |
| Form positionMenu | Desktop only. The form stays first for keyboard and screen reader users. Shown when Layout is not Centered form. | Left |
| Form widthMenu | Shown when Layout is Centered form. | Medium |
| Heading alignmentMenu | Shown when Layout is not Details with the heading. | Left |
| Form backgroundMenu | A card lifts the form off a colored section background. | None |
Form
Shopify sends submissions to your store's sender email address.
| Setting | What it does | Default |
|---|---|---|
| Field layoutMenu | Two columns pair the name and email fields, and let a field block be half width. | Two columns |
| Require a nameCheckbox | On | |
| Show a phone fieldCheckbox | Adds a phone field that fills in for signed-in customers. | Off |
| Require a phone numberCheckbox | Shown when Show a phone field is on. | Off |
| Field block positionMenu | Where your contact field blocks sit relative to the message. | Before the message |
| Button labelText | Send message | |
| Button styleMenu | Primary |
Consent
| Setting | What it does | Default |
|---|---|---|
| Show a consent checkboxCheckbox | The answer is recorded in the email you receive. An unchecked box sends nothing. | Off |
| Consent textFormatted text | Add a link to your privacy policy here. Shown when Show a consent checkbox is on. | I agree that my details can be used to reply to this inquiry. |
| RequiredCheckbox | Shown when Show a consent checkbox is on. | On |
Contact details
| Setting | What it does | Default |
|---|---|---|
| Show contact detailsCheckbox | On | |
| Panel headingText | Shown when Show contact details is on. | None |
| AddressFormatted text | Shown when Show contact details is on. | None |
| Directions linkLink | Paste your map link. It opens in a new tab. Shown when Show contact details is on. | None |
| EmailText | Shown when Show contact details is on. | None |
| PhoneText | Shown when Show contact details is on. | None |
| HoursFormatted text | Shown when Show contact details is on. | None |
| Extra row iconMenu | Shown when Show contact details is on. | Chat |
| Extra row headingText | Shown when Show contact details is on. | None |
| Extra row contentFormatted text | Use this for a chat link, a social media profile, or a reply time. Shown when Show contact details is on. | None |
| ImageImage | Set an image to show it beside the form. Shown when Show contact details is on. | None |
| Aspect ratioMenu | Shown when Show contact details is on and Image is set. | Landscape (4:3) |
| Image linkLink | Link the image to your map so it acts as a directions image. Shown when Show contact details is on and Image is set. | None |
Section style
| Setting | What it does | Default |
|---|---|---|
| WidthMenu | Contained | |
| ColorMenu | Default | |
| BackgroundColor | Shown when Color is Custom. | None |
| Background gradientGradient | Shown when Color is Custom. | None |
| Text colorColor | Leave blank to auto-pick black or white for contrast. Shown when Color is Custom. | None |
| Vertical spacingMenu | Theme default |
Blocks
Contact field
| Setting | What it does | Default |
|---|---|---|
| Field typeMenu | Text | |
| LabelText | Also used as the field name in the email you receive. | None |
| PlaceholderText | None | |
| Helper textText | None | |
| RequiredCheckbox | Off | |
| WidthMenu | Half width needs the section field layout set to two columns. | Full |
| Dropdown optionsText | Comma-separated. Shown only for dropdown fields. Shown when Field type is Dropdown. | None |
Setting names and defaults on this page match Pawsome 1.0.3, as they appear in the theme editor in English.