Raia Live Chat SDK Playground

Live preview

SDK commands

No commands queued. Add commands above — they will run on the live preview and appear in the generated code.

Generated code

<!-- Raia Live Chat -->
<script
  src="https://raiabot.raia2.com/assets/raia-chatbot-widget.js"
  async
  data-api-key="ef740418-55a8-49c1-8ae5-fd92bb332fe6"
></script>

<script>
  // Apply playground config + run queued SDK commands once the widget is ready.
  function runRaiaCommands() {
    if (!window.raiaChat) { setTimeout(runRaiaCommands, 100); return; }
    window.raiaChat.sendCommand("PATCH_RAIA_CHAT_SKILL_CONFIG", {
      "autoOpenMode": "no",
      "autoOpenDelay": 3,
      "voiceChatEnabled": false,
      "viewMode": "popup",
      "popupSize": "medium",
      "widgetButtonText": "Chat with us",
      "suggestions": [],
      "suggestionsOpenMode": "hover",
      "widgetButtonConfig": {
        "type": "icon_only",
        "borderRadius": "100%",
        "size": 64,
        "sizeName": "medium",
        "launcherTheme": "custom",
        "selectedTheme": "system",
        "lightThemeConfig": {
          "backgroundColor": "#4f46e5",
          "textColor": "#ffffff"
        },
        "darkThemeConfig": {
          "backgroundColor": "#6366f1",
          "textColor": "#ffffff"
        }
      }
    });
  }
  runRaiaCommands();
</script>