Embedding your widget

Embed Tab

One snippet, any website.

The Embed tab generates a ready-to-paste snippet containing your widget's full design and webhook connection. Choose one of the two deployment methods below and paste it just before the closing </body> tag of your site. The widget mounts itself — no plugin, no build step.

Standard Script (ES Module). A copy-pasteable <script type="module"> snippet. It loads the widget loader dynamically and initializes it using an inline ChatWidget.init() configuration object. Use this first — it works in most cases.
CSP-Compliant Script (No-Module). An alternative <script> block for websites with strict Content Security Policy rules that block inline scripts or ES module imports. It loads an external embed.nomodule.js file and passes your entire configuration safely through a URL-encoded data-stylchat-config attribute. Use this only if the standard script is blocked.

The generated embed snippet — paste it before </body>. — The generated embed snippet — paste it before `</body>`.

Works everywhere: WordPress, Shopify, Webflow, Squarespace, React/Next.js apps, or a plain HTML file.
Connect first: if you haven't connected a webhook yet, the tab reminds you — the script won't have anywhere to send messages until you do.

Changed your design after embedding? Re-copy the snippet from the Embed tab and replace the old one on your site — the snippet carries the design with it.

See the full Help Center for setup, customization, and billing.