Probar

Pon el chat en tu producto.

Un hook de React o una etiqueta script te dan un chat listo. En headless, cada píxel es tuyo. Incluye temas claro y oscuro, entrada de voz y lectura en voz alta.

Empieza a construirResumen para desarrolladores

Desde $18/mes para todo tu equipo después de la prueba. Tarjeta requerida. Sin cargo si cancelas dentro de los 14 días. Disponible para empresas del Reino Unido y Estados Unidos.

Un lanzador en una esquina de la página. Abre un panel de chat y ocupa toda la pantalla en el móvil. A la izquierda o a la derecha.

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

Añádelo

Cárgalo a tu manera.

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

O dibújalo tú.

Cuando el diseño tiene que ser tuyo, ve headless. Masheev se ocupa de la IA, el streaming y la sesión; tú dibujas la conversación.

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

Incluido

Lo que obtienes.

Un hook de React

useMasheev devuelve abrir y cerrar, enviar, eventos, actualizaciones de contexto en vivo y un indicador isReady, así que el asistente son pocas líneas de código.

Encaja con tu producto

Esquema de color claro, oscuro o automático, además de tu propio texto de ejemplo, nombre de agente y preguntas iniciales.

Entrada de voz y lectura en voz alta

Los hooks de entrada de voz y lectura en voz alta permiten hablar con el asistente y oír sus respuestas, además de escribir.

Contexto en vivo y eventos

Pasa la identidad del usuario y el contexto en tiempo de ejecución, y suscríbete a los eventos ready, message, resolved y tool para responder en tu app.

Pruébalo

Ya lo estás viendo.

Modo
chat-widget
Hook
useMasheev
Paquete
@masheev/embed-sdk

El chat de este sitio funciona con este SDK. Ábrelo y pregunta algo.

Preguntas frecuentes

¿Aún tienes preguntas?

¿Cómo añado un widget de chat con IA a mi sitio web?

Instala @masheev/embed-sdk y llama al hook de React useMasheev, o a init() en JS puro, con el ID de tu bandeja. También puedes usar una sola etiqueta script. Después elige un modo: chat-widget (una burbuja flotante), prompt-input (una barra de prompt) o embedded (llena un contenedor).

¿Funciona sin React?

Sí. El punto de entrada de JS puro (@masheev/embed-sdk) funciona con cualquier stack mediante init() y open() o una etiqueta script. El punto de entrada de React (@masheev/embed-sdk/react) lo envuelve en el hook useMasheev.

¿Puedo crear mi propia interfaz de chat en lugar de usar la vuestra?

Sí, con el paquete headless (@masheev/embed-sdk/headless). Abre una sesión WebSocket y expone messages, sendMessage, el estado de la conexión y los controles de lectura en voz alta. Tú dibujas la interfaz; Masheev se ocupa de la IA, el streaming y la sesión.

¿Pueden los usuarios hablar con él por voz?

Sí. El SDK incluye hooks de entrada de voz y lectura en voz alta, así que las personas pueden hablar con el asistente y oír sus respuestas, lo que ayuda cuando tienen las manos ocupadas.

¿Es seguro el widget?

Las sesiones usan tokens de corta duración firmados con HMAC, la protección contra bots de Cloudflare Turnstile y límites de frecuencia por sesión y por IP. El iframe se ejecuta bajo una política de seguridad de contenido estricta. Los datos de tus conversaciones se almacenan en la región de la UE o de EE. UU. que elijas. Los proveedores de IA, voz y mensajería los procesan según figura en nuestra página de subencargados, y algunos están fuera de esa región.

Añádelo hoy.

Empieza a construir

Desde $18/mes para todo tu equipo después de la prueba. Tarjeta requerida. Sin cargo si cancelas dentro de los 14 días. Disponible para empresas del Reino Unido y Estados Unidos.