Pridajte AI chat na svoju stránku
Jeden script tag alebo npm balíček. Funguje s akýmkoľvek frameworkom.
Vytvorte si agenta
Zaregistrujte sa, vytvorte agenta a naučte ho o vašom podnikaní prehľadaním vašej stránky alebo nahraním súborov.
Skopírujte kód widgetu
Vezmite si 2-riadkový embed snippet z panelu agenta.
Pridajte na stránku
Vložte script tag pred </body> vo vašom HTML. Funguje na akejkoľvek stránke.
Ste online
AI zákaznícka podpora so zberom leadov a analýzou konverzácií.
Nechajte Namiru nainštalovať svojou AI
Skopírujte jeden príkaz do svojho programovacieho asistenta. Umiestni widget do správneho globálneho súboru.
- Codex
- Claude
- Kimi
- Muse
Rýchly štart
Krok 1: Pridajte script tag
<!-- Add before closing </body> tag -->
<script src="https://namiru.ai/widget.js" data-agent-id="YOUR_AGENT_ID"></script>Krok 2: Inicializujte 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>Konfigurácia
Všetky konfiguračné možnosti pre NamiruChat.init().
| Vlastnosť | Typ | Predvolene | Popis |
|---|---|---|---|
| agentId* | string | - | ID vášho agenta z panelu Agent Builder. |
| mode | "button" | "inline" | "button" | Režim zobrazenia. "button" zobrazí plávajúcu chatovú bublinu; "inline" vykreslí priamo do kontajnera. |
| container | HTMLElement | - | Cieľový kontajnerový element pre inline režim. Povinné, keď je režim "inline". |
Udalosti
Overená navigácia na stránky
Skôr než widget otvorí overenú stránku webu, odošle na objekte window zrušiteľnú udalosť namiru:navigate. Zrušením udalosti presmerujete vnútri svojej aplikácie. Ak udalosť nie je zrušená, odkazy v rámci rovnakého webu sa otvoria v aktuálnej hlavnej stránke a odkazy na iné weby alebo vložené odkazy sa otvoria na novej karte.
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);
});Prispôsobenie
Prispôsobte branding v paneli Agent Builder v sekcii Vzhľad. Widget automaticky načíta vaše nastavenia.
Režim tlačidla
Plávajúca chatová bublina v rohu vašej stránky. Návštevníci kliknú pre otvorenie okna chatu.
<script>
NamiruChat.init({
agentId: "YOUR_AGENT_ID",
mode: "button",
position: "bottom-right",
});
</script>Inline režim
Vložte chat priamo do akéhokoľvek kontajnerového elementu na vašej stránke.
<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
Ste pripravení pridať AI chat na vašu stránku?
Vytvorte si agenta v Agent Builderi, prispôsobte ho a vložte na svoju stránku za pár minút.