Dodaj czat AI na swoją stronę
Jeden tag script lub pakiet npm. Działa z każdym frameworkiem.
Stwórz agenta
Zarejestruj się, stwórz agenta i naucz go o swoim biznesie, przeszukując stronę lub przesyłając pliki.
Skopiuj kod widgetu
Pobierz 2-liniowy snippet embed z panelu agenta.
Dodaj do strony
Wklej tag script przed </body> w swoim HTML. Działa na każdej stronie.
Jesteś online
AI obsługa klienta ze zbieraniem leadów i analizą rozmów.
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
Szybki start
Krok 1: Dodaj tag script
<!-- Add before closing </body> tag -->
<script src="https://namiru.ai/widget.js" data-agent-id="YOUR_AGENT_ID"></script>Krok 2: Zainicjalizuj 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>Konfiguracja
Wszystkie opcje konfiguracji dla NamiruChat.init().
| Właściwość | Typ | Domyślnie | 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". |
Zdarzenia
Zweryfikowana nawigacja po stronach
Zanim widżet otworzy zweryfikowaną stronę witryny, wysyła w obiekcie window możliwe do anulowania zdarzenie namiru:navigate. Anuluj zdarzenie, aby obsłużyć routing wewnątrz swojej aplikacji. Jeśli nie zostanie anulowane, odnośniki w obrębie tej samej witryny otwierają się w bieżącej stronie najwyższego poziomu, a odnośniki zewnętrzne lub osadzone otwierają się w nowej karcie.
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);
});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.
<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.
<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.