Handsome documentation

Store pages

Contact form

A contact form you can add to any page. Messages go to your store's sender email.

Settings

Section width

SettingWhat it does
WidthDropdown
Full widthDefaultCustom width
Custom widthSliderShown only when it applies to the options chosen above.

Color scheme

SettingWhat it does
Use the store's default color schemeToggleToggle
Color schemeColour schemeShown only when it applies to the options chosen above.

Section header

SettingWhat it does
SubheadingTextText
HeadingTextText
DescriptionRich textRich text
Heading sizeDropdown
H1 — largestH2 — mediumH3 — small
Text alignmentDropdown
LeftCenterRight

Layout

SettingWhat it does
Layout styleDropdown
Full width formTwo column — form and contact info
Form positionDropdown
Form left, info rightInfo left, form right
Shown only when it applies to the options chosen above.

Form

SettingWhat it does
Form heading textTextText

Form fields

SettingWhat it does
Phone fieldDropdown
OffOptionalRequired
Subject fieldDropdown
OffOptionalRequired

Contact information

SettingWhat it does
Show contact informationToggleToggle
AddressTextShown only when it applies to the options chosen above.
Google Maps linkLinkPaste the URL from Google Maps. Opens in a new tab.Shown only when it applies to the options chosen above.
Email addressTextShown only when it applies to the options chosen above.
Phone numberTextInclude the country code, e.g. +44. Tapping it on a phone starts a call.Shown only when it applies to the options chosen above.
Working hoursRich textShown only when it applies to the options chosen above.
Show social iconsToggleSocial links are pulled from Theme Settings > Social mediaShown only when it applies to the options chosen above.

Map

SettingWhat it does
Google Maps embed code or URLTextIn Google Maps: Share > Embed a map. Paste the iframe code or just its URL.
Map heightNumberHeight in pixels. Set to 0 to use the default height of 400px.

Spacing

SettingWhat it does
Top paddingSliderSlider
Bottom paddingSliderSlider