> ## Documentation Index
> Fetch the complete documentation index at: https://docs.sleak.chat/llms.txt
> Use this file to discover all available pages before exploring further.

# Website installatie

> Installeer de Sleak chat widget op je website via het standaard installatie-script of met Google Tag Manager

De Sleak chat widget kun je op twee manieren installeren op je website:

<Tabs>
  <Tab title="Directe installatie">
    Voor de meeste websites is directe installatie de snelste methode.

    <Steps>
      <Step title="Kopieer de installatiecode">
        Ga naar je Sleak dashboard en navigeer naar **Instellingen → Installatie**. Kopieer de gegenereerde script code.

        ```html wrap theme={null}
        <!-- sleak.chat sleakbot embed snippet -->
        <script id="sleakbot" src="https://cdn.sleak.chat/fetchsleakbot.js" chatbot-id="<jouw-agent-id>"></script>
        ```
      </Step>

      <Step title="Plaats de code op je website">
        Voeg de script code toe net voor de sluitende `</body>` tag van je HTML pagina's.

        <Tip>
          Voor WordPress, Shopify, of andere CMS-systemen kun je de code meestal via de thema-editor of een plugin toevoegen.
        </Tip>
      </Step>

      <Step title="Test de installatie">
        Open je website en controleer of de chat widget zichtbaar is. Je kunt een testgesprek starten om te verifiëren dat alles werkt.
      </Step>
    </Steps>
  </Tab>

  <Tab title="Google Tag Manager">
    Voor websites die al Google Tag Manager gebruiken.

    <Steps>
      <Step title="Maak een nieuwe tag aan">
        Ga naar je Google Tag Manager container en klik op **Tags → New**.
      </Step>

      <Step title="Configureer de tag">
        * **Tag Type**: Custom HTML
        * **Tag Name**: "Sleak Chat Widget"
        * **HTML**: Plak de onderstaande code
        * **Triggering**: All Pages (of een specifieke trigger naar keuze)

        ```html wrap theme={null}
        <script>
         var sleakGtmScript = document.createElement('script');
         sleakGtmScript.id = 'sleakbot';
         sleakGtmScript.src = 'https://cdn.sleak.chat/fetchsleakbot.js';
         sleakGtmScript.setAttribute('chatbot-id', '<jouw-agent-id>');
         document.body.appendChild(sleakGtmScript);
        </script>
        ```
      </Step>

      <Step title="Publiceer de tag">
        Preview eerst de tag om te testen, en publiceer vervolgens je GTM container.
      </Step>
    </Steps>

    <Tip>
      Met GTM kun je eenvoudig de chat widget conditioneel laden op specifieke pagina's of bijvoorbeeld voor bepaalde gebruikersgroepen.
    </Tip>
  </Tab>
</Tabs>