Chat Widget
Install in seconds
A single script tag. No build step. No NPM package. Just paste and go.
One line. That's it.
Add the widget to any website with a single script tag. No build step, no configuration files.
index.html
<script src="https://cdn.chatpacket.io/widget.js" data-org="YOUR_ORG_ID"></script>
Lightweight
Tiny footprint, fast load
Built with Preact instead of React, the widget loads fast and barely impacts your site's performance. Your customers won't even notice it loading.
- Preact core for minimal bundle size
- Async loading - never blocks page render
- CDN-delivered for edge caching
- No external dependencies
Performance Impact
Widget bundle~18KB
Load time~120ms
Memory usage~2MB
Compared to typical chat widgets at 100-500KB
Customization
Match your brand
Change the widget color, position, welcome message, and away message from your dashboard. No code changes needed after initial installation.
- Custom accent color to match your brand
- Bottom-right or bottom-left positioning
- Customizable welcome and away messages
- Optional pre-chat form for lead capture
Acme Support
We typically reply in minutes
Hi! Welcome to Acme. How can we help you today?
Type a message...
Color
Position
Left
Right
Welcome msg
How can we help?
Isolation
Zero CSS conflicts
The widget renders inside a Shadow DOM, completely isolated from your site's stylesheets. No matter what CSS framework you use, the widget looks perfect.
- Shadow DOM encapsulation
- Works with any CSS framework
- No global style pollution
- Consistent rendering across all sites
Compatibility
React / Next.jsWorks perfectly
Vue / NuxtWorks perfectly
WordPressWorks perfectly
ShopifyWorks perfectly
Static HTMLWorks perfectly
Any websiteWorks perfectly