Skip to main content

​
Overview

Flow Builder can generate an embeddable chat widget that you drop into any website. The widget runs your flow as a chat assistant, giving visitors a conversational interface without leaving your site.

​
Setup

1

Open Your Flow

Navigate to your flow in Flow Builder.
2

Generate Widget Code

Click the Deploy or Widget button in the toolbar. Configure colors, position, and welcome message.
3

Copy the Script Tag

Copy the generated embed code.
4

Paste into Your Website

Add the script just before the closing </body> tag:

​
Customization Options

​
Technical Details

  • Shadow DOM — Widget styles are completely isolated from your site’s CSS
  • localStorage — Conversation persists across page navigations and refreshes
  • SPA compatible — Handles React, Vue, Next.js navigation automatically
  • Lightweight — Loaded asynchronously, no impact on Core Web Vitals
  • CSP — Add flow.assistable.ai to script-src and connect-src if using strict Content Security Policy

Testing

Test your flow before embedding

Voice Connection

Deploy to voice instead

API Key Setup

Required before deployment