Lebih lanjut ke konten utama

Panduan

Tutorial tentang Crisp

Uji coba di perangkat

Unduh aplikasi Capgo terlebih dahulu, kemudian scan kode QR code.

Crisp plugin preview QR code

Menggunakan @capgo/capacitor-crisp

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

Pasang

bun add @capgo/capacitor-crisp
bunx cap sync

Apa yang Dapat Diketahui 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

Terbuka jendela percakapan Crisp messenger.

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

await CapacitorCrisp.openMessenger();

setTokenID

Menggambarkan antarmuka percakapan kepada pengguna.

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

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

setUser

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

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

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

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

Keep going from Using @capgo/capacitor-crisp

Teruskan dari Menggunakan @__CAPGO_KEEP_0__/__CAPGO_KEEP_1__-crisp Using @capgo/capacitor-crisp Menggunakan @__CAPGO_KEEP_0__/__CAPGO_KEEP_1__-crisp untuk merencanakan migrasi dan operasi bisnis, hubungkan dengan @capgo/capacitor-crisp untuk detail implementasi di @capgo/capacitor-crisp, Mulai untuk detail implementasi di Mulai, Capgo Enterprise untuk alur kerja produk di Capgo Enterprise, Alternatif Plugin Enterprise Ionic untuk alur kerja produk di Alternatif Plugin Enterprise Ionic, dan Capgo Alternatif untuk alur kerja produk di Capgo Alternatif.