Chatlyra Docs
Add Chatlyra to React Website
Learn how to integrate Chatlyra AI chatbot into your React application to automate customer support, capture leads, and improve conversions.
⚡ Quick Installation
<script src="https://chatlyra.com/scripts/widget.js" data-identifier="******************" ></script>
*** Make sure to replace the data-identifier ***
✅ Recommended Method (Before </body>)
For best performance, place the script before closing body tag.
<script src="https://chatlyra.com/scripts/widget.js"></script>
</body>
*** Make sure to replace the data-identifier ***
🔧 React Integration Steps
- Open main App component
- Use useEffect to inject script once
- Append script to document.body
- Ensure cleanup not required
- Test on browser reload
✔️ Verify Installation
- Open your website
- Check chatbot icon appears
- Send a test message
⚡ Performance Best Practices
- Use lazy loading for better Core Web Vitals
- Avoid placing script in <head>
- Minimize third-party scripts