Preskočiť na obsah

Pridajte AI chat na svoju stránku

Jeden script tag alebo npm balíček. Funguje s akýmkoľvek frameworkom.

HTML / JS
React / Angular / Vue
WordPress
Krok 1

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.

Krok 2

Skopírujte kód widgetu

Vezmite si 2-riadkový embed snippet z panelu agenta.

Krok 3

Pridajte na stránku

Vložte script tag pred </body> vo vašom HTML. Funguje na akejkoľvek stránke.

Krok 4

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
Hľadanie vášho bota...

Rýchly štart

Krok 1: Pridajte script tag

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

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ťTypPredvolenePopis
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.
containerHTMLElement-Cieľový kontajnerový element pre inline režim. Povinné, keď je režim "inline".
To je všetko - všetko ostatné je konfigurovateľné priamo v Namiru.AI paneli.

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.

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);
});

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.

Režim tlačidla
<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.

Inline režim
<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.