Lompat ke konten utama
Kembali ke plugin
@capgo/capacitor-crisp
Tutorial
oleh github.com/Cap-go

Crisp

Integrasikan obrolan live Crisp dan dukungan pelanggan langsung ke dalam aplikasi seluler Anda

Petunjuk

Tutorial di Crisp

Menggunakan @capgo/capacitor-crisp

Plugin Chat Crisp SDK untuk Capacitor. Menyediakan fitur obrolan langsung dan dukungan pelanggan melalui Crisp.chat.

Pasang

bun add @capgo/capacitor-crisp
bunx cap sync

Apa yang Dibuka oleh Plugin Ini

  • configure - Konfigurasi Crisp SDK dengan ID situs web Anda. Harus dipanggil sebelum menggunakan metode lainnya.
  • openMessenger - Buka jendela obrolan messenger Crisp. Menampilkan antarmuka obrolan kepada pengguna.
  • setTokenID - Atur token ID unik untuk sesi pengguna saat ini. Digunakan untuk mengidentifikasi dan memulihkan percakapan sebelumnya.
  • setUser - Atur informasi pengguna untuk sesi saat ini. Mengupdate profil pengguna yang dapat dilihat oleh agen dukungan.

Contoh Penggunaan

configure

Konfigurasi Crisp SDK dengan ID situs web Anda. Harus dipanggil sebelum menggunakan metode lainnya.

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

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

openMessenger

Buka jendela percakapan Crisp. Menampilkan antarmuka percakapan kepada pengguna.

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

await CapacitorCrisp.openMessenger();

setTokenID

Atur token ID unik untuk sesi pengguna saat ini. Digunakan untuk mengidentifikasi dan memulihkan percakapan sebelumnya.

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

await CapacitorCrisp.setTokenID({} as { tokenID: string });

setUser

Atur informasi pengguna untuk sesi saat ini. Mengupdate profil pengguna yang dapat dilihat oleh agen dukungan.

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

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

Referensi Lengkap