Skip to content

Contact cards

The Lapels Contact cards section: the heading "Reach the bench." with the last two words in italic over the line "Four ways through; we answer within one business day.", with a photograph of a camel scarf being tied at the left labeled VISIT with the address Rua das Flores 12, 4050-262 Porto, and four ruled cards at the right. They read EMAIL hello@example.com with "Write to us", PHONE +351 220 000 000 with "Call the bench", HOURS Mon–Fri, 10–18, and REPAIRS Free for five years.

The ways into your store, set out as cards. Each Contact method block is one route, such as an address, a number or an opening time. A Map block adds a tile showing where you are.

What it does: Answers “how do I reach a human?” without a form. Some questions are a phone call, and a store that hides its number reads as one that does not want to be called.

Key settings (in the section’s settings):

SettingWhat it doesDefault
Color schemeSection colors.scheme-paper
Heading widthNarrow, Normal, Wide, or Full width.Wide
Heading alignmentLeft, center, or right.Left
SubheadingAn optional small label above the heading.Empty
HeadingThe headline. Italicize a word to set it in the emphasis font.”Reach the bench.
Intro textA line under it. This is the place to state your turnaround.”Four ways through; we answer within one business day.”
Columns on desktop2 to 4.4

The section also carries a Section spacing group. Pick a Device of Desktop or Mobile, then set Top and Bottom.

Blocks: Contact method and Map, up to 7 between them.

Contact method settingWhat it doesDefault
IconChoose Envelope, Telephone, Map pin, Speech bubble, Support, Worldwide, Repairs, Clock, Gift, Delivery, Parcel, Returns, or Cross.Envelope
LabelWhat kind of route this is.”Email”
ValueThe address, number or hours themselves.hello@example.com
LinkWhere the card goes. Use mailto: for an email and tel: for a phone number so a tap opens the right app.Empty
ActionThe link’s wording. Leave it empty on a card that is information rather than a route, such as opening hours.”Write to us”
Map settingWhat it doesDefault
Map imageA picture of the place, or a map still.Empty
LabelThe card’s kind.”Visit”
AddressThe address, printed as text.”Rua das Flores 12, 4050-262 Porto”
CoordinatesThe latitude and longitude Google Maps shows in its own link, separated by a comma.”41.1436,-8.6118”
Zoom1 to 20, for the map the action opens.15
ActionThe link’s wording.”Open the map”

When to use it: Use it at the top of a contact page, above a Contact form. The routes come first, and the form covers everything they do not.

Related: Contact form · FAQ · Footer · Lapels support replies within 12 hours.