c.l.cladDocs

Render modes

Floating, embedded, and custom-launcher render modes for the chat widget.

await chat.render({ mode: "floating" });                         // default
 
await chat.render({ mode: "embedded", target: "#support-panel" }); // inline
 
await chat.render({ mode: "custom-launcher", launcher: false });   // your launcher
ModeBehavior
floatingDefault. Floating launcher + panel anchored to a corner.
embeddedRenders the widget inside a container you provide (target).
custom-launcherHides our launcher; you control open/close. Events still fire.
📷 Screenshot needed

Floating vs. embedded

A side‑by‑side (or two stacked shots) showing the floating widget anchored to a corner and the embedded widget rendered inline inside a page container, so readers can see the difference between render modes.