Lompat 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.

Install

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 terlihat oleh agen dukungan.

Aplikasi Contoh

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, hubungkannya dengan @capgo/capacitor-crisp untuk detail implementasi di @capgo/capacitor-crisp, Mulai untuk detail implementasi di Mulai, Capgo Enterprise for the product workflow in Capgo Enterprise, untuk alur kerja produk di __CAPGO_KEEP_0__ Enterprise, Alternatif Plugin Enterprise Ionic Capgo Alternatives Capgo Alternatif