Widget integration

1. Add the script tag

Paste this before the closing </body> tag of your site. Nothing else is required — the bubble appears automatically.

<script
  src="https://daretriva.com/widget/loader.js"
  data-token="YOUR_WIDGET_TOKEN"
  async
></script>

2. Set the initial language (optional)

Add data-lang to have the widget start in a specific language (en, fr, de, es, or ar). Without it, the widget detects the visitor's browser language.

<script
  src="https://daretriva.com/widget/loader.js"
  data-token="YOUR_WIDGET_TOKEN"
  data-lang="fr"
  async
></script>

3. Change the language at runtime

If your own site has a language switcher, call this to update an already-mounted widget in place — no page reload needed:

window.DaretrivaWidget?.setLanguage('de');

Customization

Everything below is configured from the Chatbot tab of your agent in the admin console — no code changes needed:

• Greeting message and input placeholder, per language
• Brand color and bubble position (left or right)
• Custom avatar image
• Rate limits and daily/monthly message caps
• Allowed embedding domains (leave empty to allow any site)
• "Powered by DaRetriva" branding (removable on Business plan and above)