Add live chat to your website

The website chat puts a chat button in the corner of your site. Visitors who use it land in the same inbox as your WhatsApp and email conversations. Installing it means pasting one line of code into your site once — if you can edit your site's theme or add a "custom code" block, you can do this.

Create the channel

1. In the console, go to Channels and choose Connect channel.
2. Choose Website chat.
3. Give it a Channel name — your website's name is fine, and it is what your team sees in the inbox — then Create channel.

Juno creates the channel and its key for you. Open it from the Channels list to find three tabs: Appearance, Install & SDK and Settings.

Make it look like your site

On the Appearance tab you can set:

• Title — the name shown in the chat window's header.
• Accent and Header text — your brand colour, and the text colour that reads well on it.
• Mode — Light or Dark.
• Position — Bottom-right or Bottom-left, whichever corner your site leaves free.
• Corner radius, Launcher (an emoji on the chat button) and Font.

The preview updates as you go. If you would rather describe it, type something like "rounded, friendly, our green" into Describe the style and choose Generate with AI, then adjust. Choose Save appearance when you are happy. Changes reach your live site without re-installing anything.

Put it on your website

On the Install & SDK tab, the Embed box holds one line of code with your key already in it. Copy it, then add it to your site so it loads on every page, just before </body>:

• WordPress — add it to your theme's footer, or use a plugin that adds "footer scripts" and paste it there.
• Shopify — in your Shopify admin, go to Online Store → Themes → Edit code, open theme.liquid, and paste the line just before </body>. Save.
• Google Tag Manager — create a new tag of type Custom HTML, paste the line, and set it to fire on All Pages.
• Other site builders — look for the setting that adds custom code to every page, often called "custom code", "tracking code" or "footer code", and paste it there.

If someone else looks after your website, send them the line from the Embed box — that is everything they need. The rest of the Install & SDK tab is for developers who want to control the chat from their own code or tell Juno who a signed-in visitor is; you can ignore it. See The web chat widget for that side.

Check it works

1. Open your website in a new browser window. The chat button should appear in the corner you chose.
2. Send a message from it.
3. It should appear in the Juno inbox within a few seconds. Reply from the inbox and the answer appears in the chat window on your site.

Back on Channels, the channel shows Not installed until your site loads the chat for the first time; after that it no longer does.

If the AI assistant is switched on for web chat, it answers visitors itself and hands over to your team when needed. If it is off, messages wait in the inbox for a person.

Keep it on your own site

By default, the chat works on any website that has the line of code. On the Settings tab, Allowed domains lets you list your own sites, one per line — yourshop.com, or *.yourshop.com to include every subdomain — so that nobody else can put your chat on their page. Leave it empty to allow any site.

Good to know

• Web chat has no 24-hour reply window. You can reply whenever you like, though a visitor who has closed the tab will only see it if they come back to your site in the same browser.
• A visitor is anonymous unless they tell you who they are in the chat. If they clear their browser data, their next chat starts as a new conversation.

Where to go next

• Working the inbox
• The web chat widget (for developers)
• Connect your WhatsApp number