Testen

Setzen Sie den Chat in Ihr Produkt.

Ein React-Hook oder ein Script-Tag liefert einen fertigen Chat. Headless gehört jedes Pixel Ihnen. Helles und dunkles Theme, Spracheingabe und Vorlesen sind dabei.

Jetzt loslegenEntwicklerübersicht

Ab $18/Monat für Ihr ganzes Team nach der Testphase. Karte erforderlich. Keine Abbuchung bei Kündigung innerhalb von 14 Tagen. Verfügbar für Unternehmen im Vereinigten Königreich und in den USA.

Ein Launcher in der Seitenecke. Er öffnet ein Chat-Panel und füllt auf dem Smartphone den Bildschirm. Links oder rechts.

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

Einbauen

Laden Sie es, wie Sie wollen.

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

Oder zeichnen Sie ihn selbst.

Wenn das Design Ihr eigenes sein muss, arbeiten Sie headless. Masheev übernimmt KI, Streaming und Sitzung; Sie rendern das Gespräch.

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

Enthalten

Was Sie bekommen.

Ein React-Hook

useMasheev liefert Öffnen und Schließen, Senden, Ereignisse, Live-Kontext-Updates und ein isReady-Flag, sodass der Assistent nur wenige Zeilen Code braucht.

Passt zu Ihrem Produkt

Helles, dunkles oder automatisches Farbschema, dazu Ihr eigener Platzhalter, Agentenname und Einstiegsfragen.

Spracheingabe und Vorlesen

Hooks für Spracheingabe und Vorlesen lassen Menschen mit dem Assistenten sprechen und seine Antworten hören, statt nur zu tippen.

Live-Kontext und Ereignisse

Übergeben Sie Nutzeridentität und Kontext zur Laufzeit und abonnieren Sie die Ereignisse ready, message, resolved und tool, um in Ihrer App zu reagieren.

Ausprobieren

Sie sehen es gerade.

Modus
chat-widget
Hook
useMasheev
Paket
@masheev/embed-sdk

Der Chat auf dieser Website läuft mit diesem SDK. Öffnen Sie ihn und fragen Sie etwas.

Häufige Fragen

Immer noch Fragen?

Wie füge ich meiner Website ein KI-Chat-Widget hinzu?

Installieren Sie @masheev/embed-sdk und rufen Sie den React-Hook useMasheev oder init() in Vanilla JS mit Ihrer Posteingangs-ID auf. Sie können auch ein einzelnes Script-Tag verwenden. Wählen Sie dann einen Modus: chat-widget (eine schwebende Blase), prompt-input (eine Prompt-Leiste) oder embedded (füllt einen Container).

Funktioniert es ohne React?

Ja. Der Vanilla-JS-Einstiegspunkt (@masheev/embed-sdk) funktioniert mit jedem Stack über init() und open() oder ein Script-Tag. Der React-Einstiegspunkt (@masheev/embed-sdk/react) verpackt ihn im Hook useMasheev.

Kann ich meine eigene Chat-Oberfläche bauen, statt Ihre zu verwenden?

Ja, mit dem Headless-Paket (@masheev/embed-sdk/headless). Es öffnet eine WebSocket-Sitzung und stellt messages, sendMessage, den Verbindungsstatus und Vorlese-Steuerungen bereit. Sie rendern die Oberfläche; Masheev übernimmt KI, Streaming und Sitzung.

Können Nutzer per Sprache mit ihm sprechen?

Ja. Das SDK enthält Hooks für Spracheingabe und Vorlesen, sodass Menschen mit dem Assistenten sprechen und sich die Antworten vorlesen lassen können, was hilft, wenn die Hände beschäftigt sind.

Ist das Widget sicher?

Sitzungen verwenden kurzlebige, per HMAC signierte Token, den Bot-Schutz Cloudflare Turnstile sowie Ratenbegrenzungen pro Sitzung und pro IP. Der iframe läuft unter einer strikten Content Security Policy. Ihre Gesprächsdaten werden in der von Ihnen gewählten EU- oder US-Region gespeichert. KI-, Sprach- und Messaging-Anbieter verarbeiten sie, wie auf unserer Seite zu den Unterauftragsverarbeitern aufgeführt, und einige von ihnen sitzen außerhalb dieser Region.

Bauen Sie ihn heute ein.

Jetzt loslegen

Ab $18/Monat für Ihr ganzes Team nach der Testphase. Karte erforderlich. Keine Abbuchung bei Kündigung innerhalb von 14 Tagen. Verfügbar für Unternehmen im Vereinigten Königreich und in den USA.