Modules

Chat Widgets

Chat Widgets are embeddable widgets you drop onto any website with a single script tag. They offer two modes: live chat (visitors talk to online teammates in real time) and lead capture (visitors leave a message with their details and custom questions). Either way, every conversation lands in your workspace inbox and syncs to a contact list of your choice, deduped by email — so no lead is ever lost.

How it works

A chat widget is a small launcher button that sits in the corner of your website. When a visitor clicks it, they see either a live chat window (if teammates are online) or a lead-capture form (if no one's around).

Live chat mode

Enable live chat and the widget shows which teammates are online. Visitors start a real-time conversation that lands in your shared inbox.

Lead-capture mode

Disable live chat (or let it fall back when everyone's offline) and the widget becomes a form asking for name, email and your custom questions.

Always synced

Every conversation — live or async — creates or updates a contact in your chosen list, with all mapped question answers attached.

Note

Up to 5 widgets per workspace on any plan. Each widget has its own appearance, questions, contact list and live-chat setting.

Creating a widget

  1. 1Open the Chat Widgets area in your dashboard and create a new widget.
  2. 2Name it, pick an icon (chat bubble, headset, help, etc.) and choose your brand colours.
  3. 3Select the fill style (solid, outline or soft) and placement (bottom-left or bottom-right).
  4. 4Toggle live chat on or off, and set your greeting, offline note and lead-capture intro text.
  5. 5Add social links (Twitter, LinkedIn, Facebook, Instagram, website) to appear in the launcher.
Tip

The preview panel on the right shows exactly how the widget will look on a visitor's site — including placement, colours and the launcher animation.

Lead-capture questions

When live chat is off (or falls back), the widget asks visitors a series of questions before they submit. Each question can be marked required and reordered.

Short text

A single line — e.g. company name or phone number.

Long text

A paragraph — e.g. what they'd like help with.

Dropdown

Pick one from your options — e.g. department or plan interest.

Single choice

Radio-style — e.g. how they heard about you.

Checkboxes

Select any that apply — e.g. topics of interest.

Note

The visitor's name and email are always captured automatically — you only add the extra questions you need.

Syncing conversations to a contact list

The Sync tab connects your widget to a contact list and maps every question answer onto a list column. The visitor's name and email are always synced; you map the rest.

  1. 1Choose the target contact list for this widget.
  2. 2For each question, pick the list column it should write to — the editor auto-matches by label.
  3. 3Create a new column inline if nothing fits, or leave a question on "Don't sync".
  4. 4Every conversation then writes the mapped values to the list, deduped by email.
Tip

Because custom questions map too, a single chat can populate an entire lead record — not just name and email — ready for your team to follow up.

The workspace inbox

All widget conversations arrive in a shared inbox inside your workspace. It's real-time, collaborative and built for teams.

Claim and reply

Click a conversation to claim it — other teammates see it's taken. Reply inline and the visitor sees your answer instantly.

Live or async

Live chats show a typing indicator and deliver messages in real time. Async messages land in the inbox for you to pick up later.

Status tracking

Conversations are open, resolved or closed — so you always know what's still pending.

Teammate presence

See which teammates have the dashboard open and can chat right now — the widget shows this count to visitors too.

Embedding the widget on your site

The Share tab gives you two ways to add the widget to any website — no developer required.

Script tag (recommended)

<code><script src="https://your-site.com/embed.js" data-widget="WIDGET_ID" async></script></code> — loads a tiny async loader that injects an iframe. Handles layout, sizing and positioning automatically.

Hosted iframe

Point directly to <code>https://your-site.com/w/WIDGET_ID</code> in an iframe you control. Use this if you need custom placement or CSP constraints.

Note

Both methods load from your Flowpera domain. The widget inherits its appearance, questions and live-chat setting from the dashboard — change it there and it updates everywhere instantly.

Limits and availability

Widgets per workspace

5 — hard cap, enforced on create, on every plan including Free.

Module access

Requires the Chat Widgets module grant. Owners have it by default; grant it to managers and staff per person.

Plan availability

All plans — Free, Starter, Team and Believer all include up to 5 widgets.

Public surfaces

The widget page (/w/...) and embed loader (/embed.js) are force-light and never go dark, so they always match your site.

Related guides

Ready to use chat widgets?

Start free today — no credit card required — and turn on the modules you need.