Open the Flyweight AI Chatbot via Custom Buttons on Your Store
Open Flyweight AI Chatbot from custom buttons, links, or events using JavaScript. Full control over chatbot appearance without external libraries.
ByGood news! You can now open the Flyweight AI Chatbot directly from any custom button, link, or event on your Shopify storefront. Our Shopify chatbot provides flexible integration options for your store. This gives you full control over when and how the chatbot appears — whether you want to launch it after a specific customer action, from a fixed icon, or as part of your existing call-to-action buttons.
To do this, you’ll simply need to update your Shopify theme and use a small JavaScript snippet to trigger the chatbot manually. No external libraries required — it’s lightweight and flexible.
Here’s how it works:
-
You add your own button or link anywhere on your site (e.g. via Shopify Theme Editor)
-
On click (or any other event), you run a simple
window.dispatchEvent(...)call -
This tells Flyweight to open the assistant exactly when you want
window.dispatchEvent(new Event('flyweightchatopen'));
// Examples
<a href="#" onclick="window.dispatchEvent(new Event('flyweightchatopen'))">Link</a>
<button onclick="window.dispatchEvent(new Event('flyweightchatopen'))">Button</button>
This gives you the freedom to design your chat experience around your brand’s journey — from product discovery to conversion.
Ready to guide users more intelligently and contextually? This feature is now live for all Flyweight users.
Trigger the JavaScript-controlled chatbot for custom Shopify experiences ✌️
