← Help centre

Web chat widget for your site

Where: Sparky AI > Web chat.

A chat bubble you embed on your own website, answered by the same AI assistant. Conversations from it arrive in your Ignix Inbox like any other channel. With Appointments on, the chat also shows a "Book an appointment" button that opens a picker (service, day, time, details) with no AI involved — and you can show this same chat on your public booking page (see "Appointments").

Step by step

  1. Go to Sparky AI > Web chat.
  2. Turn the widget on.
  3. Set the title, greeting, colour, logo and assistant name.
  4. Optionally restrict the domains where it may run (one domain per line). Leave it empty to allow any domain.
  5. Copy the code snippet and paste it into your website just before the closing body tag.

If you change the widget settings and your website still shows the old version, it is browser or CDN caching. Wait a few minutes or check in a private window.

WHERE THE BUBBLE SITS (and what to do when it gets in the way)

The bubble sits bottom right by default, which is also where most sites put their cart, their cookie bar or a WhatsApp button. Everything below is under Sparky AI > Web chat, in "Placement on your website":

  • Side: bottom right or bottom left.
  • Distance from the side and from the bottom, 0 to 200 px. Use this to lift the bubble above a fixed bar instead of moving it to the other corner.
  • Let visitors tuck the chat away: a small handle folds the bubble into a tab at the edge of the screen. It does NOT close the chat — one tap brings it back, it returns on the next page, and if someone writes to the visitor it opens again on its own. On by default.
  • Do not show it on phones: below 640 px the chat is not loaded at all.
  • Pages where it should not appear: one path per line, and * matches anything after it. For example /checkout* keeps it out of the whole checkout.
  • Use my own button instead of the bubble: hides our bubble completely, and you open the chat from any element of your site:

<button onclick="Ignix.open()">Chat with us</button>

Also available: Ignix.close(), Ignix.toggle() and Ignix.isOpen(). These work whether or not the bubble is hidden, so you can have both a bubble and a "contact us" link in your footer.

Changes to placement apply immediately — the settings travel with the widget config, not with the snippet, so there is no need to touch your website again.

You can also do all of this by asking a connected AI assistant, without opening the screen: "move the chat to the left", "keep it off the checkout", "hide it on mobile". See Integrations and custom actions.

All articles

Web chat widget for your site — Ignix Help