LeFlux Docs — AI Chat Widget Setup and Guides

What is LeFlux?

LeFlux is a JavaScript widget you add to your website. Visitors chat in natural language. The agent can answer from your site’s public pages, help them navigate, and assist with supported forms. When a visitor needs a person, your team can take over the conversation.

After you add your site in the dashboard, install one <script> tag. LeFlux works with plain HTML, React, Next.js, WordPress, Shopify, Webflow, Framer, and other sites that allow custom scripts.

Universal indexing

Every interactive element on the page gets a numeric id. The agent references elements by id, not CSS selectors — works on any site without per-tenant rules.

Knowledge base

A built-in crawler walks your site and builds a knowledge graph. The agent answers from crawled content first, navigates only when needed.

Multi-language

Visitor writes in English, Roman Urdu, Hindi, Spanish, Arabic — agent mirrors the language every turn. Detection runs each message, no manual config.

Action execution

Click, type, scroll, navigate, select — five atomic primitives compose into multi-step workflows. SPA-aware (Next.js Link, React Router) so client-side state survives.

Form auto-fill

Helps collect missing details and fill supported forms. Test submission and confirmation on your own site before launch.

Three layouts

Floating bubble, bottom-bar pill, dockable side panel — set the default per-site, or let visitors switch from the chat header (lock it if you’d rather not). Always floating on mobile. Live theme follows your brand color.

Add the widget with one script

<script src="https://leflux.ai/embed.js" async></script>

The script does not need a token or API key in the page. First, add your site and allowed host in the dashboard; then paste the script. The widget loads your site’s settings and mounts inside a shadow DOM to avoid common CSS conflicts.

Works on every platform

Same one line, whatever you built with. We have a guide for each.

Works on WordPress Shopify Webflow Framer Next.js React Squarespace Wix Plain HTML Astro Vue / Nuxt + any custom stack

Solve a visitor problem

Add AI chat to your website Install the widget, connect public pages, and test real visitor questions.

Set up AI customer support Use site knowledge for answers and test a handoff to your team.

5-minute quick start Sign up, register a domain, paste the script, done.

Configure from the dashboard Brand color, layout, greeting, launcher, nudge, chips.

How it works under the hood Universal indexing, iterative loop, knowledge-base injection, action primitives.

Full REST + WebSocket API For programmatic integrations and custom event piping.

Release notes What's new in LeFlux. Every shipped change, newest first.