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
- GitHub: https://github.com/Cap-go/capacitor-crisp/
- Dokumen: /docs/plugins/crisp/