Embed on your website

Add the Othego widget with a script tag — HTML, React, Next.js, and more.

Before you start

Copy chatbotId and chatbotSlug from your chatbot Settings page in the dashboard. Replace the placeholders below, or pass them via environment variables in React and Next.js.

The widget loads asynchronously and mounts in a closed Shadow DOM, so it won't clash with your site's CSS.

Install the widget

Paste this before the closing </body> tag on every page where the chatbot should appear.

index.html

<script>
  window.OthegoConfig = {
    chatbotId: "YOUR_CHATBOT_ID",
    chatbotSlug: "YOUR_SLUG"
  };
</script>
<script src="https://cdn.othego.com/chatbot.js" async defer></script>