Aggiungi la Chat IA al Tuo Sito
Un tag script o un pacchetto npm. Funziona con qualsiasi framework.
Crea il tuo agente
Registrati, crea un agente e insegnagli il tuo business esplorando il tuo sito o caricando file.
Copia il codice del widget
Prendi lo snippet embed di 2 righe dalla dashboard del tuo agente.
Aggiungi alla tua pagina
Incolla il tag script prima di </body> nel tuo HTML. Funziona su qualsiasi sito.
Sei online
Assistenza clienti IA con raccolta lead e analisi delle conversazioni.
Lascia che la tua IA installi Namiru
Copia un solo comando nel tuo assistente di programmazione. Inserirà il widget nel file globale corretto.
- Codex
- Claude
- Kimi
- Muse
Avvio Rapido
Passo 1: Aggiungi il tag script
<!-- Add before closing </body> tag -->
<script src="https://namiru.ai/widget.js" data-agent-id="YOUR_AGENT_ID"></script>Passo 2: Inizializza il 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>Configurazione
Tutte le opzioni di configurazione per NamiruChat.init().
| Proprietà | Tipo | Predefinito | Descrizione |
|---|---|---|---|
| agentId* | string | - | Il tuo ID agente dalla dashboard di Agent Builder. |
| mode | "button" | "inline" | "button" | Modalità di visualizzazione. "button" mostra una bolla di chat flottante; "inline" renderizza direttamente in un contenitore. |
| container | HTMLElement | - | Elemento contenitore di destinazione per la modalità inline. Obbligatorio quando la modalità è "inline". |
Eventi
Navigazione verificata delle pagine
Prima che il widget apra una pagina verificata del sito web, invia su window un evento namiru:navigate annullabile. Annulla l'evento per gestire il routing all'interno della tua app. Se non viene annullato, i link dello stesso sito navigano nella pagina principale corrente e i link esterni o incorporati si aprono in una nuova scheda.
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);
});Personalizzazione
Personalizza il branding nella dashboard di Agent Builder sotto Aspetto. Il widget recupera le tue impostazioni automaticamente.
Modalità Pulsante
Una bolla di chat flottante nell'angolo della tua pagina. I visitatori cliccano per aprire la finestra di chat.
<script>
NamiruChat.init({
agentId: "YOUR_AGENT_ID",
mode: "button",
position: "bottom-right",
});
</script>Modalità Inline
Incorpora la chat direttamente in qualsiasi elemento contenitore nella tua pagina.
<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
Pronto ad aggiungere la chat IA al tuo sito?
Crea il tuo agente nell'Agent Builder, personalizzalo e incorporalo nel tuo sito in pochi minuti.