Embeds & Widgets

Add AI Support to Any Website —
One Script Tag

Drop in an AI chat bubble or feedback widget with a single script tag. Works on any site — no framework required. Customize colors, position, and branding from the dashboard.

Free plan available

Embeds That Just Work

The Old Way

Heavy third-party widgets that slow down your site and break on SPAs.

The FutureBase Way

Lightweight embeds that work everywhere. One script tag, zero headaches.

Third-party scripts that tank Core Web Vitals
AI chat bubble: `<script src="https://embed.futurebase.io/widget.js" data-wid="AGENT_ID">`
Widgets that break on client-side navigation
Feedback widget: separate script at `/feedback-widget/[slug]/script.js`
No dark mode support — looks out of place at night
Dark mode auto-detection and SPA-aware routing
CORS issues and domain restrictions
CORS allowlist configuration from the dashboard
Capabilities

Two Embeds, Infinite Flexibility

An AI chat bubble for support and a feedback widget for insights — both deployable in seconds.

01

AI Chat Bubble

A floating chat bubble powered by your knowledge base. Customers get instant AI answers without leaving your site.

02

Feedback Widget

A standalone feedback widget that collects customer insights. Separate from the chat bubble — use one or both.

03

Customization & Control

Match your brand. Configure everything from the dashboard — no code changes needed after the initial embed.

Complaint to Shipped Fix

Revenue-saving fixes, in minutes — not months.

Customer pain becomes a ranked problem, a spec, a merged PR, and a verified win — automatically, while your team sleeps.

Never miss a signal

Every chat, email, form, and in-app whisper gets captured. The thing that would have killed your retention? You hear about it on day one.

See the real pattern

AI clusters the noise into themes that actually matter. You stop debating anecdotes and start seeing the truth behind the churn curve.

Fix the revenue-mover first

Issues ranked by dollars at risk, not by who shouted loudest. Your engineers get a ready-to-ship spec — or a PR already opened for them.

Prove it actually worked

Satisfaction tracked after every ship. You know the fix landed — and customers hear back, so they know you listened.

Embed Code

Live in Two Minutes

Copy your embed code from the dashboard and paste it before </body>. That's the entire setup.

  • Works on WordPress, Shopify, Webflow, Squarespace, Wix, Next.js, and more
  • No build step or package install required
  • SPA-aware — re-initializes on client-side navigation
  • Configure everything else from the FutureBase dashboard
app.tsx
import { ChatProvider, ChatBubble } from "@futurebase/chat/react";

function App() {
  return (
    <ChatProvider wid="YOUR_WEBSITE_ID">
      <Main />
      <ChatBubble />
    </ChatProvider>
  );
}
Integrations

Works with your stack

Connect to the tools you already use.

View all integrations

Embeds & Widgets FAQ

Common questions about FutureBase's embeddable components.

Start free.
Pay only when
you're ready.

Every feature. Every integration. 600 credits free every month. No credit card, no sales call, no catch. When you need more, plans start at $39/month.

Slack, Discord, WhatsApp
Notion, Linear, HelpScout
Analytics & custom branding
Knowledge base & file sync
SOC 2 & GDPR compliant