Skip to content

Contact form

Add it to any template with Add section, under Forms.

Settings

Content

SettingWhat it doesDefault
Text above headingTextNone
HeadingTextGet in touch
Heading sizeMenu

Options: Small, Medium, Large, Extra large.

Medium
BodyFormatted textNone

Layout

SettingWhat it doesDefault
LayoutMenu

Options: Form beside details, Details with the heading, Centered form.

Form beside details
Form positionMenu

Desktop only. The form stays first for keyboard and screen reader users.

Options: Left, Right.

Shown when Layout is not Centered form.

Left
Form widthMenu

Options: Small, Medium, Large.

Shown when Layout is Centered form.

Medium
Heading alignmentMenu

Options: Left, Center.

Shown when Layout is not Details with the heading.

Left
Form backgroundMenu

A card lifts the form off a colored section background.

Options: None, Card.

None

Form

Shopify sends submissions to your store's sender email address.

SettingWhat it doesDefault
Field layoutMenu

Two columns pair the name and email fields, and let a field block be half width.

Options: Two columns, One column.

Two columns
Require a nameCheckboxOn
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.

Options: Before the message, After the message.

Before the message
Button labelTextSend message
Button styleMenu

Options: Primary, Secondary, Outline.

Primary
SettingWhat it doesDefault
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

SettingWhat it doesDefault
Show contact detailsCheckboxOn
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

Options: Chat, Support, WhatsApp, Instagram, Community, Store, Truck, Globe, Calendar, Clock, Info, Paw.

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

Options: Adapt to image, Square (1:1), Portrait (4:5), Landscape (4:3), Wide (16:9), Cinematic (21:9).

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

SettingWhat it doesDefault
WidthMenu

Options: Contained, Full width.

Contained
ColorMenu

Options: Default, Muted, Primary, Accent, Custom.

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

Options: Theme default, None, Small, Medium, Large.

Theme default

Blocks

Contact field

SettingWhat it doesDefault
Field typeMenu

Options: Text, Email, Phone, Web address, Paragraph, Dropdown.

Text
LabelText

Also used as the field name in the email you receive.

None
PlaceholderTextNone
Helper textTextNone
RequiredCheckboxOff
WidthMenu

Half width needs the section field layout set to two columns.

Options: Full, Half.

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.