Ask AI 바
전체 화면 위젯 스타일: 중앙에 배치된 입력 바가 몰입형 대화로 확장됩니다
개요
Ask AI 바는 채팅 위젯의 대체 스타일입니다. 모서리의 클래식 버블 대신, 방문자는 페이지 하단 중앙에서 질문을 유도하는 입력 필드를 보게 됩니다. 입력을 시작하는 순간 페이지는 과거 대화를 위한 사이드바가 있는 전체 화면 대화로 전환됩니다. 바는 페이지에서 가장 눈에 잘 띄는 위치에 있고 클릭해서 여는 단계가 없기 때문에, 방문자는 버블보다 훨씬 더 많은 대화를 시작합니다.
그 아래에는 동일한 어시스턴트가 있습니다. 지식 베이스, AI 지침, 색상, 개인정보 설정, 리드 수집, 예약 및 기타 모든 설정이 두 스타일 모두에 적용됩니다. 상담원 전환, 대화 스크립트, 대화 기록도 동일하게 작동합니다.
활성화하기
대시보드에서 사용자 지정을 열고 위젯 스타일에서 Ask AI 바를 선택하세요. 그게 전부입니다. 기존 임베드 스니펫과 플러그인은 계속 작동하며, 다음 페이지 로드 시 새 스타일이 나타납니다. 웹사이트에서 코드를 변경할 필요가 없습니다.
바는 Pro 및 Enterprise 플랜에서 사용할 수 있습니다. 나중에 플랜이 변경되면 웹사이트는 자동으로 클래식 버블로 돌아가며, 아무것도 깨지지 않습니다.
플레이스홀더 텍스트
기본적으로 바는 Ask AI라는 텍스트로 방문자의 질문을 유도하며, 이 텍스트는 각 방문자의 언어로 자동 번역됩니다. 바 스타일을 선택하면 나타나는 바 플레이스홀더 텍스트 설정에서 원하는 문구로 바꿀 수 있습니다. 예: 여행 전문가에게 물어보세요.
바 너비
위젯 설정의 두 슬라이더가 바의 최대 너비를 제어합니다. 첫 번째는 큰 화면에서의 너비를 설정하며 기본값은 640픽셀입니다. 두 번째인 휴대폰에서의 바 너비는 기본적으로 꺼져 있습니다. 이 경우 휴대폰은 화면 전체 너비를 사용하며, 작은 화면에서 가장 보기 좋습니다. 켜면 화면 크기를 상한으로 휴대폰에 고유한 고정 너비를 지정할 수 있습니다.
특정 페이지에만 바 표시하기
많은 웹사이트가 문서나 도움말 센터처럼 콘텐츠가 많은 페이지에는 바를, 나머지 페이지에는 클래식 버블을 원합니다. 특정 페이지에만 바 표시 옵션을 활성화하고 페이지를 한 줄에 하나씩 또는 쉼표로 구분하여 나열하세요:
/pricing, /docs*, example.com/support
방문자는 일치하는 페이지에서 바를, 나머지 모든 페이지에서 버블을 보게 됩니다. /pricing 같은 경로는 도메인 없이 작동하며 정확히 해당 페이지와 일치합니다. 끝의 슬래시는 상관없습니다. 항목 끝에 별표를 붙이면 전체 섹션을 포함합니다. /docs* 는 /docs 와 그 하위의 모든 페이지와 일치합니다.
코드로 스타일 제어하기
개발자는 임베드 스니펫의 data-asyntai-style 속성으로 페이지별 스타일을 강제할 수 있습니다. bar 또는 bubble 값을 받으며 대시보드 설정보다 우선합니다:
<script>(function(){var l=function(){var s=document.createElement("script");s.src="https://widget.asyntai.com/static/js/chat-widget.js";s.async=true;s.setAttribute("data-asyntai-id","YOUR_WIDGET_ID");s.setAttribute("data-asyntai-style","bar");document.head.appendChild(s)};if(document.readyState==="complete"){l()}else{window.addEventListener("load",l)}})();</script>
바를 표시할 페이지에는 bar 를 사용하고, 그 외의 모든 곳에는 bubble 을 사용하거나 속성을 생략하면 됩니다. 페이지가 서로 다른 템플릿에서 렌더링되고 결정을 대시보드 대신 코드에 두고 싶을 때 유용합니다.
알아두면 좋은 점
- 대화는 스타일을 넘어 이어집니다. 한 페이지에서 버블로 채팅한 방문자는 다른 페이지에서 바를 만나도 AI와 같은 대화를 계속합니다.
- 방문자가 채팅을 열도록 하는 것이 유일한 역할인 설정(위치, 채팅 아이콘, 자동 트리거, 인사 버블, 트리거 입력, 읽지 않음 배지)은 바에서 사용되지 않습니다. 바는 항상 표시되기 때문입니다. 이 값들은 다시 전환할 때를 위해 유지됩니다.
- 바는 음성 입력, 이미지 업로드, 제품 카드, 예약, 이메일 및 전화번호 수집, 현지화, 오른쪽에서 왼쪽으로 쓰는 언어를 완벽하게 지원합니다.
- 휴대폰에서는 바가 화면 하단 가장자리 위에 위치하며, 대화는 전체 화면으로 열리고 과거 대화는 슬라이드 서랍에 표시됩니다.