Embed Flux with a Single Script Tag

Embed. Authenticate. Act. Full programmatic control.

< 5KB

WebSocket

my-saas.com

index.html

<body>

<script

src="https://flux.smart-apps.in/widget.js"

data-tenant="my-saas"

data-user-email="{{user.email}}"

data-user-name="{{user.name}}">

</script>

</body>

My SaaS App

Dashboard

Quick start

index.html

<script

src="https://flux.smart-apps.in/widget.js"

data-tenant="your-tenant-id"

data-user-email="{{user.email}}"

data-user-name="{{user.name}}">

</script>

The embed is under 5KB, connects via WebSocket, and works on any framework.

Programmatic control

flux.js

// ── Identity ──────────────────────────────

window.__piWidget('identify', {

email: 'jane@company.com',

name: 'Jane Smith',

plan: 'pro',

company: 'Acme Inc'

});

// ── Events ────────────────────────────────

window.__piWidget('trackEvent', 'checkout_started', {

cart_value: 299,

items: 3

});

// ── Widget control ────────────────────────

window.__piWidget('show');

window.__piWidget('hide');

window.__piWidget('open', { message: 'Help me with my order' });

window.__piWidget('shutdown');

Customization

Every aspect of Flux is configurable — appearance, content, behavior, and per-tenant settings.

Appearance

Agent name, avatar, primary color, embed position, remove branding

Content

Home cards, FAQ, offers, help center articles, response style

Behavior

Business hours, triggers, escalation rules, CSAT prompts

Connectors

Build custom connectors to integrate Flux with any system. Wizard-driven setup — provide your API URL, choose an auth method, define scopes, and test the connection. Connector actions become Flux tools automatically, scoped to the authenticated visitor.

Auth methods

Bearer token, API key, OAuth 2.0, consumer key/secret

Localization

10+ languages. Out of the box.

Set the data-language attribute on your embed script. Widget UI strings — buttons, placeholders, timestamps — render in the selected language automatically.

English Spanish French German Hindi Portuguese Arabic Chinese Japanese And more...

AI Persona

More than an agent name.

Define your AI's complete character — not just a name, but identity, personality traits, and behavioral instructions. "Priya from Swiggy" answers differently than "Support Bot." The soul system shapes tone, vocabulary, and decision-making.

Custom name, identity, and personality traits

Behavioral instructions for edge cases

Response style: terse, balanced, or verbose

Soul Definition

name: "Priya"

identity: "Customer success at Swiggy"

personality:

- Warm and conversational

- Resolves issues proactively

- Knows when to escalate

style: balanced

Home Screen

Customize what visitors see first.

Configure up to 6 quick-action home cards, 10 FAQ items, and 10 promotional offers. Visitors can self-serve from the home screen without starting a conversation — reducing volume while improving experience.

Home cards

FAQ items

Offer items

Start building.

Start Free