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.

Laat je AI Namiru installeren

Kopieer één opdracht naar je programmeerassistent. Die plaatst de widget in het juiste globale bestand.

Codex
Claude
Kimi
Muse

Je bot wordt gezocht...

Snel Starten

Stap 1: Voeg de script-tag toe

Voeg de script-tag toe

<!-- Add before closing </body> tag -->
<script src="https://namiru.ai/widget.js"></script>

Stap 2: Initialiseer de widget

Initialiseer de widget

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

Configuratie

Alle configuratieopties voor NamiruChat.init().

Eigenschap	Type	Standaard	Beschrijving
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.
container	HTMLElement	-	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.