Skip to content
MirageCHATEngagePublishGrow
Start free
Menu
Back

Add the MirageCHAT chat to your website

5 min readFor the owner or whoever runs the websiteUpdated

All More channels guides
On this page
  1. 1. Design it
  2. 2. Publish and get the code
  3. 3. Paste the line into your website — once

In short

You design the chat in MirageCHAT, press Publish, and paste one line of code into your website once. After that, every change you publish reaches the site by itself.

1. Design it

In MirageCHAT, go to Channels › Website Chat. Eight sections, left to right, with a live preview beside them:

  • Channel & hours · Brand · Launcher · Welcome & questions
  • Before the chat · Trust & team · After the chat · Install & publish

Paste your website address and MirageCHAT reads your pages — prices, location, policies, contact — and writes the first questions in your words.

2. Publish and get the code

  1. Add your website address

    In Install & publish, add the websites allowed to use your chat — for example yourbusiness.com and *.yourbusiness.com. Any other site is refused.

  2. Check your site

    Press the check: MirageCHAT opens your homepage and tells you if anything would stop the chat.

  3. Press Publish & get the code

    Publishing replaces the live version within a minute. You get one line of code and the instructions.

Widget Studio under Channels › Website Chat, on section 8, Install & publish: the eight sections, Your code with the one-line script tag, Websites allowed to use this key with seasidevilla.example.com, the start of Check my site, Publish & get the code, and the live preview of the Seaside Villa chat.
Widget Studio: eight sections, a live preview, and Install & publish. Illustration with sample names.

3. Paste the line into your website — once

  1. Paste it before </body> on every page

    In WordPress, the theme’s footer or a “custom code” field; in a React or Next.js site, the root layout. Keep defer.

  2. Open your site

    The launcher appears in the corner you chose. Tap a question — the written answer comes back.

The Your widget is live — here is the code window: the one-line script tag with Copy, the steps starting with Paste it before </body> on every page, and the buttons Email these instructions to my developer and Done.
Publish gives you one line to paste before </body>. Illustration with sample names.

Give the line to whoever manages your website. Once it’s in place, you never touch the site again — every change you publish reaches it.

Ready?

Opens MirageCHAT in this tab. Sign in first if you’re not already.

Open Website Chat

Related guides

Connect InstagramConnect an Instagram professional account in Instagram’s own window, so its direct messages land in your MirageCHAT inbox.3 minSet up MirageCHAT in 15 minutesYour first hour in MirageCHAT: create the workspace, connect one channel, teach the AI your basics, turn on notifications and invite a colleague.15 minConnect WhatsAppKeep your number in the WhatsApp Business app or connect a dedicated number — with Meta’s window explained screen by screen.5 min

Still stuck? Write to info@miragechat.io with your workspace name. Never send passwords or codes.

Try MirageCHAT free for 14 days

No credit card is required, and then Free — 2 accounts, the inbox and Instant Post. Provider charges such as WhatsApp or SMS stay on your own provider account.

Start free trial