Loops AI

Install the Embed

Place Loops AI correctly on your website with either widget or iframe mode.

Where should I paste the code?

Paste the script snippet just before the closing </body> tag.

<body>
  ...
  <script>
    (function () {
      window.LoopSmartAI = { q: [] };
      window.LoopSmartAI.q.push(["init", { agentId: "YOUR_AGENT_ID" }]);

      const script = document.createElement("script");
      script.src = "https://app.loopsmart.ai/embed.js";
      script.async = true;
      document.head.appendChild(script);
    })();
  </script>
</body>

Paste the iframe code where the chat block should appear on the page.

<section>
  <h2>Need help?</h2>
  <iframe
    src="https://app.loopsmart.ai/chat-iframe/YOUR_AGENT_ID"
    width="400"
    height="600"
    frameborder="0"
    style="border-radius: 12px;"
  ></iframe>
</section>

Single source of truth

If your configurator code differs from examples in docs, always use the configurator output.

Install checklist

  1. The correct agentId is present.
  2. Script or iframe is pasted in the intended location.
  3. Page is published and reloaded.
  4. Widget opens or iframe renders.

SPA note

If your site is a single-page app, place the script in a shared root layout so it is loaded once.

Continue to Configuration.

On this page

Where should I paste the code?Install checklistSPA note