채팅 홈 화면: 인사말, 로고, 타일과 탭

홈 화면은 방문자가 채팅을 열 때 처음 보는 인사말, 로고, 색상 헤더와 최대 10개 타일입니다. 아래에서 홈, 메시지, 도움말 탭을 전환합니다. 홈 화면이 없으면 바로 대화로 열립니다.

설정은 /app/projects/{id}의 외관 탭, 위젯 홈 화면 섹션에 있습니다.

실시간 미리보기

양식 옆에는 입력한 내용으로 실행되는 실제 위젯이 있습니다. 입력 즉시 반영되지만 저장하지는 않습니다. 저장 버튼으로만 적용하며 저장 후 방문자 반영까지 최대 1분입니다.

미리보기에는 도움말 탭이 없습니다. 위젯이 운영자의 도메인에서 가져오는 게시된 도움말 센터 문서에 의존하기 때문입니다. 웹사이트에서는 표시됩니다.

스위치

• 홈 화면 표시 – 꺼짐(기본값): 바로 대화로 열리고 탭 줄이 없습니다. 켜짐: 홈 화면에서 시작합니다.
• 도움말 탭 표시 – 게시된 도움말 문서와 검색을 표시합니다. 센터 주소가 있고 게시 문서가 하나 이상 있어야 나타납니다. 설정은 제품 매뉴얼에 있습니다.
• 홈 화면에 최근 메시지 표시 – 켜짐(기본값): 재방문자가 이전 위치를 보고 한 번 클릭해 대화로 갑니다.
• 메시지 필드 아래 “팀과 대화하기” 버튼 표시 – 켜짐(기본값). AI 어시스턴트가 답변할 때 표시되며 팀에서 아무도 온라인이 아니면 “팀에 메시지 남기기”입니다.

로고, 색상과 인사말

• 홈 화면 로고 – 주소 시작 형식은 https://, 또는 data:image/… 이미지, 최대 255자입니다. 비워 두면 로고 없이 인사말만 표시합니다.
• 헤더 그라데이션 시작과 종료 – 홈 화면 색상 헤더의 두 색상입니다. 없으면 브랜드 색상을 사용합니다(색상, 글꼴과 테마 참조).
• 인사말 – 상단의 큰 줄입니다. 비워 두면 당사의 번역된 “안녕하세요 👋”를 사용합니다.
• 아래 줄 – 작은 줄입니다. 비워 두면 방문자 언어로 “무엇을 도와드릴까요?”입니다.

인사말, 아래 줄과 타일 텍스트는 프로젝트의 기본 언어(설치 → 기본 설정)로 작성합니다. 텍스트당 최대 400자입니다. 별도 언어별 번역은 없으므로 다른 언어 위젯의 방문자도 입력한 그대로 봅니다. 방문자 대부분이 읽는 언어로 작성합니다. 인사말이나 아래 줄을 비워 두면 방문자의 언어로 당사 텍스트를 표시합니다.

헤더 스타일(그라데이션, 평면, 유리)과 홈 화면 밀도는 외관 → 브랜드 설정 → 스타일에서 설정합니다. 채팅 창: 스타일, 크기와 사이드 패널을 참조합니다.

타일

타일은 홈 화면의 큰 버튼이며 최대 10개입니다. 제목이 없는 타일은 표시하지 않습니다. 제목을 비우고 저장하면 제거할 수 있습니다.

타일 항목:

• 동작 – 클릭 시 실행 내용입니다.
• 대화로 이동 – 대화를 엽니다. 대상에 문장이 있으면 방문자 입력란에 넣지만 전송하지 않습니다.
• 링크 열기 – 대상 주소를 엽니다. 다른 형식은 저장하지 않습니다. 필요한 주소 시작 형식: https://,
• 도움말 열기 – 도움말 탭으로 전환합니다.
• 메시지 남기기 – 이메일 메시지 양식을 엽니다.
• 제목 – 필수이며 없으면 타일이 표시되지 않습니다.
• 아래 줄 – 선택 사항입니다.
• 대상 – 동작에 따라 주소나 미리 채울 문장이며 최대 200자입니다.

홈 화면 전체(타일, 텍스트와 홍보 카드)는 저장 시 최대 16 KB입니다. 제목과 두 번째 줄이 있는 타일 10개도 그보다 훨씬 작습니다. 너무 크면 조용히 누락하지 않고 이유를 알려 줍니다.

홍보 카드

홈 화면 및/또는 대화 상단에 유료 요금제 같은 자체 상품 카드를 표시할 수 있습니다. 외관 → 홍보 카드에 있으며 채팅의 홍보 카드에 별도 안내가 있습니다. “시작 페이지” 위치는 홈 화면이 켜져 있어야 합니다.

열 때 탭 선택

링크나 호출별로 data-rc-tab 또는 tab 옵션을 사용해 앞에 표시할 탭을 정합니다.

<a href="#rc-open" data-rc-tab="help">Browse help articles</a>

ReactiveChat('open', { tab: 'home' });

home(홈 화면), msg(대화), help(도움말)를 허용합니다. 탭이 없으면 평소처럼 열립니다. 자체 링크나 버튼으로 채팅 열기를 참조합니다.

표시되지 않는 경우

• 탭 줄 없음: 홈 화면 표시를 선택하고 저장했나요?
• 도움말 탭 없음: 센터 주소가 있고 게시 문서가 하나 이상 있나요?
• 타일 없음: 제목이 있나요?
• 로고 없음: 주소가 https:// 또는 data:image/로 시작하나요?

탭(“홈”, “메시지”, “도움말”)과 기본 타일 텍스트는 텍스트와 언어에서 변경합니다.