Flyweight AI Chatbot integreren op je Shopify-pagina's voor betere ondersteuning

Je kunt eenvoudig de Flyweight AI Chatbot op elke pagina van je Shopify-winkel integreren — bijvoorbeeld op je Support-, Contact- of FAQ-pagina. Onze AI-chatbot voor Shopify biedt uitgebreide automatisering voor je winkel. Dit biedt meerdere voordelen: klanten krijgen sneller antwoord, je supportteam heeft minder werkdruk en gesprekken worden automatisch efficiënt gerouteerd.

Waarom de chat direct integreren?

Een geïntegreerd chatvenster zorgt ervoor dat bezoekers eerst met de AI communiceren voordat ze contact opnemen met je team. Dat bespaart tijd en vermindert het aantal inkomende supporttickets.

Win-winsituatie:

• Klanten krijgen direct hulp.
• Je supportteam behandelt minder tickets.
• Je kunt andere contactopties vereenvoudigen of verwijderen.
• Als de AI het antwoord niet weet, worden gebruikers automatisch doorgestuurd naar je supportteam.

---

Optie 1: Integreren via HTML

Als je liever je thema direct bewerkt, kun je de chat eenvoudig integreren door een kort HTML-fragment toe te voegen.

1. Ga naar de gewenste pagina in je Shopify Admin.
2. Open de HTML-editor.
3. Plak de volgende code waar je de chat wilt laten verschijnen

💡 Belangrijk: Je moet je API-sleutel in het fragment opnemen. Hier lees je hoe je je API-sleutel vindt →

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

---

Optie 2: Toevoegen via templatesectie

Als je liever de Thema-editor gebruikt, kun je Flyweight AI toevoegen als een App-sectie.

1. Open het gewenste paginatemplate in je Thema-editor.
2. Klik op "Sectie toevoegen".
3. Ga naar de categorie "Apps".
4. Selecteer "Flyweight AI".
5. Positioneer en pas de grootte van de sectie aan naar wens.

---

Conclusie

Met slechts een paar klikken kun je de Flyweight AI Chatbot direct op je Shopify-pagina's integreren. Dit zorgt ervoor dat je klanten altijd directe, intelligente en 24/7 ondersteuning krijgen — terwijl je team zich kan richten op wat echt belangrijk is.

Pro Tip: Gebruik de routeringsfunctie van Flyweight AI om verzoeken automatisch door te sturen naar de juiste persoon wanneer de AI het antwoord niet heeft.