Add the website widget
Drop a floating chat bubble onto any site with a one-line embed.
The Loop widget is a small chat bubble that lives in the corner of your website. Visitors click it, ask a question, and your AI agent replies in real time. Every conversation also lands in your Loop Inbox so your team can take over at any moment.
Open Channels and pick Website
In the dashboard sidebar, click Channels. On the Website Widget card, click Configure.
Style the widget
Set the brand name visitors see, pick a launcher colour, choose a position (bottom-right or bottom-left), and write a welcome message. Every change previews live on the right side of the page.
Assign an AI agent
Under "AI agent", pick which agent answers conversations on this widget. Most workspaces use their default agent.
Enable and copy the embed snippet
Click Enable widget at the top of the page. Loop generates a one-line embed script with your unique key. Copy it.
<script src="https://www.useloop.io/widget.js" data-key="YOUR_KEY" defer></script>Paste the snippet on your site
Drop it before the closing </body> tag on every page where you want the widget to appear. Most CMS platforms (WordPress, Webflow, Wix, Shopify) have a "Custom HTML" or "Header/Footer scripts" panel for this.