Lompat ke konten utama
Logo Capgo
Kembali ke plugin
@capgo/capacitor-crisp
Tutorial
@capgo/capacitor-crisp

Crisp

Integrasikan Crisp live chat dan dukungan pelanggan langsung ke aplikasi mobile Anda

Unduhan/bulan

21.0k

GitHub Bintang

17

Petunjuk

Tutorial pada Crisp

Menguji pada perangkat

Unduh aplikasi Capgo, kemudian scan kode QR code.

App Store Google Play
Tautan QR pratinjau plugin Crisp 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 Diketengahkan oleh Plugin Ini

  • configure - Konfigurasi Crisp SDK dengan ID Situs Anda. Harus dipanggil sebelum menggunakan metode lainnya.
  • openMessenger - Buka jendela percakapan Crisp. Menampilkan antarmuka percakapan 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 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

Teruskan dari Menggunakan @capgo/capacitor-crisp

Jika Anda menggunakan Menggunakan @capgo/capacitor-crisp untuk merencanakan migrasi dan operasi bisnis, hubungkannya dengan @capgo/capacitor-crisp untuk detail implementasi di @capgo/capacitor-crisp, Mengawali untuk detail implementasi di Mengawali, Capgo Bisnis Enterprise untuk alur kerja produk di Capgo Enterprise, Alternatif Plugin Enterprise Ionic untuk alur kerja produk di Alternatif Plugin Enterprise Ionic, dan Alternatif Capgo untuk alur kerja produk di Alternatif Capgo.