HTML

Use this guide for static sites, custom HTML, or any framework not listed in the sidebar.

Add the snippet

Paste this before the closing </body> tag on every page where the widget should appear.

index.html

<!DOCTYPE html>
<html lang="en">
  <head>
    <meta charset="UTF-8" />
    <title>My Site</title>
  </head>
  <body>
    <!-- your page -->
    <link rel="preconnect" href="https://sellio.chat">
<link rel="preconnect" href="https://sellio.chat" crossorigin>
<script>
  window.sellioSettings = { widgetKey: "your-widget-key" };
  (function (w, d) {
    w.SellioWidget = w.SellioWidget || [];
    var s = d.createElement("script");
    s.src = "https://sellio.chat/widget/embed.js";
    s.async = true;
    d.head.appendChild(s);
  })(window, document);
</script>
  </body>
</html>

Replace your-widget-key with the key from Settings → Install.

✦

The widget key is public and safe to commit. It identifies the workspace to the widget and carries no permissions.

Identify visitors

Once your app knows who is signed in, call setVisitor so agents see a name and email in the inbox:

identify.js

SellioWidget.setVisitor({
  id: "your-user-id",
  name: "Ada Lovelace",
  email: "ada@example.com",
});

ℹ

Safe to call before the embed finishes loading — window.SellioWidget queues commands until the real API is ready.

Verify

Deploy your site, open a page, send a message from the widget, then check your Sellio inbox.

Updated 14 September 2026. Something wrong or missing? Tell us.

PreviousInstallation NextNext.js