Essayer

Mettez le chat dans votre produit.

Un hook React ou une balise script vous donne un chat prêt à l’emploi. En headless, chaque pixel est à vous. Thèmes clair et sombre, saisie vocale et lecture à voix haute inclus.

Commencer à développerVue d’ensemble pour les développeurs

Dès $18/mois pour toute votre équipe après l’essai. Carte requise. Aucun débit si vous annulez sous 14 jours. Disponible pour les entreprises au Royaume-Uni et aux États-Unis.

Un lanceur dans un coin de la page. Il ouvre un panneau de chat, et occupe tout l’écran sur téléphone. À gauche ou à droite.

const masheev = useMasheev({
  inboxId: "inb_123",
  mode: "chat-widget",
  position: "right",
});

Ajoutez-le

Chargez-le à votre façon.

SupportButton.tsx

import { useMasheev } from "@masheev/embed-sdk/react";

function SupportButton() {
  const masheev = useMasheev({
    inboxId: "inb_123",
    mode: "chat-widget",      // floating bubble
    position: "right",
    colorScheme: "auto",
  });

  return (
    <button onClick={() => masheev.open()}>
      Need help?
    </button>
  );
}

widget.js

import { init, open } from "@masheev/embed-sdk";

init({
  inboxId: "inb_123",
  mode: "chat-widget",
  position: "right",
});

open();

index.html

<script src="https://unpkg.com/@masheev/embed-sdk"></script>
<script>
  Masheev.init({
    inboxId: "inb_123",
    mode: "chat-widget",
    position: "right",
  });
</script>

Headless

Ou dessinez-le vous-même.

Quand le design doit être le vôtre, passez en headless. Masheev gère l’IA, le streaming et la session ; vous affichez la conversation.

Chat.tsx
import { MasheevProvider, useMasheev } from "@masheev/embed-sdk/headless";

function Chat() {
  const { messages, sendMessage, isConnected } = useMasheev();
  // Render messages with your own components
  return <YourChatUI messages={messages} onSend={sendMessage} />;
}

// Streams over WebSocket, no iframe. On the web, add turnstileSiteKey for bot protection.
export default function App() {
  return (
    <MasheevProvider inboxId="inb_123">
      <Chat />
    </MasheevProvider>
  );
}

Inclus

Ce que vous obtenez.

Un hook React

useMasheev fournit l’ouverture et la fermeture, l’envoi, les événements, les mises à jour de contexte en direct et un indicateur isReady : l’assistant tient en quelques lignes de code.

S’accorde à votre produit

Schéma de couleurs clair, sombre ou automatique, avec votre propre texte indicatif, le nom de votre agent et des questions de départ.

Saisie vocale et lecture à voix haute

Les hooks de saisie vocale et de lecture à voix haute permettent de parler à l’assistant et d’entendre ses réponses, en plus de taper.

Contexte en direct et événements

Transmettez l’identité de l’utilisateur et le contexte à l’exécution, et abonnez-vous aux événements ready, message, resolved et tool pour réagir dans votre application.

Essayez

Vous le regardez déjà.

Mode
chat-widget
Hook
useMasheev
Paquet
@masheev/embed-sdk

Le chat de ce site fonctionne avec ce SDK. Ouvrez-le et posez une question.

Questions fréquentes

Encore des questions ?

Comment ajouter un widget de chat IA à mon site web ?

Installez @masheev/embed-sdk et appelez le hook React useMasheev, ou init() en JS natif, avec l’identifiant de votre boîte de réception. Vous pouvez aussi utiliser une simple balise script. Choisissez ensuite un mode : chat-widget (une bulle flottante), prompt-input (une barre de prompt) ou embedded (remplit un conteneur).

Fonctionne-t-il sans React ?

Oui. Le point d’entrée JS natif (@masheev/embed-sdk) fonctionne avec n’importe quelle stack via init() et open() ou une balise script. Le point d’entrée React (@masheev/embed-sdk/react) l’enveloppe dans le hook useMasheev.

Puis-je créer ma propre interface de chat plutôt que d’utiliser la vôtre ?

Oui, avec le paquet headless (@masheev/embed-sdk/headless). Il ouvre une session WebSocket et expose messages, sendMessage, l’état de la connexion et les commandes de lecture à voix haute. Vous affichez l’interface ; Masheev gère l’IA, le streaming et la session.

Les utilisateurs peuvent-ils lui parler à voix haute ?

Oui. Le SDK comprend des hooks de saisie vocale et de lecture à voix haute : on peut parler à l’assistant et entendre ses réponses, ce qui aide quand on a les mains occupées.

Le widget est-il sécurisé ?

Les sessions utilisent des jetons signés par HMAC à courte durée de vie, la protection anti-bots Cloudflare Turnstile et des limites de débit par session et par IP. L’iframe s’exécute sous une politique de sécurité du contenu stricte. Les données de vos conversations sont stockées dans la région UE ou US de votre choix. Les fournisseurs d’IA, de voix et de messagerie les traitent comme indiqué sur notre page des sous-traitants ultérieurs, et certains se trouvent hors de cette région.

Ajoutez-le aujourd’hui.

Commencer à développer

Dès $18/mois pour toute votre équipe après l’essai. Carte requise. Aucun débit si vous annulez sous 14 jours. Disponible pour les entreprises au Royaume-Uni et aux États-Unis.