Skip to main content
The Chat Widget page lets you embed your agent as a chat widget on any website. You’ll find the embed code, a live preview, and configuration options for customizing how the widget appears and behaves. Access it from the Chat Widget tab at the top of the agent page.

​
Embed Code

The page provides a ready-to-copy code snippet that you paste into your website’s <head> section. The snippet includes your organization ID and agent ID, so the widget automatically connects to the right agent. 
<script>
  window.stradaSettings = {
    organizationId: 'your-org-id',
    agentId: 'your-agent-id'
  };
</script>
<script src="https://sdk.getstrada.com/web-sdk/latest/strada-chat.js"></script>
Click the Copy button to copy the snippet to your clipboard. For more advanced embedding options, see the Web SDK documentation.

​
Agent Variables

If your agent uses variables in its prompt, you can set test values for them here. These values are passed to the widget preview so you can see how the agent behaves with different inputs.
  • Each variable defined in your agent’s prompt appears as an input field
  • Fill in values and click Apply Variables to send them to the preview
  • Variable values are saved to your browser so they persist between sessions

​
Chat Widget Configuration

Choose which widget theme configuration to use for this agent’s chat widget. You can either:
  • Use Default - Applies the organization-wide default widget configuration
  • Select a specific configuration - Pick from any widget configuration created in Settings > Widget Configurations
Click the button to open the Widget Configurations page, or see Chat Widget setup for details on creating and managing configurations.

​
Chat Preview

The right side of the page shows a live preview of the chat widget. You can:
  • Toggle between light and dark mode using the theme button
  • Test the conversation by typing messages
  • See how agent variables affect the conversation in real time
The preview updates immediately when you apply variables or change the theme.

​
Chat Widget Security

Click Widget Security to manage which domains are permitted to embed the chat widget, preventing unauthorized usage on third-party sites. See Authorized Domains for details.