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.
Szybki start
Krok 1: Dodaj tag script
Dodaj tag script
<!-- Add before closing </body> tag -->
<script src="https://cdn.namiru.ai/chat/namiru-chat.umd.js"></script>Krok 2: Zainicjalizuj widget
Zainicjalizuj widget
<script>
NamiruChat.init({
agentId: "YOUR_AGENT_ID",
});
</script>Konfiguracja
Wszystkie opcje konfiguracji dla NamiruChat.init().
| Wlasciwosc | Typ | Domyslnie | Opis |
|---|---|---|---|
| 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. |
| container | HTMLElement | - | 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.