채널톡 버튼 설정

멀티 플러그인을 통해 각 상세 페이지별로 다른 버튼을 보여줄 수 있어요. 버튼 목록에서 원하는 버튼을 선택 후, 각 버튼 별 설정을 진행해보세요.

• [기본 버튼]으로 설정한 플러그인이 내 채널톡 주소 및 워크플로우에서 이용되는 기본 플러그인이 됩니다.

• 동일한 고객 DB로 관리되는 여러 개의 사이트가 있을 경우 멀티 플러그인을 활용해주시면 좋아요.

• 플러그인 별 플러그인 키를 활용하여 각기 다른 사이트 혹은 다른 페이지에 설치해주시면 됩니다.

채널톡 버튼의 플러그인 키 및 설치 스크립트를 확인할 수 있어요. 조금 더 자세한 설치 방법은 설치에서 확인해주세요

• 채널톡 기본 버튼을 19가지 다양한 모양의 아이콘으로 변경할 수 있어요. 원하는 버튼 디자인을 골라 색상도 자유롭게 설정할 수 있어요.

• 버튼의 배경 컬러는 채널 테마 색상을 따라갑니다. 배경색이 어두우면 아이콘은 화이트 계열로 보이고, 배경색이 밝다면 아이콘 컬러는 어둡게 보입니다.

  

우리 브랜드의 개성을 나타내는 이미지로 버튼을 바꾸고 싶다면 커스터마이징한 이미지를 업로드하여 이용할 수 있어요. 설정 방법과 활용 예시를 살펴보세요.

• 사용 가능한 확장자 : png, jpg ,gif

• 이미지 권장 사이즈 : 최소 180x180px 이상, 1:1 비율로만 지원됩니다.

• PC 버튼은 56px, 모바일 웹 버튼은 44px로 사이즈가 자동 조절되어 보입니다.

• PC 버튼과 모바일 웹 버튼은 공통 이미지로 지원됩니다.

• 업로드는 1:1 비율 이미지만 지원되며, 웹에서는 원형 버튼으로 자동 표시됩니다. 직사각형 등 다른 모양의 버튼은 설정으로 변경할 수 없고, 자체 제작 사이트처럼 코드 수정이 가능한 경우에만 별도 개발로 구현할 수 있어요.

• 배경이 없는 PNG 파일의 경우 백그라운드에 흰색 배경 컬러가 적용됩니다.

• 모바일 네이티브 SDK의 경우 별도의 코딩을 통한 커스터마이징 진행이 필요합니다.

  

  업데이트 전 1:1 비율이 아닌 이미지를 커스텀 버튼으로 이용 중이시라면 해당 커스텀 이미지를 그대로 유지할 수 있어요.

  다만, 새로운 이미지를 업로드할 때부터는 1:1 사이즈로 적용됩니다. 적용 이후에는 다시 이전 이미지로 변경이 지원되지 않아요.

채널톡 기본 버튼이 아닌 커스터마이징을 하고 싶은데 어떻게 만드는 게 좋을지 모르겠다면, 버튼 커스터마이징을 잘 활용하는 예시를 살펴보세요.

고객이 처음 방문했을 때 채팅 문의 버튼이 있다는 사실을 알려주기 위한 긴 막대형 버튼이에요. 라벨 버튼의 문구는 4~30 글자 까지 설정이 가능해요.

라벨 버튼에는 채널 프로필 또는 팀 멤버 프로필 이미지(최대 2명)가 함께 보입니다. (단, 모바일 웹에서는 팀 멤버 프로필이 노출되지 않아요. )

• 고객이 방문하여 채널톡 채팅버튼을 눌렀을 때, 라운지(채팅목록) 화면의 테마를 어떻게 보여줄지 설정할 수 있습니다.

• 라이트, 다크, 시스템 모드로 적용 가능하며, 시스템 모드로 설정해 둔 경우 고객의 시스템(브라우저) 설정을 따라가게 됩니다.

• 자체 개발 사이트라면 API를 활용하여 데스크 설정보다 더 우선적으로 적용되는 테마를 지정할 수 있습니다.

PC 웹 사이트에서 보여지는 채널톡 버튼을 설정해요.

• 설정 경로: [채널 설정] - [일반 설정] - [버튼 설치 및 설정] - [웹 버튼 설정] - [데스크탑 클릭]

모바일 웹에서 보여지는 채널톡 버튼을 설정해요.

• 설정 경로: [채널 설정] - [일반 설정] - [버튼 설치 및 설정] - [웹 버튼 설정] - [모바일 웹 클릭]

상담 유입을 완전히 막고 싶다면 [데스크탑]과 [모바일 웹] 설정에서 각각 ‘버튼 숨기기’를 모두 켜주세요. 한쪽만 숨기면 다른 환경에서는 버튼이 계속 노출될 수 있어요.

'퀵서치'는 방문자가 cmd+K(Windows는 Ctrl+K)만 눌러 우리 사이트 안의 정보를 검색하는 기능이에요. 검색 결과를 누르면 해당 페이지로 바로 이동해요. 여러 메뉴를 헤매지 않아도 방문자가 원하는 정보를 빠르게 찾을 수 있어요.

채널톡을 설치한 사이트라면 따로 등록하지 않아도 채널톡이 사이트 페이지를 알아서 수집해 검색 결과로 보여줘요. 검색에 보여줄 페이지 범위는 [지식] 설정 화면의 웹사이트 설정에서 조정할 수 있어요. (→ 지식 자세히 확인하기)

퀵서치 사용 조건

'퀵서치' 기능을 사용하려면 아래 조건을 모두 충족해야 해요.

• 사이트에 채널톡이 설치되어 있어야 해요.

• 웹사이트 내 페이지 수집을 대신 해드려요. 검색에 사용될 웹사이트 수집이 끝나야 사용이 가능해요.

• 로그인 없이 볼 수 있는 공개 페이지만 수집해요.

• 방문자가 PC 환경에서 접속해야 퀵서치 기능을 이용할 수 있어요. 모바일 웹과 모바일 SDK에서는 지원하지 않아요.

퀵서치 동작 방식

퀵서치는 [지식]에 추가된 웹사이트 데이터에서 검색 결과를 찾아요. 방문자가 검색어를 입력하면 관련 페이지를 목록으로 보여주고, 결과를 누르면 그 페이지로 바로 이동해요. 사이트에 검색 버튼이 따로 생기지는 않아서, 방문자는 단축키로 검색창을 열 수 있어요.

• 웹사이트 지식 확인 경로: [고객 스페이스] - [서포트] - [설정] - [지식]에서 [웹사이트]

채널을 언제 만들었는지, 웹사이트 지식이 있었는지에 따라 퀵서치가 검색에 쓰는 웹사이트가 달라요.

1단계. 퀵서치 설정 화면 열기

• 설정 경로: [채널 설정] - [일반 설정] - [버튼 설치 및 설정] - [웹 버튼 설정]

1. [퀵서치] 탭을 선택해 주세요.

2. 퀵서치는 기본으로 켜져 있으며, 이 화면에서 켜거나 끌 수 있어요.

2단계. 검색에 보여줄 웹사이트 고르기

• 경로: [고객 스페이스] - [서포트] - [설정] - [지식]에서 [웹사이트]

1. 퀵서치 설정 화면에서 [검색 결과 관리]를 클릭하면 [고객 스페이스] - [서포트] - [설정] - [지식]으로 이동해 검색에 보여줄 웹사이트를 확인할 수 있어요.

2. 웹사이트 지식 설정 화면 오른쪽 위 더보기(⋮)에서 [퀵서치 참조]를 켜고 끌 수 있어요.

   • ON: 그 웹사이트의 페이지가 검색 결과에 나와요.

   • OFF: 그 웹사이트의 페이지가 검색 결과에 나오지 않아요

3. 설정 화면에서는 웹사이트 수집 상태도 확인할 수 있어요.

   • 수집 중: 수집이 진행 중인 상태예요.

   • 수집 실패: 실패 안내와 함께 [지식] 화면으로 이동하는 링크가 표시돼요.

   • 등록된 웹사이트 없음: 웹사이트를 등록할 수 있도록 [지식] 화면으로 안내해요. (→ 웹사이트 지식 자세히 확인하기)

3단계. 검색 결과에 넣거나 뺄 페이지 조정하기

검색 결과에 추가하거나 제외할 페이지가 있다면 [웹사이트 설정]에서 조정할 수 있어요. 웹사이트 지식 설정 화면 오른쪽 위 더보기(⋮)에서 [웹사이트 설정]을 누르고 [고급 설정]을 펼치면 돼요.

• 추가 URL: 수집되지 않은 페이지를 검색 결과에 추가해요.

• 제외 URL: 수집된 페이지를 검색 결과에서 제외해요.

• 최대 깊이, 최대 페이지 수: 값을 늘리면 더 많은 페이지를 수집해요. 검색되는 페이지가 적을 때 늘려주세요.

입력을 마치면 [저장 및 다시 가져오기]를 눌러주세요.

4단계. 결과 확인하기

PC에서 우리 사이트에 접속해 Ctrl + K / Command ⌘ + K를 눌러주세요.

사이트 위에 검색창이 뜨면 검색어를 입력해 보세요. 관련 페이지가 목록으로 나오고, 결과를 누르면 그 페이지로 이동해요. 검색창이 뜨지 않는다면 1단계에서 퀵서치가 켜져 있는지, 웹사이트 수집이 끝났는지 확인해 주세요.

웹사이트마다 퀵서치 상태를 확인할 수 있어요.

특정 페이지에서만 채널톡 버튼이 노출되길 원한다면 화이트리스트를 설정해주세요. 화이트리스트에 채널톡이 보여지길 원하시는 도메인을 입력하면 해당 도메인에서만 버튼이 노출됩니다.

• 도메인 입력 시, http 또는 https 를 제외한 나머지 주소를 입력해주세요.