Live chat embed snippet generator
Copy a ready-to-paste install snippet for HTML, Shopify, WordPress, React, Next.js, Vue, Nuxt, Svelte or Astro. Add your widget key and it is ready to ship.
Paste your key to get a ready-to-ship snippet. You'll find it in Sellio under Settings → Chat widget after you create a free workspace.
Snippet · sellio-widget.html
sellio-widget.htmlhtml<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>Paste before the closing </body> tag on every page.
The widget reads window.sellioSettings, so the settings object has to exist before embed.js runs. That ordering is why the snippet looks the way it does. Full guides live in the installation docs.
How to use it
- 1Pick your platform: plain HTML, Shopify, WordPress, or a framework like React, Next.js, Vue, Nuxt, Svelte or Astro.
- 2Paste your widget key to get a ready-to-ship snippet, or leave it blank for a placeholder.
- 3Copy or download the file and paste it where the tool says — the snippet is the same one Sellio's docs and deploy screen generate.
FAQ
In Sellio, after you create a workspace: open the widget install settings and the key is shown there. Paste it into this tool for a ready-to-ship snippet.
- One key per workspace per domain. A second site means a second workspace with its own key.
- Leave it blank to preview. The generator uses a placeholder so you can see the snippet before you have a key.
- Same snippet as the docs. What you copy here matches what Sellio's docs and deploy screen generate.
Full steps in the installation docs.
Still have a question? Contact us or browse the docs.
Share
Related tools
See also: Chat widget