Opens in a new tab
Log inStart free

Contact · Card

A contact section for Bricks Builder with a boxed form beside a dark card holding the contact details, social links and a WhatsApp button. Built with the native Bricks form and FBK Social, it keeps everything a visitor needs to reach you in one view.

Dark mode ready

Copying for Fancy Framework · Desktop first

Needs a framework. Get Fancy Framework (free)

In the annual plan, $99/year. See plans

Preview

Preview of the card template: a contact section for Bricks Builder with a boxed form beside a dark card holding the contact details, social links and a WhatsApp button

Template details

What’s inside

The components it’s built from. They come with the template when you paste it, and you edit them from the Bricks panel.

  • FBK Button

    A link styled as a button, with style, size and width.

  • FBK Icon item

    Icon, title and text, stacked, inline or boxed.

  • FBK Intro

    Eyebrow, title, lead and an actions slot for buttons.

  • FBK Social

    Links to your social profiles, logo and network name.

Adjust it

Change these variables in Bricks to tune it; everything else follows your framework.

On the element Stage, class fbk-ccard

--fbk-t-band
var(--base-ultra-light)
--fbk-t-band-start
75%

How far the chat button sticks out above the card

--fbk-t-chat-shift
-50%

Replaces

In Fancy Bricks 1.0 and 2.0 this was Contact Us (1.0).

More like this

See all Contact templates