WisebotAI
Integrations

Embed & platforms (HTML, React, Next.js, JS, Framer)

Copy-paste embed snippets for your site or app using organization and agent IDs.

Embed & platforms overview

Where to configure

Dashboard → Integrations (/integrations) lists HTML, React, Next.js, JavaScript, and Framer. Select a platform to view the embed script and instructions.

How snippets work

Snippets load the widget bundle (e.g. widget.js) with data attributes:

  • data-organization-id — Your org ID
  • data-agent-id — The selected agent from the navbar switcher

Always select the right agent before copying code.

Environment URLs

Development examples may reference localhost ports for the widget app; production uses your hosted widget URL—replace accordingly in each environment.

Framer

Framer has dedicated instructions in the panel (e.g. “Add WiseBot to Framer”). Follow the Framer-specific steps when available.

Embed app

The apps/embed package provides an iframe-friendly experience for embedding chat in third-party sites—use when you need isolated embedding instead of the floating widget.