Documentation

Vela 웹 위젯 설정 가이드

Vela의 고객 지원 위젯을 웹사이트에 연동하는 방법입니다. 관리자 대시보드에서 위젯 디자인, 웰컴 문구 및 임베드 설정을 진행할 수 있습니다.

사이드바에서 채널 연동 탭을 클릭한 다음 웹 위젯 설정을 클릭합니다.

웹 위젯 활성화

일반 설정

웹사이트에 위젯이 노출될 위치를 정합니다. 왼쪽 아래 또는 오른쪽 아래로 지정할 수 있습니다.

일반 설정

디자인 및 브랜드 설정

웹사이트 분위기에 맞게 위젯 디자인을 커스텀해 보세요: 위젯 배경색, 아이콘 색상, 실행 버튼 모양, 버튼 크기 및 둥글기 비율을 설정할 수 있습니다.

디자인 설정

웰컴 문구 및 이미지 설정

위젯 내용들을 설정합니다: 웰컴 첫 인사, AI 상담원 이름 및 이미지를 변경해 보세요. 변경 사항이 화면에 어떻게 보여지는지 실시간으로 시각적 뷰를 통해 확인해 볼 수 있습니다.

문구 설정

웹사이트 임베드 적용

위젯 스크립트 태그 코드를 복사하여, 웹사이트 HTML 코드의 </body> 닫는 태그 직전에 삽입하세요.

임베드 코드

Claude, Cursor 등 인공지능 개발 도구나 AI 프로그래밍 도우미를 사용하고 계시다면, AI 전용 연동 프롬프트를 복사하여 대화창에 입력하기만 하면 AI가 알아서 코드를 사이트에 삽입해 줍니다.

AI 연동 프롬프트