Articles on: Rooms

Contact widget

The Contact widget displays a person card with photo, title, and contact details. Use it for sections like "Your team" or "Key stakeholders".



How to add


  1. On the floating build bar at the bottom of the editor, open the ⌄ All widgets popover and locate Contact.
  2. Drag it onto the target section.
  3. The Select a contact dropdown opens automatically. Pick a person:
    • A room participant — the list shows everyone in the room with their name, role and company, and pulls from their profile (photo, title, phone, email, LinkedIn, booking link). Internal or external.
    • Manual entry ("External contact, not in this room") — creates a blank card and opens the Edit contact popup so you can type the details directly.



The selection pill — Contact controls


Click the Contact widget to select it. Left to right:


  1. Ask AI (gradient AI mark).
  2. Open (expand icon) — opens the Edit contact popup (see below).
  3. Edit content (replace icon) — reopens the Select a contact dropdown so you can swap to a different person while preserving the card's design.
  4. Design (paint bucket icon) — opens the contextual Design panel.
  5. ⋮ More — Duplicate · Delete.


(No S / M / L or Dark-mode chip — see below.)


Card size and layout


There is no Size dropdown. The card adapts to the block: make it short and it renders as a compact row; give it more height and it becomes a banner card with the coloured stripe, a large avatar, and — as it gets taller — the subtitle and a contact detail pill. Everything scales together as you enlarge the block, and narrow cards drop the secondary action button.


Edit contact — the details popup


Open via the expand icon on the pill (in view mode, clicking the card opens it too). The Edit contact popup lets you set:


  • Name
  • Job title
  • Profile picture — upload an image, or keep the participant's avatar
  • Avatar color — drives the card's top accent band and the fallback avatar background (swatch or hex)
  • Phone
  • Email
  • LinkedIn
  • Booking link — typically a Calendly URL
  • Replace contact — button (bottom-left) to swap to a different person without losing your card design
  • Cancel / Apply


What's displayed


  • Photo (from profile or uploaded). The contact card also has an avatar color setting that drives:



    Pick a color that harmonizes a row of cards or matches your branding.
    • the top stripe / accent band of the card (always — even when there's a photo)
    • the fallback avatar background when no photo is set (the initials sit on it)
  • Name
  • Job title
  • Action buttons — one per channel the contact actually has, in this order: Send a message (room participants only), Book a meeting, Send an email, Call, LinkedIn. The first one (Book a meeting when available) is styled as the primary button; the rest sit alongside it, labelled when there's room and icon-only when there isn't.


Common use cases


"Your team" section

Show your buyer who they'll work with on your side. Include:

  • The account executive
  • The customer success manager (once assigned)
  • The solutions engineer
  • The executive sponsor


"Stakeholders" section (buyer-side)

Show the key stakeholders from the buyer's side — their champion, procurement, legal. Useful for aligned action plans.


"Contact us"

A single contact card with your primary point of contact.


Keeping profiles current


If you pull from a participant's profile, their info updates automatically when they update their profile. This is why complete profiles matter — see Your personal profile.


Multiple contacts in one section


Stack multiple Contact widgets for a team view. Tidier than one giant block.


Updated on: 01/10/2026

Was this article helpful?

Share your feedback

Cancel

Thank you!