Embed the AI consultant on your site

<script>
(function () {
  var APP_URL = "https://positive-smart-agent-scale.base44.app";
  var script = document.currentScript;
  var greeting = script && script.getAttribute("data-greeting")
    ? script.getAttribute("data-greeting")
    : "Hi! I'm AutoConsult AI. Ask me anything about using AI to grow your business.";
  var open = false;

  var btn = document.createElement("div");
  btn.setAttribute("style", "position:fixed;bottom:24px;right:24px;width:56px;height:56px;border-radius:50%;background:linear-gradient(135deg,#6366f1,#9333ea);color:#fff;display:flex;align-items:center;justify-content:center;font-size:24px;cursor:pointer;box-shadow:0 8px 24px rgba(0,0,0,.25);z-index:2147483000;font-family:sans-serif");
  btn.textContent = "\u{1F916}";
  btn.title = "Chat with our AI consultant";

  var panel = document.createElement("div");
  panel.setAttribute("style", "position:fixed;bottom:96px;right:24px;width:380px;max-width:calc(100vw - 32px);height:620px;max-height:calc(100vh - 128px);border-radius:16px;overflow:hidden;box-shadow:0 12px 48px rgba(0,0,0,.3);z-index:2147483000;display:none;background:#fff");
  var iframe = document.createElement("iframe");
  iframe.setAttribute("src", APP_URL + "/consultant?embed=1&utm_source=embed&greeting=" + encodeURIComponent(greeting));
  iframe.setAttribute("style", "width:100%;height:100%;border:0");
  panel.appendChild(iframe);

  btn.addEventListener("click", function () {
    open = !open;
    panel.style.display = open ? "block" : "none";
  });

  document.body.appendChild(panel);
  document.body.appendChild(btn);
})();
</script>

2. Optional: customize the greeting

Add a data-greeting attribute to the script tag to show your own welcome message in the chat:

<script data-greeting="Welcome to Acme Co! Ask me how AI can cut your costs…" src="...">

Without it, a default greeting is shown.

How it works

• A floating button (bottom-right) opens the consultant in a panel — an iframe of the hosted AutoConsult AI page, so it always stays up to date.
• Chats started from the widget are tagged with source: embed in the conversation metadata, so you can measure partner-originated leads.
• Mobile-friendly: the panel never exceeds the viewport.

Live preview

This is exactly what the widget shows your visitors: