Skip to content
Embeddable Widget

Add live support to any website. One line of code.

A floating chat widget that turns any website into a live support channel — replacing Intercom, Drift, and Zendesk at zero recurring cost. No sign-up required for visitors. Full ownership of your data.

How It Works

Four steps from embed to live conversation. Zero friction for visitors, zero configuration for agents.

1. Paste Embed Code
One <script> tag. Drop it into any HTML page — WordPress, Shopify, React, plain HTML. A floating chat bubble appears.
2. Visitor Asks a Question
The visitor enters their name and types a question. No email, no sign-up, zero friction.
3. Agent Gets It in Chatr
The message arrives instantly in the agent’s Chatr inbox, tagged with a “Guest” badge. No separate dashboard needed.
4. Real-Time Conversation
The agent replies from Chatr; the visitor sees the response in real time. Full two-way messaging with typing indicators.
Widget introWidget formWidget in agent inboxWidget conversation

Copy. Paste. Done.

Add the widget to any website with a single script tag. Configure colours, position, greeting text, and theme via data attributes. No build step, no npm install, no framework required.

  • Works with React, Vue, Angular, WordPress, Shopify, plain HTML
  • No dependencies — standalone JavaScript
  • Configure via data attributes or JavaScript API
  • CSS is scoped — no style conflicts with your site
Embed Code
<!-- Paste before </body> -->
<script
  src="https://your-server.com/chatr.js"
  data-server="https://your-server.com"
  data-position="bottom-right"
  data-theme="dark"
  data-primary-color="#3b82f6"
  data-header-color="#1e293b"
  data-greeting="How can we help?"
  data-company="Your Company"
></script>

<!-- That's it. Chat bubble appears. -->

White-Label Customisation

A visual Palette Designer lets you configure primary, background, text, and header colours. Dark/light mode toggle, preset colour themes, custom greeting text, and a one-click “Copy Embed Code” button. Your brand, your widget.

Widget Palette Designer

Widget Palette Designer — colours, themes, and embed code

Replace Expensive SaaS

Live chat tools charge per seat, per month, with feature gating and usage limits. Chatr delivers the same core functionality with full ownership and zero recurring fees.

Intercom
£39–99
per seat / month
Feature gating, usage caps, vendor lock-in.
  • Live chat
  • Inbox
  • Full data ownership
Drift
£50–150
per seat / month
Sales-focused automation with high price tag.
  • Live chat
  • Playbooks
  • Full data ownership
Zendesk Chat
£19–99
per seat / month
Bundled with ticketing overhead and complexity.
  • Live chat
  • Triggers
  • Full data ownership
Your Platform
Chatr Widget
£0
forever — you own the code
Full feature set, zero recurring cost, complete ownership.
  • Live chat
  • Voice, files, links
  • White-label branding
  • Full data ownership
Get Started on GitHub

Full Feature Support

The widget isn’t a stripped-down chat box. It supports the full Chatr messaging experience, embedded on a third-party website.

Text Messages
Real-time delivery with typing indicators and read receipts.
Voice Notes
Record and send voice messages with waveform playback.
File Sharing
Upload images, documents, and files up to 50 MB.
Typing Indicators
Both visitor and agent see animated typing indicators.
Read Receipts
Sent, delivered, and read — full delivery tracking.
Link Previews
URLs rendered as rich preview cards with metadata.

Built for Customer Support Teams

Three features that turn a chat widget into a complete customer support tool.

Reply from Your Inbox
Agents reply to widget visitors directly from the admin panel. Messages arrive in real time.
Visitor Context
See the page URL, referrer, browser, screen size, timezone, and language for every visitor.
Offline Message Form
When no agent is online, the widget shows a contact form. Messages are stored for later reply.

Technical Details

Lightweight, standalone, and designed to not interfere with your site.

Runtime
Standalone JS
Single JavaScript file (chatr.js) that injects its own DOM. No dependencies, no framework required.
Transport
Socket.IO
Real-time WebSocket connection with automatic fallback to long-polling. Sub-100ms message delivery.
Sessions
localStorage
Guest sessions stored in localStorage with a 24-hour TTL. Visitors can close the tab and return to their conversation.
Lifecycle
24h TTL
Guest sessions expire after 24 hours. No stale data, no database bloat, automatic cleanup.
Auth
No Auth Required
Visitors don’t need accounts. Name and message — that’s it. Zero friction to start a conversation.
Isolation
Shadow DOM Safe
Widget styles are scoped. No CSS leaks, no conflicts with the host page’s stylesheets.

Works everywhere your customers are

The widget is a single JavaScript file with zero dependencies. It works on any platform that supports a <script> tag.

React / Next.js
Add to _app.tsx or layout.tsx. Works with SSR and client-side rendering.
Vue / Nuxt
Drop into your main template or Nuxt plugin. Reactive and non-blocking.
Angular
Add to index.html or load dynamically in a component. Zone-safe.
WordPress
Paste into your theme footer.php or use a custom HTML widget. No plugin needed.
Shopify
Add to theme.liquid before the closing body tag. Works with all Shopify themes.
Plain HTML
Any static or dynamic site. Paste the script tag and you're done. No build step.

Programmatic Control

Need more control? The widget exposes a JavaScript API for programmatic open/close, theme switching, and event hooks.

JavaScript API
// Open the widget programmatically
window.ChatrWidget.open();

// Close it
window.ChatrWidget.close();

// Toggle visibility
window.ChatrWidget.toggle();

// Update theme at runtime
window.ChatrWidget.setTheme('light');

// Set custom greeting
window.ChatrWidget.setGreeting(
  'Welcome back! How can we help?'
);
  • Open widget on button click
  • Trigger from onboarding flows
  • Match your app’s theme dynamically
  • Customise greeting per page
  • Hide on specific routes
  • No DOM conflicts — scoped styles

Zero framework lock-in:The widget is vanilla JavaScript. It doesn’t import React, Vue, or any framework. It injects its own DOM and manages its own state — no conflicts with your application.

The widget alone pays for the project

Live chat is a growing market. Companies pay £39–99 per seat per month for tools like Intercom, Drift, and Zendesk. The Chatr widget delivers equivalent functionality at zero recurring cost.

Resell as SaaS
Deploy per-client instances and charge a monthly fee. Your cost: one server per client (~£15/month). Their alternative: £39–99/seat/month on Intercom.
Bundle with Your Product
Add live customer support to your existing SaaS product. Increase retention, reduce churn, and differentiate from competitors — all with code you own.
Agency White-Label
Offer live chat as a managed service to your clients. Custom branding per client with the palette designer. Scale without per-seat overhead.

Market context: The live chat software market is projected to reach $1.7 billion by 2030. Intercom alone is valued at over $1 billion. Chatr gives you a production-ready entry point into this market — tested, deployed, and ready to customise.

See it in action

Try the live widget demo with the colour palette designer, or explore the full product overview for architecture details, screenshots, and commercial analysis.