ProductWidget DesignerWorkflowsDocsPricing
Design your widget
Docs

Guides & references

FluxChat doesn't have a full docs site yet — here's everything currently written down, in one place.

Getting started

Design your widget

Set your theme and get a copyable embed snippet, with a live preview using the real widget bundle.

Open the widget designer →

Browse the workflow library

See every core and add-on n8n workflow behind the AI Chat Agent, and what each one enables.

View workflows →

Platform integration

WordPressLive
  1. Go to Appearance → Theme File Editor → footer.php (or use a header/footer plugin's Footer field).
  2. Paste both <script> tags right before the closing </body> tag.
  3. Save. Add a version query string to the script URL on every rebuild so caching plugins don't serve a stale copy.
ShopifyLive
  1. Go to Online Store → Themes → Edit code → layout/theme.liquid.
  2. Paste both <script> tags just above the closing </body> tag.
  3. Save the file.
WixLive
  1. Go to Settings → Advanced → Custom Code.
  2. Add a new code snippet, paste both <script> tags, and set it to load on all pages, in the Body — end position.
SquarespaceLive
  1. Go to Settings → Advanced → Code Injection.
  2. Paste both <script> tags into the Footer field and save.
WebflowLive
  1. Go to Project Settings → Custom Code → Footer Code.
  2. Paste both <script> tags and publish your site.
Plain HTMLLive
  1. Paste both <script> tags directly into your .html file, right before </body>.
WordPress plugin
Live

The script embed works today on all of these. A dedicated WordPress plugin — which keeps your API key server-side instead of in page source.

  1. In wp-admin, go to Plugins → Add New → Upload Plugin and upload the FluxChat Widget zip, then activate it.
  2. Go to Settings → FluxChat Widget, enable "Show the chat widget on the site", and paste your n8n API key and base URL.
  3. Set your theme — header title, welcome message, primary color, position, avatar, and border radius — then click Save Changes.

Guides

Streaming and rich cards: what's inside the FluxChat SDK

A tour of what the Flutter SDK and web widget actually do under the hood, from the begin/item/end streaming protocol to rich product cards.

Read the guide →

Add the FluxChat widget to your WordPress site

Step-by-step: paste the embed snippet into your theme's footer and go live in five minutes — plus the WordPress plugin alternative.

Read the guide →