본문으로 이동
plugins으로 돌아가기
@capgo/capacitor-crisp
강의
@capgo/capacitor-crisp

크립스

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

Capgo 리포지토리 보기

Capgo npm에 보기

설명서

Download the Capgo app, then scan the QR code.

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

@capgo/capacitor-크리스프 사용

Crisp Chat SDK Plugin for Capacitor. Provides live chat and customer support functionality through Crisp.chat.

설치

bun add @capgo/capacitor-crisp
bunx cap sync

이 플러그인이 제공하는 것

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

예시 사용

configure

크리스프 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'
});

전체 참조

Keep going from Using @capgo/capacitor-crisp

__CAPGO_KEEP_0__/__CAPGO_KEEP_1__-crisp를 사용 중이라면 capgo/capacitor-crisp와 연결하세요. __CAPGO_KEEP_0__/__CAPGO_KEEP_1__-crisp를 사용하여 capgo/capacitor-crisp for the implementation detail in @capgo/capacitor-crisp, 시작하기 Capacitor-Crisp 구현 세부 사항에 대해 Capgo Enterprise for the product workflow in Capgo Enterprise, 아이오닉 Enterprise 플러그인 대체 Capacitor-Crisp 제품 워크플로에 대해, 그리고 Capgo Alternatives for the product workflow in Capgo Alternatives.