kontext: Seite/ Bereich: Capgo-Marketingwebsite. Rolle: Website-Text. Gesehen in: Komponente Hero.astro. Nachrichten Schlüssel `hero_subtitle_v2` (Hero Untertitel V2).

Installieren

Sie können unsere AI-gestützte Einrichtung verwenden, um das Plugin zu installieren. Fügen Sie die Capgo-Fähigkeiten Ihrem AI-Tool mit der folgenden Befehlszeile hinzu:

npx skills add https://github.com/Cap-go/capgo-skills --skill capacitor-plugins

Dann verwenden Sie die folgende Anfrage:

Use the `capacitor-plugins` skill from `Cap-go/capgo-skills` to install the `@capgo/capacitor-crisp` plugin in my project.

Wenn Sie die manuelle Einrichtung bevorzugen, installieren Sie das Plugin, indem Sie die folgenden Befehle ausführen und die darunter angegebenen Plattform-spezifischen Anweisungen befolgen.

bun add @capgo/capacitor-crisp
bunx cap sync

Einfügen

import { CapacitorCrisp } from '@capgo/capacitor-crisp';

API Übersicht

configure

Konfigurieren Sie den Crisp SDK mit Ihrer Website-ID. Muss vor der Verwendung von anderen Methoden aufgerufen werden.

import { CapacitorCrisp } from '@capgo/capacitor-crisp';

await CapacitorCrisp.configure({ websiteID: 'YOUR_WEBSITE_ID' });

openMessenger

Öffne das Crisp-Messenger-Chattfenster. Zeigt dem Benutzer das Chatinterface.

import { CapacitorCrisp } from '@capgo/capacitor-crisp';

await CapacitorCrisp.openMessenger();

setTokenID

Setzen Sie eine eindeutige Token-ID für die aktuelle Benutzersitzung. Wird verwendet, um vorherige Gespräche zu identifizieren und wiederherzustellen.

import { CapacitorCrisp } from '@capgo/capacitor-crisp';

await CapacitorCrisp.setTokenID({ tokenID: 'token-id-123' });

setUser

Benutzerinformationen für die aktuelle Sitzung festlegen. Aktualisiert das Benutzerprofil, das für Support-Beauftragte sichtbar ist.

import { CapacitorCrisp } from '@capgo/capacitor-crisp';

await CapacitorCrisp.setUser({
  nickname: 'John Doe',
  email: 'john@example.com',
  phone: '+1234567890'
});

pushEvent

Einen benutzerdefinierten Ereignis in Crisp pushen. Zum Erfassen von Benutzeraktionen und Verhalten nützlich.

import { CapacitorCrisp } from '@capgo/capacitor-crisp';

await CapacitorCrisp.pushEvent({
  name: 'completed_purchase',
  color: 'green'
});

setCompany

Unternehmeninformationen für die aktuelle Sitzung festlegen. Verknüpft den Benutzer mit einem Unternehmen in Crisp.

import { CapacitorCrisp } from '@capgo/capacitor-crisp';

await CapacitorCrisp.setCompany({
  name: 'Acme Corp',
  url: 'https://acme.com',
  employment: ['CEO', 'Executive'],
  geolocation: ['USA', 'San Francisco']
});

setInt

Einen benutzerdefinierten Ganzzahl-Wert festlegen. Speichert numerische Daten, die mit der Benutzersitzung verbunden sind.

import { CapacitorCrisp } from '@capgo/capacitor-crisp';

await CapacitorCrisp.setInt({ key: 'user_level', value: 42 });

setString

Einen benutzerdefinierten Zeichenfolgen-Datenfeld setzen. Speichert Textdaten, die mit der Benutzersitzung verbunden sind.

import { CapacitorCrisp } from '@capgo/capacitor-crisp';

await CapacitorCrisp.setString({ key: 'subscription_tier', value: 'premium' });

sendMessage

Ein Nachricht von dem Benutzer an den Chat senden. Programmatisch eine Nachricht senden, als ob der Benutzer sie getippt hätte.

import { CapacitorCrisp } from '@capgo/capacitor-crisp';

await CapacitorCrisp.sendMessage({ value: 'Hello, I need help!' });

setSegment

Ein Benutzersegment für Ziele und Organisation setzen. Wird verwendet, um Benutzer in der Crisp-Dashboard zu kategorisieren.

import { CapacitorCrisp } from '@capgo/capacitor-crisp';

await CapacitorCrisp.setSegment({ segment: 'premium-users' });

reset

Die Crisp-Sitzung zurücksetzen. Löscht alle Benutzerdaten und startet eine neue Sitzung. Wird verwendet, wenn der Benutzer sich abmeldet.

import { CapacitorCrisp } from '@capgo/capacitor-crisp';

await CapacitorCrisp.reset();

Typenreferenz

ConfigureOptions

Konfiguration für die Initialisierung von Crisp.

export interface ConfigureOptions {
  /**
   * Your Crisp website ID from dashboard.
   */
  websiteID: string;
  /**
   * Optional - Locale to force in the Crisp chat widget (ISO 639-1), eg. `en`, `fr`, `es`.
   * Web + Android: overrides the runtime locale. iOS follows the device/app locale.
   */
  locale?: string;
  /**
   * Optional - Unique token identifier for the user session continuity.
   */
  tokenID?: string;
}

eventColor

Verfügbare Farben für Crisp-Ereignisse. Wird verwendet, um Ereignisse in der Crisp-Dashboard visuell zu kategorisieren.

export type eventColor =
  | 'red'
  | 'orange'
  | 'yellow'
  | 'green'
  | 'blue'
  | 'purple'
  | 'pink'
  | 'brown'
  | 'grey'
  | 'black';

Hauptquelle

Diese Seite wird aus dem Plugin generiert. src/definitions.tsRe-run die Synchronisierung, wenn die öffentliche API upstream geändert wird.

Fortsetzen von Getting Started

Wenn Sie Capgo verwenden Getting Started zum Planen von Dashboard und API-Operationen verwenden, verbinden Sie es mit Mit @capgo/capacitor-crisp für die native Fähigkeit in Mit @capgo/capacitor-crisp, API Übersicht für die Implementierungsdetails in API Übersicht, Einführung für die Implementierungsdetails in Einführung, API Schlüssel für die Implementierungsdetails in API Schlüssel und Geräte zur Implementierung in Geräte.