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

Crisp

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

Petunjuk

Tutorial di Crisp

Uji di perangkat

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

Tautan QR pratinjau plugin Crisp code

Menggunakan @capgo/capacitor-crisp

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

Install

bun add @capgo/capacitor-crisp
bunx cap sync

Apa yang Dibuka oleh Plugin Ini

  • configure - Konfigurasi plugin 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 ID token 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.

Contoh Penggunaan

configure

Konfigurasi plugin 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.

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