Web Widget integration

Where to configure

In Calypso, go to Web → Widget.

You can configure two experiences:

• Q&A widget (topics + questions + answers)
• WhatsApp widget (welcome message + tab color)

Both are team-scoped, so the team you select in Calypso determines the widget content and configuration.

Install snippet (Q&A)

Calypso generates this snippet in the UI. It uses your team id:

<script
  type="text/javascript"
  data-team-id="YOUR_TEAM_ID"
  data-locale="en"
  src="https://webot.calypso.day/bot.js"
></script>

Notes

• Paste the snippet before </body>
• Use data-locale="es" or data-locale="en" depending on the widget language you configured

Install snippet (WhatsApp)

Calypso also provides a WhatsApp widget embed:

<script
  type="text/javascript"
  data-app-id="YOUR_TEAM_ID"
  data-id="caly-widget"
  src="https://webot.calypso.day/bot.js"
></script>

Preview and iterate safely

In Web → Widget:

• configure the widget UI (colors, labels, greetings)
• save config and topics separately (safe iteration)
• use the Preview action (for Q&A) to validate content before shipping