Chatlyra Docs
Add Chatlyra to Vue Website
Learn how to integrate Chatlyra AI chatbot into your Vue 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 ***
🔧 Vue Integration Steps
- Open main entry file (main.js)
- Use mounted() lifecycle hook
- Inject script dynamically
- Append to document.body
- Confirm widget visibility
✔️ 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