Atria Chat Widget Demo
Welcome to the Atria Web Widget demonstration. This page showcases our lightweight, embeddable chat widget that seamlessly integrates with your website.
Key Features:
- Zero dependencies - Pure vanilla JavaScript
- Multilanguage support - English, Spanish, Portuguese
- Automatic browser language detection
- Personalized experience - Asks for user's name, email, and phone
- Call-to-action text next to bubble (customizable)
- Fully responsive design - Desktop, tablet, and mobile optimized
- Mobile-first: Full-screen on phones, touch-friendly buttons
- Persistent chat history using localStorage
- Clear chat button to delete history
- Markdown support for rich text responses
- Image and document display support (PDF, DOC, etc.)
- API key authentication for secure requests
- Anti-abuse protection with rate limiting
- XSS protection with input sanitization
- 2-second cooldown between messages
- 50 messages per hour limit per session
- Honeypot field to detect bots
- Beautiful typing indicator
- Bulletproof CSS to prevent style conflicts
Try it out! Click the chat bubble in the bottom-right corner to start a conversation with the Atria assistant.
To embed on your site: Simply add this line before the closing </body> tag:
<script src="widget.js"></script>
Want to customize? You can set API key, customer ID, colors, title, message, and CTA text:
<script src="widget.js" data-api-key="your-key" data-customer-id="company-id" data-primary-color="#ff6b6b" data-title="Support" data-initial-message="Hello {name}!" data-cta-text="Need help?"></script>
See custom branding demo →
👉 Look at the bottom-right corner!