스타일

스타일을 설정 및 수정한 후 저장 버튼을 눌러 챗봇에 적용해 주세요.

스타일 설정이란?

스타일 설정에서는 챗봇의 테마 색상 및 사이트 화면에 노출될 챗봇 위젯의 디자인 및 위치를 설정할 수 있습니다.

챗봇의 테마(색상)을 지정할 수 있습니다.

적용 범위 : 기본 위젯 사용 시 배경색, 사용자 질문 말풍선 배경색, 질문 발송 버튼 활성화 색, 피드백(좋아요/싫어요) 버튼 색, 링크 버튼 색, 대화 목록의 새로운 대화 버튼 색

설정한 테마가 배경으로 적용되는 요소의 텍스트 및 아이콘은 자동으로 블랙 또는 화이트로 변경됩니다.

챗봇 위젯은 사용자가 챗봇과 대화를 시작할 수 있도록 화면 한쪽에 고정되어 있는 버튼이며, 클릭 시 대화창이 열립니다.

위젯 설정에서는 챗봇 위젯의 디자인과 사이즈, 위치 등을 설정할 수 있습니다.

a. 위젯 이미지: 챗봇 위젯의 이미지를 설정하며 세 가지 방법으로 설정할 수 있습니다.

아이콘 변경: 젤라또에서 제공하는 기본 아이콘을 선택하여 위젯 이미지 설정 (테마 설정 색상 반영)
파일 업로드: 원하는 이미지의 파일을 업로드하여 설정 _{- 형식: JPG, JPEG, PNG / 용량: 최대 5MB / 사이즈 : 가로, 세로 최소 160px 이상
- 200x200 (1:1 비율) 권장}
프로필 이미지 사용: 선택 시 프로필 이미지에 업로드한 이미지와 동일한 이미지로 반영

b. 위젯 사이즈: 사이트에 노출되는 위젯의 크기를 설정하며, 미리보기에서 변경 크기를 확인할 수 있습니다. _{- 40 ~ 100px까지 설정 가능}

c. PC 위치: 오른쪽 하단 선택 시 PC 화면의 오른쪽, 아래에서 설정한 픽셀만큼, 왼쪽 하단 선택 시 PC 화면의 왼쪽, 아래에서 설정한 픽셀만큼 떨어져 위치합니다.

d. 모바일 웹 위치: 오른쪽 하단 선택 시 모바일 웹 화면의 오른쪽, 아래에서 설정한 픽셀만큼, 왼쪽 하단 선택 시 모바일 웹 화면의 왼쪽, 아래에서 설정한 픽셀만큼 떨어져 위치합니다.

PC와 모바일 웹에서 챗봇 위젯의 위치를 별도로 설정할 수 있습니다. 모바일 웹 환경에서 하위에 메뉴 바 등을 고려하여 위치를 별도로 설정하여 사용할 수 있습니다.

위젯 설정 위치 적용은 실제 환경에서 확인해 주세요.

위치 참고 이미지

Last updated 3 months ago

Was this helpful?