Add Live Chat to Your Website

What you will end up with

A chat widget on your website. Visitors start a conversation there, and it lands in the same inbox as every other channel — no app to install, no phone number needed.

Before you start

• Permission to manage channels in Orqestra.
• Somewhere to paste one <script> tag into your site's HTML.

Steps

1. Create the channel

1. Open Settings → Channel Setup.
2. Select Add Channel, then Web Chat.
3. Give it a name you will recognise in the inbox, such as “Website Chat”.

2. Choose how it looks

Open Configure on the new channel. Pick a template:

• Aurora — the default. A conventional chat bubble.
• Concierge — adds a branded welcome panel with entry points, so a visitor picks what they need before typing.
• Console — dense rows instead of bubbles, for support-heavy use.

Set the accent colour to your brand. You do not need to worry about text contrast: Orqestra computes whether to put white or near-black text on your accent, so a pale brand colour will not produce invisible labels.

Your settings are kept per template.
Switching from Aurora to Concierge and back does not lose the colours or copy you set on either. Behaviour — pre-chat fields, the welcome Journey, attachments — is shared across all three, so changing the look can never quietly unwire a live Journey.

3. Ask for details before the chat starts (optional)

Under pre-chat fields you can require a name, email or phone number before the conversation opens. These values are saved on the contact and are readable from automations as {{field_1}}, {{field_2}} and so on, so a Journey can greet someone by name.

4. Put it on your site

1. Open the Widget tab on the channel.
2. Copy the <script> snippet.
3. Paste it just before </body> on every page that should show the widget.

There is also a public link if you want a standalone chat page rather than an embedded widget — useful in an email signature or a QR code.

How to check it worked

Load your site in a private window, open the widget, and send a message. It should appear in Conversations with the Web Chat badge within a few seconds.

When it does not work

• The widget does not appear. Check the allowed origins on the channel — the widget refuses to load on a domain you have not listed. That is deliberate: it stops someone else embedding your inbox on their site.
• It appears but messages do not send. Usually a content security policy on your own site blocking the connection. Check the browser console.