Chatlyra Docs
Add Chatlyra to Lovable Website
Learn how to integrate Chatlyra AI chatbot into your Lovable 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 ***
🔧 Lovable Integration Steps
- Open your Lovable project dashboard
- Navigate to Project Settings or App Configuration
- Find Global Scripts / Custom Code section
- Paste Chatlyra script into the global footer section
- Alternatively, add it to app layout file if available
- Save changes and redeploy app
- Run preview to confirm chatbot loads correctly
✔️ 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