Skip to main content

Contact methods

sections/contact-methods.liquid

Settings​

SettingIDTypeDefaultNotes
Heading
EyebrowsubheadingText
HeadingheadingTextHow to reach us
TexttextRich text
Heading alignmentheading_alignmentDropdownleftOptions: Left, Center.
Layout
Cards per rowcolumnsSlider3One per row on mobile. Range: 2–4 step 1.
Business details
Headingdetails_headingTextOur details
DetailsdetailsRich text<p>Your street address<br/>Town, postcode<br/>Country</p>Address, company number, opening hours — whatever a customer needs to verify who they are dealing with.
What happens next
Headingsteps_headingTextWhat happens next
Style
Color schemesurfaceDropdownbackgroundOptions: Background, Surface, Primary, Accent.
Make section full widthfull_widthOn/offOff
Enable side paddingside_paddingOn/offOn
Top paddingpadding_topSlider48Range: 0–120 step 4.
Bottom paddingpadding_bottomSlider48Range: 0–120 step 4.
Top padding (mobile)padding_top_mobileSlider32Range: 0–120 step 4.
Bottom padding (mobile)padding_bottom_mobileSlider32Range: 0–120 step 4.

Blocks​

Contact method (method)​

SettingIDTypeDefaultNotes
IconiconDropdownemailOptions: None, Email, Phone, Chat, Location, Calendar, Clock, Question, Delivery.
LabeleyebrowTextWe reply within one working dayThe small line above the title. Set an expectation rather than repeating the method.
TitletitleTextEmail us
DetailvalueText[email protected]
LinklinkLinkMakes the whole card clickable. Use mailto: for email and tel: for phone by pasting the full address.
Open in a new windownew_tabOn/offOff

Next step (step)​

SettingIDTypeDefaultNotes
SteptextTextWe read it properly and reply within one working day.Numbered automatically, so steps can be reordered without retyping.

Maximum blocks: 12

Presets​

Available in Add section: Contact methods