Widget

The LoopReply widget is an embeddable chat interface for your website. Add conversational AI to any page with a simple code snippet.

Features

• Easy installation: Single script tag
• Fully customizable: Match your brand colors and style
• Mobile responsive: Works on all devices
• Real-time messaging: Instant message delivery
• Rich content: Quick replies and formatted messages
• Persistent sessions: Conversations resume across page loads
• Programmatic control: Open, close, and interact via JavaScript

Quick Start

Add this code before the closing </body> tag:

<script
  src="https://widget.loopreply.com/embed.js"
  data-agent-id="your-agent-id"
  async
></script>

That’s it! The chat launcher will appear in the bottom-right corner.

Demo

Try the widget in action:

1. Open your bot’s Appearance tab in the dashboard
2. Use the preview to see how it looks
3. Adjust settings in real-time
4. Copy the embed code when ready

Architecture

The widget is a self-contained React application that:

1. Loads asynchronously (doesn’t block your page)
2. Uses prefixed CSS classes (minimal style conflicts)
3. Connects to LoopReply for real-time updates
4. Handles all state locally

Performance

• Lightweight: Small bundle size, loads asynchronously
• Fast: Optimized for quick initial render
• Efficient: Minimal memory footprint

Browser Support

Next Steps

• Installation — Detailed setup instructions
• Customization — Style and configure the widget
• Events & Callbacks — Programmatic control