채팅 버튼 디자인 바꾸기

방문자에게 표시되는 채팅 버튼과 상담창의 이름, 색, 문구, 위치를 사이트에 맞게 정합니다. 저장하기 전에도 오른쪽 방문자 화면에서 어떻게 표시되는지 확인할 수 있습니다.

시작하기 전에#

• 멤버 권한 채팅 설정 변경이 필요합니다.
• 채팅 상담이 비활성화되어 있으면 ‘채팅 상담이 비활성화되어 방문자에게 이 버튼이 표시되지 않습니다.’가 표시됩니다. 디자인은 변경할 수 있지만 방문자에게는 표시되지 않으므로 채팅 상담을 활성화합니다.

순서#

1. 사이트를 선택하고 사이트 관리 > 채팅 버튼 > 채팅 버튼 디자인 설정을 선택합니다.

   채팅 버튼 디자인 설정 화면. 왼쪽에 브랜드, 방문자 안내 설정이 있고 오른쪽에 방문자 화면 미리보기가 표시됩니다.

2. 1 브랜드에서 이름과 색을 정합니다.

   • 채팅 버튼, 체크톡, 관리 화면에서는 사이트 사진이 함께 사용됩니다. 사진을 변경하려면 변경을 선택해 사이트 화면으로 이동합니다.
   • 채팅 표시 이름에 상담창에 표시할 이름을 입력합니다. 최대 40자이며, 비우면 사이트 이름을 사용합니다.
   • 대표 색상에서 기본 색상 20개 중 하나를 선택하거나 사용자 지정 색상에 색상 값(예: #2563EB)을 입력합니다. 흰색 글자가 잘 읽히는 색상을 권장하며, 대비가 낮으면 ‘글자와 배경의 대비가 낮습니다. 더 진하거나 밝은 색상을 선택해 주세요.’가 표시됩니다.

3. 2 방문자 안내에서 문구를 입력합니다.

   • 채팅 버튼 문구는 채팅 버튼에 표시됩니다. 최대 16자이며, 비우면 기본 문구인 ‘채팅으로 문의하기’를 사용합니다.
   • 상담 창 제목은 방문자가 채팅을 시작하기 전에 표시됩니다. 최대 60자입니다.
   • 설명은 상담창 제목 아래에 표시됩니다. 최대 120자입니다.

4. 3 화면 위치에서 버튼 위치를 정합니다.

   • 위치는 오른쪽과 왼쪽 중에서 선택합니다.
   • 화면 가장자리와의 간격은 좁게, 기본, 넓게 중에서 선택합니다. 화면이 좁으면 간격이 자동으로 줄어들고, 모바일 화면에서는 버튼 위치가 자동으로 조정됩니다.

5. 오른쪽 방문자 화면에서 데스크톱과 모바일로 전환해 모양을 확인합니다. 미리보기의 상담창은 열림과 닫힘 상태를 전환할 수 있습니다.

6. 오른쪽 위의 변경사항 저장을 선택합니다. 저장하지 않은 변경이 있으면 ‘저장하지 않은 변경사항 N건’이 표시되고, 저장하면 저장됨으로 변경됩니다.

이후에는#

• 저장한 디자인은 사이트의 채팅 버튼과 상담창에 반영됩니다.
• 빠른 연결 버튼은 빠른 연결 버튼 추가하기에서 따로 설정합니다.
• 방문자에게 먼저 질문을 건네려면 먼저 말 걸기 설정하기를 설정합니다.

안 될 때#

관련 글#

• 빠른 연결 버튼 추가하기
• 채팅 상담 활성화하고 AI 자동응답 정하기
• 상담 연결 방식과 운영시간 정하기