Aller au contenu
Namiru.ai
S'inscrire

Ajoutez un chat IA à votre site web

Une balise script ou un package npm. Fonctionne avec n'importe quel framework.

HTML / JS
React / Angular / Vue
WordPress
Étape 1

Créez votre agent

Inscrivez-vous, créez un agent et enseignez-lui votre activité en explorant votre site ou en téléchargeant des fichiers.

Étape 2

Copiez le code du widget

Récupérez le snippet embed de 2 lignes depuis votre tableau de bord.

Étape 3

Ajoutez à votre page

Collez la balise script avant </body> dans votre HTML. Fonctionne sur n'importe quel site.

Étape 4

Vous êtes en ligne

Support client IA avec collecte de leads et analyse des conversations.

Laissez votre IA installer Namiru

Copiez une seule commande dans votre assistant de programmation. Il placera le widget dans le bon fichier global.

  • Codex
  • Claude
  • Kimi
  • Muse
Recherche de votre bot...

Démarrage rapide

Étape 1 : Ajoutez la balise script

Ajoutez la balise script
<!-- Add before closing </body> tag -->
<script src="https://namiru.ai/widget.js" data-agent-id="YOUR_AGENT_ID"></script>

Étape 2 : Initialisez le widget

Initialisez le 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>

Configuration

Toutes les options de configuration pour NamiruChat.init().

PropriétéTypePar défautDescription
agentId*string-Votre identifiant d'agent depuis le tableau de bord Agent Builder.
mode"button" | "inline""button"Mode d'affichage. "button" affiche une bulle de chat flottante ; "inline" s'affiche directement dans un conteneur.
containerHTMLElement-Élément conteneur cible pour le mode inline. Requis lorsque le mode est "inline".
C'est tout - tout le reste est configurable directement dans le Namiru.AI tableau de bord.

Événements

Navigation vérifiée entre les pages

Avant d'ouvrir une page vérifiée du site web, le widget déclenche sur window un événement namiru:navigate annulable. Annulez l'événement pour effectuer le routage dans votre application. S'il n'est pas annulé, les liens du même site naviguent dans la page principale actuelle et les liens externes ou intégrés s'ouvrent dans un nouvel onglet.

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

Personnalisation

Personnalisez l'image de marque dans le tableau de bord Agent Builder sous Apparence. Le widget récupère vos paramètres automatiquement.

Mode bouton

Une bulle de chat flottante dans le coin de votre page. Les visiteurs cliquent pour ouvrir la fenêtre de chat.

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

Mode intégré

Intégrez le chat directement dans n'importe quel élément conteneur de votre page.

Mode intégré
<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

Prêt à ajouter un chat IA à votre site ?

Créez votre agent dans l'Agent Builder, personnalisez-le et intégrez-le à votre site en quelques minutes.