Flyweight AI Chat direkt auf deiner Shopify-Seite einbinden

Der Flyweight AI Chatbot kann direkt auf jeder Seite deines Shopify-Shops eingebettet werden – zum Beispiel auf der Support, Kontakt oder FAQ-Seite.
Das bietet gleich mehrere Vorteile: Kunden finden sofort Antworten, dein Support-Team wird entlastet und Anfragen werden automatisch effizient geroutet.

Warum den Chat direkt einbetten?

Ein eingebettetes Chat-Fenster sorgt dafür, dass deine Besucher zuerst mit der KI interagieren, bevor sie eine Nachricht an dein Team senden.
Das spart nicht nur Zeit, sondern reduziert auch die Anzahl der Support-Tickets.

Win-Win-Situation:

• Kunden erhalten schneller Hilfe.
• Dein Support-Team hat weniger Aufwand.
• Du kannst klassische Kontaktoptionen reduzieren oder ganz entfernen.
• Wenn die KI etwas nicht weiß, verweist sie automatisch an den Support.

---

Variante 1: Einbinden via HTML

Wenn du dein Theme direkt bearbeiten möchtest, kannst du den Chat einfach in den HTML-Code der gewünschten Seite einfügen.

1. Wechsle im Shopify Admin zur gewünschten Seite.
2. Öffne den HTML-Editor.
3. Füge folgenden Code an der gewünschten Stelle ein

💡 Wichtig: Du musst deinen API Key in das Snippet einfügen.
Hier zeigen wir, wie du deinen API Key findest →

<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>

---

Variante 2: Einbinden in Seiten mit Template

Wenn du lieber über den Theme Editor arbeitest, kannst du Flyweight AI auch als App-Sektion hinzufügen.

1. Öffne im Theme Editor das gewünschte Seitentemplate.
2. Klicke auf „Sektion hinzufügen“.
3. Wechsle im Menü zu „Apps“.
4. Wähle „Flyweight AI“ aus.
5. Positioniere und skaliere die Sektion nach Wunsch.

---

Fazit

Mit wenigen Klicks kannst du den Flyweight AI Chatbot direkt auf deiner Shopify-Seite einbinden.
So stellst du sicher, dass Kunden immer sofort Unterstützung erhalten – intelligent, automatisiert und rund um die Uhr.

Tipp: Nutze die Routing-Funktion von Flyweight AI, um sicherzustellen, dass Anfragen automatisch an den richtigen Ansprechpartner weitergeleitet werden, falls die KI keine passende Antwort findet.