Embed your bot on a Framer site. Access the code by navigating to the Share tab in your bot's dashboard and selecting the Framer option under the Frameworks category, then choosing an embed type.

Standard (inline element)

1. In Framer, press A to open the Add elements panel
2. Add an Embed element from the components section
3. Paste this code into the embed:

<script type="module">
  import Bot from "https://cdn.jsdelivr.net/npm/@inditeai/js@0/dist/web.js";
 
  Bot.initStandard({
    bot: "my-bot",
  });
</script>
 
<bot-standard style="width: 100%; height: 600px;"></bot-standard>

Popup / Bubble (site-wide)

For a popup or floating chat bubble, add the corresponding snippet to your site's custom code (Site Settings > General > Custom Code, in the end-of-body section):

<script type="module">
  import Bot from "https://cdn.jsdelivr.net/npm/@inditeai/js@0/dist/web.js";
 
  Bot.initBubble({
    bot: "my-bot",
  });
</script>