Embed Flyweight AI Chatbot on Your Shopify Pages for Better Support

You can embed the Flyweight AI Chatbot on any page in your Shopify store, like your Support, Contact, or FAQ page. Our AI chatbot for Shopify helps automate support across your store.

The upside is simple: customers get answers faster, your support team gets fewer repetitive questions, and conversations are routed to the right place automatically.

Why embed the chat directly?

An embedded chat window helps visitors start with the AI before they contact your team.
That saves time and cuts down on incoming support tickets.

Why it works:

• Customers get instant help.
• Your support team deals with fewer tickets.
• You can simplify or reduce other contact options.
• If the AI can’t find the answer, it automatically routes the conversation to your support team.

---

Option 1: Embed via HTML

If you like editing your theme directly, you can embed the chat with a short HTML snippet.

1. Go to the page you want in your Shopify Admin.
2. Open the HTML editor.
3. Paste the following code where you want the chat to appear.

💡 Important: You’ll need to add your API key to the snippet.
Here’s how to find your API key →

<div id="flyweight-chat-embedded" style="display: flex; align-items: center; justify-content: center;"></div>
<script>
(function flyweightEmbeddedChat() {
  const src = "https://assistant.flyweight.io/chat/index.js?embedded=true&id=flyweight-chat-embedded";
  const loaded = Array.from(document.scripts).some((s) => s.src === src);
  if (loaded) return;
  window.FlyweightChat = {
    embedded: {
      windowAppearance: {
        width: '600px',
        height: '600px',
      },
    },
  };
  const script = document.createElement('script');
  script.src = src;
  script.async = true;
  script.dataset.apiKey = "ADD YOUR API KEY HERE";
  document.head.appendChild(script);
})();
</script>

---

Option 2: Add via Template Section

If you prefer the Theme Editor, you can add Flyweight AI as an App Section.

1. Open the page template you want in your Theme Editor.
2. Click “Add Section.”
3. Open the “Apps” category.
4. Select “Flyweight AI.”
5. Move and resize the section however you like.

---

Conclusion

It only takes a few clicks to embed the Flyweight AI Chatbot directly on your Shopify pages.
That means customers can get instant, smart support around the clock, while your team stays focused on higher-value conversations.

Pro Tip: Use Flyweight AI’s routing feature to automatically send requests to the right person when the AI can’t answer.