콘텐츠로 건너뛰기

라이브 채팅을 웹사이트에 추가

  • 4 읽기 시간
  • 마지막으로 업데이트됨 2026년 11월 5일
이 페이지에서
  1. 설정
  2. 모양과 텍스트
  3. 아무도 온라인에 없을 때
  4. 신뢰할 수 있는 도메인 이름
  5. 방문자 인증
  6. 방문자 소스
  7. 관련 기사 보기

라이브 채팅은 귀하의 웹사이트의 구석에 서있는 채팅 창입니다; 방문자가 귀하의 사이트에서 직접 당신에게 메시지를 작성하고 CRM받은 편지함에 드롭. 설치를 위해 사이트에 코드 한 줄만 추가하면 됩니다.

  • 라이브 채팅 설정설치 코드, 외관 및 보안
  • 개요플랫폼 단계 및 웹마스터 지침
  • 받은 편지함 대화에 답장하기

설정

  1. 코드를 복사하십시오. 설정 › 라이브 채팅 페이지에서 "업로드" 탭을 열고 "위젯 코드" 탭의 "코드 복사" 버튼을 클릭합니다.
  2. 사이트에 붙여넣기 — 사이트의 모든 페이지에 코드를 붙여넣으면 닫는 </head> 태그 바로 앞에 표시됩니다. 사이트에서 일반 템플릿 또는 레이아웃 파일을 사용하는 경우, 한 번만 추가할 수 있습니다.
  3. 확인 — 사이트를 엽니다. 채팅 시작 아이콘(거품)이 모서리에 나타납니다.

관리자 개요 "플랫폼 설정" 버튼은 워드 프레스, Shopify, Wix, Squarespace, Webflow, Google Tag Manager, Joomla 및 "기타 / 일반 HTML"에 대한 단계별 지침을 보여줍니다. "웹마스터에게 지침 보내기" 를 선택하면 입력한 이메일 주소로 코드와 단계가 전송되고 응답이 돌아옵니다.

위젯이 로드되는 도메인을 수동으로 지정해야 하는 경우에는 "로드"탭의 "다른 도메인"탭에 준비된 코드 예제가 있습니다.

위젯을 만들지 않고 채팅을 원하시면 위젯 탭의 "채팅 페이지" 탭에서 "링크 복사"를 클릭하여 채팅 페이지만 공유하실 수 있습니다.

모양과 텍스트

"위젯" 탭에서 변경한 내용은 오른쪽의 실시간 미리보기에 나타납니다. 끝나면 "변경 저장" 버튼을 누르십시오. 메인 카드:

  • 홈 화면 → 위젯이 열릴 때 나타나는 화면: 아바타, 도움말 센터 카드, 요청 섹션.
  • 메시지 → "환영합니다", "익명 환영합니다" (방문자의 이름이 알 수없는 경우) 및 "입구" 텍스트.
  • 배경과 링크 → 인사말 뒤에 색상이나 시각적; 바로 가기는 메인 화면에 나열됩니다.
  • 채팅 화면 → & quot; 환영 메시지 & quot; (새 채팅에서 첫 번째 거품), 항목 위치 지정자, & quot; 사용 가능한 대리인 없음 & quot; 과 & quot; 대기열에 고객 & quot; 텍스트.
  • 사전 채팅 양식 / 후기 채팅 양형 → 첫 번째 메시지 전에 물어야 할 필드; 채팅이 닫힌 후에 표시되는 짧은 평가 또는 피드백.
  • 화면 → 어떤 탭이 하단 탐색 및 기본 화면에 나타납니다.
  • 실행기Comment → 특수 아이콘 (JPG, PNG 또는 GIF 100 KB보다 작은), 위치 (왼쪽 또는 오른쪽) 및 여백 공간.
  • 스타일 → 빛과 어두운 로고, & quot; 기본 위젯 테마 & quot; (빛, 어두운 또는 시스템).

다른 언어로의 번역 지역화 페이지에서.

아무도 온라인에 없을 때

팀원 중 아무도 온라인에 없으면 방문자에게 "대표가 없습니다"가 표시됩니다. 채팅은 열려 있습니다; 당신이 답장을 할 때, 방문자가 채팅에 없는 경우, 답변이 그 / 그녀에게 이메일로 전송됩니다. 이 방법은 방문자의 이메일 주소가 필요하므로 "사전 채팅 양식"으로 이메일을 수집하는 것이 좋습니다.

" " 시간 초과 " ". " 에서 답장이 없는 대화에 대해 어떻게 할지 선택할 수 있습니다. 각 규칙은 별도의 키로 열리고 기간은 분 단위로 입력됩니다.

  • 다른 대리인에게 전송하기 (열기 후 5분): 에이전트가 응답하지 않으면 클라이언트가 사용 가능한 다른 에이전트로 전송됩니다. 수동으로 할당된 그룹에서는 채팅이 대기열에 올라갑니다.
  • 대화를 비활성으로 표시 (10분): 수동 채팅은 대표의 동시 채팅 제한에 포함되지 않습니다.
  • 채팅 닫기 (15분): 클라이언트는 새로운 메시지를 작성하여 동일한 채팅을 다시 열 수 있습니다.

같은 탭의 "방문자 정리"는 당신에게 편지를 보내지 않은 익명 방문자가 얼마나 오래 보관될지를 결정합니다 (기본값은 30일).

신뢰할 수 있는 도메인 이름

"보안" 탭에서, "신뢰할 수 있는 도메인 이름" 필드에 위젯이 불러올 수 있는 도메인을 쉼표로 구분하여 입력하십시오. 모든 하위 도메인 이름에 대해 *.example.com 형식을 사용하십시오. 공간이 비어 있으면 위젯은 모든 사이트에 추가 할 수 있습니다. "변경 내용 저장"을 눌러 변경 내용을 저장하는 것을 잊지 마세요.

방문자 인증

사이트에 로그인한 사용자와 CRM의 고객 기록을 안전하게 일치시키려면 방문자의 이메일 주소에 서버의 비밀 키(HMAC-SHA256)를 사용하여 서명합니다.

  1. 비밀 키 가져오기 - "보안" 탭의 "인증" 탭에서 "비밀 키 보기" 를 선택한 다음 "비밀 키 복사" 를 선택하십시오 키를 서버에만 보관하십시오.
  2. 서버에서 서명 생성 — 키가 비밀 키이고 방문자의 이메일 주소가 메시지이도록 HMAC-SHA256을 계산하고 결과를 16진수(hex) 텍스트로 얻습니다.
  3. 페이지에 추가 — 위젯 코드 앞에 window.BeChatSettings에 이메일과 서명을 입력합니다.
  4. 필요한 경우 — 켜기 & quot; 인증 필요 & quot; 키를 누르고 & quot; 저장 변경 사항 & quot; 버튼을 누릅니다.

서명이 있는 Node.js:

const crypto = require('crypto');

const emailHash = crypto
  .createHmac('sha256', process.env.CANLI_SOHBET_GIZLI_ANAHTAR)
  .update(kullanici.email)
  .digest('hex');

PHP로 서명하기:

$emailHash = hash_hmac('sha256', $kullanici['email'], getenv('CANLI_SOHBET_GIZLI_ANAHTAR'));

위젯 코드 전에 페이지에서:

<script>
  window.BeChatSettings = {
    user: {
      email: "musteri@ornek.com",
      email_hash: "SUNUCUNUZDA_URETILEN_IMZA"
    }
  };
</script>
<!-- Ardından "Yükle" sekmesinden kopyaladığınız widget kodu -->

email 필드는 서명하는 값과 정확히 같아야 합니다. 대소문자를 구분하지 않아도 서명이 무효화됩니다. 절대로 비밀번호를 페이지 소스에 넣지 마세요.

서명이 유효하면 방문자가 해당 이메일의 고객 기록에 연결되거나 새 이메일이 열리며 그의 이메일이 확인된 것으로 간주됩니다. 고객 패널의 "이메일 확인" 줄에는 "예"가 표시됩니다. 같은 키로 정의된 클라이언트 특성이 있다면, 같은 개체에 추가한 다른 필드도 그 필드에 기록됩니다. "인증 필요"가 활성화되면 유효한 서명이 없는 사용자 데이터는 무시되고 방문자는 익명으로 계속됩니다.

방문자 소스

인터뷰 오른쪽의 고객 패널은 방문자가 어디에서 왔는지 보여줍니다.

  • 출처: 랜딩 페이지, 추천자 및 UTM 소스, 도구, 캠페인, 용어, 콘텐츠 값. 이러한 쿠키는 첫 방문 시에 한 번 저장되며, 사이트 내에서의 후속 브라우징 및 사용자 자신의 사이트로부터의 추천은 이를 변경하지 않습니다.
  • 위치 및 언어: 브라우저 언어와 시계 언어. 만약 언어나 시간대가 비어있다면, 방문자에 의해 채워질 것입니다. 수동으로 입력한 값은 덮어쓰이지 않습니다.
  • 장치: 브라우저, 운영 체제, 장치, IP 주소 및 세션 국가.

관련 기사 보기

라이브 채팅을 웹사이트에 추가 | Blesyum Yazılım