Langsung ke konten utama
@capgo/capacitor-crisp Komunikasi Open source

Crisp plugin Capacitor

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

Instal

bun add @capgo/capacitor-crisp bunx cap sync
npm, pnpm atau yarn
  • npm install @capgo/capacitor-crisp
  • pnpm add @capgo/capacitor-crisp
  • yarn add @capgo/capacitor-crisp

Panduan

Cara menggunakan Crisp di Capacitor

Tes di perangkat

Download aplikasi Capgo, lalu scan QR code.

App Store Google Play
QR pratinjau plugin Crisp code

Menggunakan @capgo/capacitor-crisp

Plugin Crisp Chat SDK untuk Capacitor. Menyediakan fitur live chat dan customer support melalui Crisp.chat.

Instal

bun add @capgo/capacitor-crisp
bunx cap sync

Apa yang Diekspos Plugin Ini

  • configure - Konfigurasi SDK Crisp dengan ID website Anda. Harus dipanggil sebelum menggunakan metode lainnya.
  • openMessenger - Buka jendela chat messenger Crisp. Menampilkan antarmuka chat ke 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. Memperbarui profil pengguna yang dapat dilihat oleh agen support.

Contoh Penggunaan

configure

Konfigurasi SDK Crisp dengan ID website Anda. Harus dipanggil sebelum menggunakan metode lainnya.

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

await CapacitorCrisp.configure({ websiteID: 'YOUR_WEBSITE_ID' });

openMessenger

Buka jendela chat messenger Crisp. Menampilkan antarmuka chat kepada pengguna.

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

await CapacitorCrisp.openMessenger();

setTokenID

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

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

await CapacitorCrisp.setTokenID({ tokenID: 'token-id-123' });

setUser

Atur informasi pengguna untuk sesi saat ini. Memperbarui profil pengguna yang dapat dilihat oleh agen support.

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

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

Referensi Lengkap

Lanjutkan dari Menggunakan @capgo/capacitor-crisp

Jika Anda menggunakan Menggunakan @capgo/capacitor-crisp untuk merencanakan migrasi dan operasional enterprise, hubungkan dengan @capgo/capacitor-crisp untuk detail implementasi di @capgo/capacitor-crisp, Panduan Memulai untuk detail implementasi di Getting Started, Capgo Enterprise untuk workflow produk di Capgo Enterprise, Alternatif Plugin Ionic Enterprise untuk alur kerja produk di alternatif plugin Ionic Enterprise, dan Alternatif Capgo untuk alur kerja produk di Capgo Alternatives.

FAQ

FAQ plugin Crisp

Bagaimana cara instal plugin Crisp di aplikasi Capacitor?

Jalankan "bun add @capgo/capacitor-crisp" (atau "npm install @capgo/capacitor-crisp"), lalu jalankan "bunx cap sync" agar proyek iOS dan Android mendeteksi code native. Impor dari "@capgo/capacitor-crisp" di dalam code aplikasi Anda.

Apakah @capgo/capacitor-crisp bisa digunakan dengan React, Vue, dan Angular?

Ya. Crisp adalah package Capacitor, jadi bisa dipakai dengan framework web apa pun yang berjalan di dalam Capacitor, termasuk Ionic, React, Vue, Angular, Svelte, dan JavaScript biasa.

Versi Capacitor mana yang didukung @capgo/capacitor-crisp?

Plugin Capgo mengikuti versi mayor Capacitor: gunakan versi mayor plugin yang sesuai dengan versi mayor Capacitor Anda (contoh: plugin v8 dengan Capacitor 8). Tabel kompatibilitas di README GitHub mencantumkan versi yang masih di-maintain.

Apakah @capgo/capacitor-crisp gratis dan open source?

Ya. Source code code publik di GitHub pada https://github.com/Cap-go/capacitor-crisp/ dan package-nya gratis diinstal dari npm. Laporan bug dan pull request sangat kami terima.

Bisakah saya memperbarui code yang menggunakan Crisp tanpa review App Store?

Instalasi atau upgrade plugin akan mengubah native code, jadi butuh build store baru. Setelah itu, perubahan JavaScript, HTML, dan CSS yang memanggil plugin bisa langsung dikirim lewat live updates Capgo.

Komunikasi

Plugin terkait

Lihat semua plugin →

Rilis perubahan Crisp tanpa menunggu review aplikasi

Setelah plugin ada di build store Anda, live updates Capgo akan mengirim perubahan JavaScript, HTML, dan CSS ke pengguna dalam hitungan menit.

Mulai dengan Capgo