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().
| 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.