HomeIntegrationsany website

Add a support agent to any website

Install the official @chatixy/widget package, or paste one async snippet before </body> - Chatixy works on any stack.

Official listing

Get it on npmnpm install @chatixy/widget

Prefer to paste the code yourself? The FAQ below covers the manual install.

If you build with a JavaScript bundler, install the official package: npm install @chatixy/widget, then call its loader once when your app starts. It is published on npm, ships TypeScript types, and works the same in React, Vue, Svelte, Angular and Next.js.

If you can edit your site’s HTML instead, paste the single asynchronous script tag - it works on any stack, static HTML and custom CMSes included.

Either route identifies your project with a public key, so there are no secrets in your markup, and neither blocks your page load.

Add Chatixy to any website

Create your agent

Sign up, add your site URL and let Chatixy crawl and train on your content.

Pick your route

Building with a bundler? Run npm install @chatixy/widget. Editing HTML directly? Open your project’s Embed tab in Chatixy and copy the one-line script snippet.

Add it to your app

With the package, call its loader once where your app boots. With the snippet, paste it just before the closing </body> tag in your site template so it loads on every page.

Deploy

Ship the change and reload - the launcher appears and begins answering questions.

Chatixy on any website

Is there an official npm package?

Yes - @chatixy/widget, published on npm by Chatixy. It wraps the same loader the snippet uses, so anything you can do with the script tag you can do from your bundle.

How do I embed a support agent on my website?

Copy the Chatixy script snippet from your project’s Embed tab and paste it just before the closing </body> tag of your site. It loads asynchronously and appears on every page that includes the snippet.

Does it work with React, Vue or other frameworks?

Yes. Install the official @chatixy/widget package from npm and call its loader once where your app boots - it ships TypeScript types and works the same in React, Vue, Svelte, Angular and Next.js. The plain script tag stays available if you would rather not add a dependency.

What your customers get once it is connected

Live demo

A scripted demo - every feature you see ships out of the box.

Launch on any website today

Train Chatixy on your content and paste one snippet - start with a 7-day free trial, no credit card required.