Overview

The website widget lets you add AI-powered chat to any website. Visitors can get instant help without leaving your site, and all conversations are handled by your trained agent.

Easy Install

One script tag

Customizable

Match your brand

Configurable

Position, triggers

Quick Install

Add this code snippet before the closing </body> tag on your website:

HTML

<script src="https://agent-rush.com/widget/v1/chat.js" data-agent="YOUR_AGENT_API_KEY"></script>

Replace YOUR_AGENT_ID with your actual agent ID from the dashboard.

Customization Options

Customize the widget appearance using data attributes:

<script
  src="https://agent-rush.com/widget/v1/chat.js"
  data-agent="YOUR_AGENT_API_KEY"
  data-color="#f97316"
  data-position="bottom-right">
</script>

data-agent

Your agent API key (required)

data-color

Primary color for button and header (default: #f97316)

data-position

Widget position: bottom-right or bottom-left (default: bottom-right)

Features

Persistent Memory

Widget remembers returning visitors across sessions

Mobile Responsive

Fully responsive design works on all devices

Typing Indicators

Shows when the AI is preparing a response

Brand Customization

Match your website colors and branding

Framework Guides

React / Next.js

Add to your _app.js or layout component using next/script with strategy="lazyOnload"

WordPress

Add via theme footer or use our official WordPress plugin

Shopify

Add to theme.liquid before the closing body tag

Webflow

Add via Project Settings → Custom Code → Footer

Related Guides

WhatsApp Integration

Conversations API

Website Widget