본문으로 건너뛰기
플러그인으로 돌아가기
@capgo/capacitor-crisp
튜토리얼
@capgo/capacitor-crisp

크립스

모바일 앱에 크립스 라이브 채팅 및 고객 지원을 직접 통합하세요

장치에서 테스트

__CAPGO_KEEP_0__ 앱을 다운로드하고 QR코드 __CAPGO_KEEP_1__를 스캔하세요.

애플 스토어에서 __CAPGO_KEEP_0__ 다운로드

Download the Capgo app, then scan the QR code.

크립스 플러그인 미리보기 QR code

@capgo/capacitor-crisp를 사용하는 방법

SDK 크립스 채팅 플러그인은 Capacitor을 위한 것입니다. 크립스 채팅을 통해 실시간 채팅 및 고객 지원 기능을 제공합니다.

설치

bun add @capgo/capacitor-crisp
bunx cap sync

이 플러그인이 제공하는 것

  • configure - 크립스 SDK을 웹사이트 ID와 함께 구성합니다. 다른 메서드를 사용하기 전에 반드시 호출해야 합니다.
  • openMessenger - 크립스 메신저 채팅 창을 열어줍니다. 사용자에게 채팅 인터페이스를 보여줍니다.
  • setTokenID - 현재 세션에 대한 고유한 토큰 ID를 설정합니다. 이전 대화들을 식별하고 복원하기 위해 사용됩니다.
  • setUser - 현재 세션에 대한 사용자 정보를 설정합니다. 지원 에이전트에게 표시되는 사용자 프로필을 업데이트합니다.

예시 사용

configure

Crisp를 설정하려면 Crisp SDK에 웹사이트 ID를 입력하세요. 다른 메서드를 사용하기 전에 반드시 호출해야 합니다.

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

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

openMessenger

Crisp 메신저 채팅 창을 열어 주세요. 사용자에게 채팅 인터페이스를 보여줍니다.

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

await CapacitorCrisp.openMessenger();

setTokenID

현재 사용자 세션에 고유한 토큰 ID를 설정합니다. 이전 대화 복원 및 식별을 위해 사용됩니다.

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

await CapacitorCrisp.setTokenID({} as { tokenID: string });

setUser

현재 세션에 사용자 정보를 설정합니다. 지원 대리인에게 표시되는 사용자 프로필을 업데이트합니다.

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

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

전체 참조

Using @capgo/capacitor-crisp에서 계속하세요.

Using @__CAPGO_KEEP_0__/__CAPGO_KEEP_1__-crisp Using @capgo/capacitor-crisp 이주와 기업 운영을 계획하고 연결하세요. @capgo/capacitor-crisp capgo/capacitor-crisp 구현 세부 사항 시작하기 시작하기 구현 세부 사항 Capgo Enterprise Capgo Enterprise __CAPGO_KEEP_0__ Enterprise 제품 워크플로 아이오닉 Enterprise 플러그인 대체 Capgo 대체 Capgo 대체 제품 워크플로