Loops AI

Web Widget

Add Loops AI chat to your website using the generated embed script.

What this integration does

Web Widget adds a floating chat experience to your website.

It is the fastest way to start customer-facing chat.

Setup flow

Open Widget Configurator

Go to your agent and open the widget configurator area.

Generate embed script

Create the script from the Embed tab.

Paste script into your website

Add the script to your site layout so it loads on pages where chat should appear.

Publish and verify

Open your site, send a test message, and confirm replies are working.

Validation checklist

  1. Chat bubble appears in the expected screen position
  2. Chat opens and closes correctly
  3. Test message reaches inbox/conversation view
  4. Agent reply is visible to end users

Best practice

Use one test page first, then roll out site-wide after validation.

Deep dive guides:

  1. Configuration Script
  2. How It Works
  3. JavaScript API

On this page