Install guide

One line. That's the whole install.

Paste the snippet below into your website and the assistant appears in the bottom corner, in your colours. Works on WordPress, Shopify, Wix, plain HTML, and React.

Paste before </body>

<script src="https://api.hazeai.in/widget.js"
  data-company="your-company"
  data-title="Chat with us"
  data-color="#c2543f"></script>

data-companyRequired

Your Haze AI ID. We send it to you when you sign up — it tells the assistant whose business it's answering for.

data-titleOptional

The heading at the top of the chat window. Defaults to “Chat with us”.

data-colorOptional

The widget's accent colour. Use your brand's hex code, e.g. #0e7a4d.

Where to paste it

Your platform, your two minutes.

WordPress

Dashboard → Appearance → Theme File Editor → footer.php. Paste the line just before </body>. Prefer plugins? Any “insert headers and footers” plugin works too.

Shopify

Online Store → Themes → Edit code → layout/theme.liquid. Paste the line just before </body> and save.

Wix

Settings → Custom Code → Add Custom Code. Paste the line, choose “Body — end”, and apply it to all pages.

Plain HTML

Open your HTML file (or shared footer) and paste the line just before the closing </body> tag.

Using React?

Still one line — usually.

Vite or Create React App: your project has an index.html — paste the same line before </body> there. Done.

Next.js or other server-rendered React: there's no HTML file to edit, so add this small component once in your root layout or App.jsx. In the Next.js App Router, put "use client"; at the top of the file.

HazeChat.jsx — render once in your layout

import { useEffect } from "react";

export default function HazeChat() {
  useEffect(() => {
    if (document.getElementById("haze-widget")) return;
    const s = document.createElement("script");
    s.id = "haze-widget";
    s.src = "https://api.hazeai.in/widget.js";
    s.dataset.company = "your-company";
    s.dataset.title = "Chat with us";
    s.dataset.color = "#c2543f";
    document.body.appendChild(s);
  }, []);
  return null;
}

Rather not touch code?

Fair enough. Request a demo and we'll install it with you on a call — it takes about two minutes.

Request a demo