Chatleh logo markChatleh

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