Chatlyra Docs
Add Chatlyra to Bubble.io Website
Learn how to integrate Chatlyra AI chatbot into your Bubble.io 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 ***
🔧 Bubble.io Integration Steps
- Open your Bubble.io application editor
- Go to Settings → SEO / metatags (or page settings)
- Scroll to "Script/meta tags in header" section
- Paste Chatlyra script OR use HTML element
- Alternatively, drag an HTML element into the page
- Paste: <script src="https://chatlyra.com/scripts/widget.js"></script>
- Save and deploy your app
- Preview to verify Chatlyra widget appears
✔️ 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