Dodaj czat AI na swoja strone

Jeden tag script lub pakiet npm. Dziala z kazdym frameworkiem.

HTML / JS
React / Angular / Vue
WordPress
Krok 1

Stwórz agenta

Zarejestruj się, stwórz agenta i naucz go o swoim biznesie, przeszukując stronę lub przesyłając pliki.

Krok 2

Skopiuj kod widgetu

Pobierz 2-liniowy snippet embed z panelu agenta.

Krok 3

Dodaj do strony

Wklej tag script przed </body> w swoim HTML. Działa na każdej stronie.

Krok 4

Jesteś online

AI obsługa klienta ze zbieraniem leadów i analizą rozmow.

Pozwól AI zainstalować Namiru

Skopiuj jedno polecenie do asystenta programowania. Umieści widżet we właściwym pliku globalnym.

  • Codex
  • Claude
  • Kimi
  • Muse
Wyszukiwanie bota...

Szybki start

Krok 1: Dodaj tag script

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

Krok 2: Zainicjalizuj widget

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

Konfiguracja

Wszystkie opcje konfiguracji dla NamiruChat.init().

WlasciwoscTypDomyslnieOpis
agentId*string-Twoje ID agenta z panelu Agent Builder.
mode"button" | "inline""button"Tryb wyświetlania. "button" pokazuje pływający dymek czatu; "inline" renderuje bezpośrednio w kontenerze.
containerHTMLElement-Docelowy element kontenera dla trybu inline. Wymagany, gdy tryb to "inline".
To wszystko - reszta jest konfigurowalna bezpośrednio w Namiru.AI panelu.

Dostosowanie

Dostosuj branding w panelu Agent Builder w sekcji Wygląd. Widget automatycznie pobiera Twoje ustawienia.

Tryb przycisku

Pływający dymek czatu w rogu Twojej strony. Odwiedzający klikają, aby otworzyć okno czatu.

Tryb przycisku
<script>
  NamiruChat.init({
    agentId: "YOUR_AGENT_ID",
    mode: "button",
    position: "bottom-right",
  });
</script>

Tryb inline

Osadź czat bezpośrednio w dowolnym elemencie kontenera na swojej stronie.

Tryb inline
<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

Gotowy, aby dodać czat AI do swojej strony?

Stwórz agenta w Agent Builder, dostosuj go i osadź na swojej stronie w kilka minut.