상담톡 설치 · 사이트·랜딩·전용 링크·QR

환경설정 > 상담톡 설정 > 운영 설정 > 상담톡 설치에서 고객이 상담톡을 열 수 있는 경로를 설정합니다. 외부 사이트, 메타플라이어 웹사이트, 랜딩페이지, 링크 공유 중 필요한 방법을 선택해 주세요.

개인정보 보호를 위해 이 매뉴얼의 고객명·담당자명·연락처·이메일·계정 식별값은 마스킹하거나 가상의 예시로 안내합니다. 실제 고객 정보와 사이트 키는 공개 자료에 넣지 마세요.

처음 설치한다면: 내 상황에 맞는 경로부터 고르세요

현재 상황	먼저 할 일
코드 설치 전에 고객 화면부터 보고 싶어요.	전용 URL을 복사해 열고 인사말·버튼·신청 흐름을 확인합니다.
메타플라이어에서 만든 웹사이트가 있어요.	[사이트 연결]을 통해 웹사이트 설정에서 상담톡 연결을 확인합니다.
메타플라이어 랜딩페이지에 넣고 싶어요.	연결할 랜딩페이지를 선택하고 [설치 대상 저장] 후 공개 페이지를 확인합니다.
외부 업체가 관리하는 사이트가 있어요.	전용 스크립트와 허용 도메인 안내를 해당 사이트 관리 담당자에게 전달합니다.
페이지 본문 안에 상담창을 넣고 싶어요.	인라인 삽입(iframe) 방식을 확인합니다.

따라 하기: 외부 사이트에 설치하기

상단 상담톡 이름을 확인하고 [운영 설정 > 상담톡 설치]를 엽니다.
[스크립트 복사]로 현재 상담톡의 코드를 복사합니다. 다른 상담톡의 코드와 섞지 않습니다.
사이트 편집 권한이 있다면 안내된 위치인 닫는 body 태그 바로 앞에 넣습니다. 편집이 어려우면 사이트 담당자에게 해당 위치에 적용하도록 요청합니다.
[허용 도메인]에 실제 상담톡을 띄울 사이트 주소를 등록합니다. example.com은 설명용 예시이므로 실제 주소로 바꿉니다.
외부 사이트의 수정 내용을 저장·게시한 뒤 실제 고객이 방문하는 주소에서 확인합니다.
PC와 휴대폰에서 버튼을 열고 안내·입력·신청 흐름을 확인합니다.

사이트 담당자에게 전달할 내용

‘대상 사이트에 상담톡을 설치하려고 합니다. 현재 상담톡 설정에서 복사한 스크립트를 안내된 body 종료 태그 앞에 적용해 주세요. 적용 후 실제 게시 주소와 모바일 화면에서 버튼이 표시되는지 확인 부탁드립니다.’라고 목적과 설치 위치를 알려 주세요. 코드는 해당 설치 업무를 수행하는 담당자에게 전달하고 공개 게시물에는 사이트 키를 노출하지 않습니다.

완료 기준과 문제 확인

고객 페이지에 올바른 상담톡이 열리고, 안내와 신청까지 동작하는지 확인합니다. 버튼이 없으면 실제 게시 반영 → 허용 도메인 → 선택 상담톡의 코드 → 운영시간 외 위젯 숨김 → 모바일 숨김 순으로 확인합니다. 전용 링크가 열린다고 외부 사이트 스크립트 설치도 끝난 것은 아닙니다.

설치 방법 선택

항목	설명·사용 방법
외부 사이트	해당 사이트의 HTML에 전용 스크립트를 넣고 허용 도메인을 등록합니다.
메타플라이어 웹사이트	[사이트 연결]을 통해 웹사이트 > 설정 > 상담톡에서 연결합니다.
랜딩페이지	설치 대상에서 사용할 랜딩페이지를 선택하고 저장합니다.
페이지 안에 삽입	iframe 코드를 이용해 페이지 본문 안에 상담창을 배치합니다.
전용 URL	별도 사이트 설치 없이 링크로 상담톡을 엽니다.
QR 코드	오프라인 안내물에서 전용 상담 페이지로 연결할 때 사용합니다.

외부 사이트에 스크립트 설치

허용 도메인에서 [도메인 추가]를 누르고 실제 설치할 사이트 주소를 입력합니다. 사이트 키가 있는 영역은 제외했습니다.

① 도메인 입력 실제로 상담톡을 설치할 사이트 도메인을 입력합니다. example.com은 예시입니다.

② 도메인 추가 입력한 도메인을 등록합니다. 등록되지 않은 도메인에서는 스크립트가 동작하지 않습니다.

설치할 상담톡을 선택합니다.
[스크립트 설치]의 [스크립트 복사]를 누릅니다.
외부 사이트 HTML의 </body> 바로 앞에 붙여넣습니다. 사이트를 직접 수정하기 어렵다면 웹사이트 담당자에게 전달해 주세요.
아래 [허용 도메인] > [도메인 추가]에서 실제 사용하는 사이트 주소를 등록합니다.
사이트를 열어 상담 버튼과 첫 인사말, 버튼 이동이 정상인지 확인합니다.

등록된 도메인에서만 스크립트가 동작합니다. 허용 도메인이 하나도 없으면 도메인을 먼저 등록해야 합니다. 사이트 키가 포함된 스크립트는 현재 선택한 상담톡에 해당하므로 다른 상담톡의 코드와 섞지 마세요.

웹사이트·랜딩페이지 연결

웹사이트: [사이트 연결]을 눌러 웹사이트 > 설정 > 상담톡에서 사이트별 연결을 관리합니다.

랜딩페이지: 연결할 랜딩페이지를 선택하고 [설치 대상 저장]을 누릅니다. [연결한 랜딩페이지 전체에 표시] 항목과 선택 대상을 함께 확인한 뒤 실제 게시된 페이지에서 확인해 주세요.

iframe으로 본문에 삽입

[인라인 삽입(iframe)]의 [iframe 코드 복사]를 누릅니다.
상담창을 보여 줄 페이지 위치에 붙여넣습니다.
페이지 폭과 높이에 맞게 표시되는지 확인합니다. 화면 예시 코드는 width 100%, height 720으로 안내됩니다.
모바일에서도 입력란과 버튼이 가려지지 않는지 확인합니다.

플로팅 위젯은 화면 모서리의 버튼으로 열고, iframe은 페이지 본문에 붙박이로 보여 주는 방식입니다.

전용 URL·컨설턴트 링크·QR

[URL 복사]: 설치 없이 전용 상담 페이지를 공유합니다. 블로그·문자·안내 페이지 등에 활용할 수 있으며, 이 경로로 들어온 상담도 문의·리드 관리에 수집됩니다.
컨설턴트 전용 링크: 발급된 링크를 확인합니다. 해당 링크로 들어온 문의는 지정 컨설턴트에게 바로 배정되는 방식입니다. 링크가 없다고 나오면 발급된 항목이 없는 상태입니다.
[QR 코드 생성]: 명함·현수막·홍보물 등에서 상담톡으로 연결할 QR을 만듭니다. 사용 전에 휴대폰으로 스캔하여 연결 대상 상담톡을 확인해 주세요.

사이트 키와 설치 확인

사이트 키는 상담톡을 식별하며 전용 스크립트·iframe·URL에 포함됩니다. 공개 예시는 cb_********처럼 마스킹합니다. 실제 설치에는 화면에서 복사한 원본 코드를 사용해 주세요.

[키 재발급]은 기존 설치·공유 링크에 영향을 줄 수 있으므로 단순 확인 용도로 누르지 마세요. 필요할 때 관련 설치 위치와 안내물을 함께 점검해 주세요.

버튼이 보이지 않을 때

선택한 상담톡과 설치한 코드가 같은지 확인합니다.
외부 사이트는 허용 도메인과 스크립트 삽입 위치를 확인합니다.
웹사이트·랜딩 연결 대상과 저장 여부를 확인합니다.
동작 설정의 운영시간 외 위젯 숨김·모바일 숨김을 확인합니다.
적용한 사이트를 다시 열어 PC·모바일에서 확인해 주세요.