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" data-agent-id="YOUR_AGENT_ID"></script>

Stap 2: Initialiseer de widget

Initialiseer de widget

<!-- Optional: use this instead of the one-line tag when you need options -->
<script src="https://namiru.ai/widget.js"></script>
<script>
  NamiruChat.init({
    agentId: "YOUR_AGENT_ID",
    position: "bottom-left",
  });
</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.

Events

Geverifieerde paginanavigatie

Voordat de widget een geverifieerde websitepagina opent, verstuurt hij op window een annuleerbaar namiru:navigate event. Annuleer het event om binnen je app te routeren. Als het niet wordt geannuleerd, navigeren links van dezelfde site in de huidige hoofdpagina en worden links naar andere sites of ingesloten links in een nieuw tabblad geopend.

namiru:navigate

window.addEventListener("namiru:navigate", (event) => {
  // Optional: keep verified page links inside your single-page app.
  event.preventDefault();
  const target = new URL(event.detail.url);
  yourRouter.navigate(target.pathname + target.search + target.hash);
});

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.