Quick start
The live chat in four steps, in about 10 minutes. No server code.
You need the credentials file from your live chat provider. It has your live chat address,
site key, operator key and admin login. Below, replace https://chat.example.com,
site_XXXX and op_XXXX with yours.
1. Chat bubble
Player site Paste before </body> on every page:
<script src="https://chat.example.com/widget.js" data-site="site_XXXX" async></script>✓ Open your site: a chat button appears in the corner.
2. Agent screen
Backoffice Make a "Live chat" page and paste:
<iframe src="https://chat.example.com/console/?op=op_XXXX&menu=on"
style="width:100%;height:100vh;border:0" allow="clipboard-write"></iframe>&menu=on gives the page a menu (☰) with Settings and Sign out.
✓ Open the chat page and sign in with the admin login. Send "test" from your site: it appears here.
3. Your team
No code ☰ → Settings → Team. Add each agent with an email and a password.
4. Allowed websites
No code ☰ → Settings → Allowed websites. Add your site's address and your backoffice's address.
Done. Your players can chat with your team.
Want more?
Each of these is one step in the full guide:
| Add | What you get | Work |
|---|---|---|
| Recognise logged-in players | Agents see who they are talking to; one chat on every device | Player site |
| Sign in from the backoffice | Staff don't need a second password | Backoffice |
| Alerts bell | Staff see waiting players from any backoffice page | Backoffice |
| Full-page chat | The chat fills a page such as /chatroom |
No code |
| Add-ons | Automatic notices, player profile, internal notes, reports | Ask your provider |
Something not working? See Troubleshooting.