Website Embed | Denser Docs

Drop DenserAI straight into your site--either as a floating widget or an inline iframe. Both options use the same deploy card.

Open your chatbot dashboard and switch to Deploy. Select the Website Embed card, then click Get Code.

The dialog includes two snippets--one for the chat widget and one for an iframe. Copy the option that fits your layout.

Swap {chatbotId} with the actual ID from your dashboard, then paste the snippet into your site.

Use the widget to add a floating launcher on every page.

<script type="module">
  import Chatbot from "https://cdn.jsdelivr.net/npm/@denserai/embed-chat@1/dist/web.min.js";

  Chatbot.init({
    chatbotId: "{chatbotId}",
    theme: {
      button: {
        size: "large",
        backgroundColor: "black",
        color: "white",
        bottom: "20px",
        right: "20px",
        iconCover: true,
      },
    },
  });
</script>

Widget Button Customization Options

size: medium or large
backgroundColor and color: match your brand
bottom / right: adjust positioning
iconCover: set to true to fill the bubble with your icon

Embed the assistant inline on landing pages, docs, or inside app dashboards.

<iframe
  width="100%"
  height="500"
  frameborder="0"
  src="https://denser.ai/u/embed/{chatbotId}"
/>

Styling tips

Control width, height, and border styles through CSS to blend seamlessly with your layout.