How to

How to add live chat to your website in five minutes

Every live chat widget installs the same way: one script tag before the closing body tag. This page shows where that tag goes on the platforms people ask about most, then what to switch on once the launcher appears.

No credit card. Live in minutes.

Install

The snippet, and where it goes on How to

Paste this into before the closing </body> tag on every page. Replace the placeholder with the widget key from Settings, then Install; the snippet there already carries it.

  1. In Sellio, open Settings, then Install, and copy the snippet with your widget key.

  2. Paste it before </body> in your site's layout, or in your platform's footer code box.

  3. Reload the site. The launcher appears; open it and send a test message to your own inbox.

  4. Framework guides for Next.js, Vue, Nuxt, Svelte and Astro are in the install docs.
index.html
<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>

Where the snippet goes

Plain HTML

Paste it before </body> in your layout or template. Done.

Shopify

Online Store, Themes, Edit code, theme.liquid, before </body>.

WordPress and WooCommerce

Theme footer.php before </body>, or a code-snippet plugin set to the footer.

Squarespace

Settings, Advanced, Code Injection, Footer. Business plan or above.

Wix

Settings, Custom Code, Add Custom Code, Body end, all pages. Premium plan with a domain.

React, Next.js, Vue, Nuxt, Svelte, Astro

A loader component rendered once near the root; framework guides in the docs.

After the launcher appears

  1. Step 1

    Make it yours

    Brand colours, launcher, avatar, greeting and a timed welcome pop-up, from Settings.

  2. Step 2

    Decide what to ask first

    A pre-chat form for name or email, or nothing. Add the help center so visitors can read before they write.

  3. Step 3

    Turn on an AI agent

    Point it at your website and documents, set a cap, and let it take the first reply on website chat.

FAQ

Live chat install questions

No. Copying one snippet into the place your platform provides for scripts is the whole install. The platform pages linked here show the exact clicks.

  • Copy from Settings, then Install. The snippet already carries your widget key.
  • Paste before the closing body tag, or into your platform's footer code box: theme.liquid, footer.php, Code Injection, Custom Code.
  • Reload and test. The launcher appears; open it and send a message to your own inbox.

Only React and similar apps need a component, and the install docs include it.

Still have a question? Contact us or browse the docs.

One snippet, five minutes, every platform.

Paste it once, brand it, and put an inbox and an AI agent behind it.

No credit card required