FAQ With Contact Card
Centered heading and lede above a two column split pairing an accordion of common questions with a contact card and direct inbox list.
Centered heading and lede above a two column split pairing an accordion of common questions with a contact card and direct inbox list.
The source for every Marketing block is included with Basic and Pro. Pick a plan to copy the code.
Already purchased? Log in
FAQ With Contact Card pairs self serve answers with a clear way to reach a human. A centered heading and lede sit above a two column split: a single open accordion of the six questions a sales team fields every day, and a narrower rail. The rail leads with a reach a person card carrying an email button, a live chat button, and staffed hours, then a quieter panel listing three direct inboxes for billing, press, and security.
The questions are one typed array, so trimming to four or adding a seventh is a data change rather than a layout change, and the first item stays open by default to show the pattern. The rail is fixed markup built from the ui Button primitive and simple links, so wiring the buttons to a mailer or a chat widget and pointing the inbox rows at real addresses is the only integration work.
Reach for this block low on a pricing page or as the body of a contact page, once a visitor has questions but has not yet decided to write in. It works especially well for a plan led product where the same handful of questions about billing, trials, and migration precede most deals, because answering them in place shortens the path to a signup while still offering a person for everything the list does not cover.
A natural flow around it on a Marketing Pro page:
Before
After
The obvious fit is a plan and billing FAQ beside a support contact rail. A few other ways to use the frame:
Tip: keep the accordion to the questions that genuinely deflect a message, and let the card carry the rest. A short honest list converts better than an exhaustive one nobody reads.