Chatlyra Docs
Add Chatlyra to NextJS Website
Learn how to integrate Chatlyra AI chatbot into your NextJS 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 ***
🔧 NextJS Integration Steps
- Use useEffect inside _app.js or layout
- Dynamically create script tag
- Set async loading
- Append to document.body
- Test client-side rendering
✔️ 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