Demo Website

This page embeds the webchat widget. Click the chat button in the bottom-right corner to start a conversation.

Setup: Replace YOUR_CHANNEL_PUBLIC_KEY with your channel public key and ensure BACKEND_URL points to your backend (e.g. https://api.example.com).

Embed via data attributes

<script src="https://cdn.socket.io/4.7.2/socket.io.min.js"></script>
<script
  src="BACKEND_URL/webchat/webchat.js"
  data-channel-public-key="YOUR_CHANNEL_PUBLIC_KEY"
  data-api-url="BACKEND_URL/api"
  data-ws-url="ws://BACKEND_HOST"
></script>

Embed via init

<script src="https://cdn.socket.io/4.7.2/socket.io.min.js"></script>
<script src="BACKEND_URL/webchat/webchat.js"></script>
<script>
  WebchatWidget.init({
    channelPublicKey: 'YOUR_CHANNEL_PUBLIC_KEY',
    apiUrl: 'BACKEND_URL/api',
    wsUrl: 'ws://BACKEND_HOST'
  });
</script>