Page Embed Integration
Embed Chatleh directly into your web pages as a full-height conversation interface - perfect for help centers, documentation, and support pages.
Implementation
Add this iframe code where you want the chat interface to appear:
<iframe src="https://chatleh.com/c?uid=YOUR_UID&embed=1" style="width: 100%; height: 600px; border: none; border-radius: 8px;" allow="clipboard-write" loading="lazy" ></iframe>
Replace "YOUR_UID" with your chatbot's unique identifier from the dashboard
Customization Options
Available Settings
- Width: Set specific width or use responsive units (100%)
- Height: Adjust height to fit your layout
- Border Radius: Customize corner rounding
- Loading: Use lazy loading for better performance
Best Use Cases
- Knowledge base articles
- FAQ pages
- Documentation sections
- Support portals
- Product pages
- Contact pages
Features
- ✨ Full-height conversation interface
- 📱 Responsive design
- 🔄 Seamless page integration
- 📝 Lead capture functionality
- 🌐 Multilingual support
- 📊 Analytics tracking
Pro Tips
- Add multiple embeds on different pages for contextual support
- Use responsive width (100%) for mobile compatibility
- Test on different devices and screen sizes
- Consider a minimum height of 500px for optimal usability
- Enable lazy loading for better page performance