Voeg AI-Chat Toe aan Je Website

    Een script tag of npm-pakket. Werkt met elk framework.

    HTML / JS
    React / Angular / Vue
    WordPress
    Stap 1

    Maak je agent

    Registreer, maak een agent en leer hem over je bedrijf door je site te crawlen of bestanden te uploaden.

    Stap 2

    Kopieer widgetcode

    Pak het 2-regelige embed-snippet uit je agentdashboard.

    Stap 3

    Voeg toe aan je pagina

    Plak de script-tag voor </body> in je HTML. Werkt op elke website.

    Stap 4

    Je bent live

    AI-klantenservice met leadgeneratie en gespreksanalyse.

    Snel Starten

    Stap 1: Voeg de script-tag toe

    Voeg de script-tag toe
    <!-- Add before closing </body> tag -->
    <script src="https://cdn.namiru.ai/chat/namiru-chat.umd.js"></script>

    Stap 2: Initialiseer de widget

    Initialiseer de widget
    <script>
      NamiruChat.init({
        agentId: "YOUR_AGENT_ID",
      });
    </script>

    Configuratie

    Alle configuratieopties voor NamiruChat.init().

    EigenschapTypeStandaardBeschrijving
    agentId*string-Je agent-ID uit het Agent Builder-dashboard.
    mode"button" | "inline""button"Weergavemodus. "button" toont een zwevende chatbubbel; "inline" rendert direct in een container.
    containerHTMLElement-Doelcontainerelement voor inline modus. Vereist wanneer de modus "inline" is.
    Dat is het - al het andere is direct configureerbaar in het Namiru.AI dashboard.

    Aanpassing

    Pas de branding aan in het Agent Builder-dashboard onder Weergave. De widget haalt je instellingen automatisch op.

    Knop Modus

    Een zwevende chatbubbel in de hoek van je pagina. Bezoekers klikken om het chatvenster te openen.

    Knop modus
    <script>
      NamiruChat.init({
        agentId: "YOUR_AGENT_ID",
        mode: "button",
        position: "bottom-right",
      });
    </script>

    Inline Modus

    Embed de chat direct in elk containerelement op je pagina.

    Inline modus
    <div id="namiru-container" style="width: 400px; height: 600px;"></div>
    <script>
      NamiruChat.init({
        agentId: "YOUR_AGENT_ID",
        mode: "inline",
        container: document.getElementById("namiru-container"),
      });
    </script>

    FAQ

    Klaar om AI-chat aan je site toe te voegen?

    Maak je agent in de Agent Builder, pas hem aan en embed hem in een paar minuten op je website.