> For the complete documentation index, see [llms.txt](https://help.genser.ai/llms.txt). Markdown versions of documentation pages are available by appending `.md` to page URLs; this page is available as [Markdown](https://help.genser.ai/design/settings.md).

# 디자인 설정

젠서 디스커버리 사이트와 젤라또 채널의 디자인 요소를 설정하는 페이지입니다. 보유한 권한에 따라 표시되는 항목이 다를 수 있습니다.

<figure><img src="https://2560922032-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FyYVX6HW5LNuPHRnSB2po%2Fuploads%2FckP63QJOtJKuZq3aUTx4%2Fimage.png?alt=media&amp;token=d707629e-5723-4647-9dea-efd5eaa6944f" alt=""><figcaption></figcaption></figure>

{% hint style="warning" %}
디자인 설정을 저장하면 변경 사항이 즉시 사이트에 반영됩니다. 사이트가 공개 상태일 경우 주의해 주세요.
{% endhint %}

{% hint style="info" %}
**젠서 디스커버리는 사이트마다 화면 모드가 하나입니다.** 같은 설정값이 스플릿뷰와 채팅뷰에서 서로 다른 자리에 표시되므로, 아래 예시 화면은 모드별 탭으로 나누어 두었습니다.

우리 사이트가 어느 모드인지는 화면 하단의 **\[미리보기]** 를 눌러 **Chat** 화면에서 확인할 수 있습니다. (4장 참고)
{% endhint %}

***

## **1. 브랜드 정보**

<figure><img src="https://2560922032-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FyYVX6HW5LNuPHRnSB2po%2Fuploads%2FDB2OwQDCRQQIJd3FF7gT%2Fimage.png?alt=media&amp;token=1820d2b7-0a13-4caf-b9ee-2f6e949fa20a" alt=""><figcaption></figcaption></figure>

### **1-1. 브랜드명**

브랜드를 식별하는 이름으로, 젤라또 채널의 대화 목록 태그와 상품 상세 페이지 상단 채널명에 사용됩니다.

<table><thead><tr><th width="160.1640625">반영 위치</th><th align="center" valign="middle">예시 화면</th></tr></thead><tbody><tr><td>대화 목록</td><td align="center" valign="middle"><img src="https://2560922032-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FyYVX6HW5LNuPHRnSB2po%2Fuploads%2FdzeaxfoRajLZAWmhWpR5%2Fko-brand-tNH8j1qaPTF1szR7p5Ls.png?alt=media" alt="" data-size="original"></td></tr><tr><td>상품 상세 페이지</td><td align="center" valign="middle"><img src="https://2560922032-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FyYVX6HW5LNuPHRnSB2po%2Fuploads%2FqO2d43YH72401wx2fHlu%2Fko-brand-E3oVgUxnKd1zj6Tr7MFD.png?alt=media" alt=""></td></tr></tbody></table>

{% hint style="warning" %}
브랜드명은 최초 저장 후 최대 **3회**까지만 변경할 수 있습니다. 3회를 모두 소진하면 이후 수정이 불가능합니다. 신중하게 설정해 주세요.
{% endhint %}

* **중복 여부:** 브랜드명은 다른 채널과 중복될 수 없습니다. 입력 후 반드시 **\[중복 확인]** 을 눌러 확인해 주세요
* **입력 규칙:** `_`와 이모지를 제외하고 최대 20자까지 입력할 수 있습니다.

{% hint style="info" %}
**젠서 디스커버리(채팅뷰)에는 브랜드명이 그대로 표시되는 자리가 없습니다.** 진입 화면과 답변 위에는 **에이전트명**이 표시됩니다. 에이전트명을 「브랜드명과 동일」로 두면 브랜드명이 그 자리에 표시됩니다. (3-1 참고)
{% endhint %}

***

### **1-2. 로고 이미지**

사이트 전반에 표시되는 브랜드 로고입니다.

{% tabs %}
{% tab title="젤라또 채널" %}

<table><thead><tr><th width="160.1015625">반영 위치</th><th align="center">예시 화면</th></tr></thead><tbody><tr><td>메인 페이지</td><td align="center"><img src="https://2560922032-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FyYVX6HW5LNuPHRnSB2po%2Fuploads%2FrVR6tCG0NKYRqLVhS2Ds%2Fko-brand-zVEymrym9A38IK37Ctkw.png?alt=media" alt=""></td></tr><tr><td>대화 창</td><td align="center"><img src="https://2560922032-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FyYVX6HW5LNuPHRnSB2po%2Fuploads%2FtxQE0ko5wUayMCMsI9Ae%2Fko-brand-qhYTRlJkxOYlfVthytYp.png?alt=media" alt=""></td></tr><tr><td>상품 상세 페이지</td><td align="center"><img src="https://2560922032-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FyYVX6HW5LNuPHRnSB2po%2Fuploads%2FWJs8F8nglU4cfDJnXmQw%2Fko-brand-PErxhT3nhZlFwoQj6wN4.png?alt=media" alt=""></td></tr></tbody></table>
{% endtab %}

{% tab title="젠서 디스커버리 (스플릿뷰)" %}

<table><thead><tr><th width="160.1015625">반영 위치</th><th align="center" valign="middle">예시 화면</th></tr></thead><tbody><tr><td>헤더</td><td align="center" valign="middle"><img src="https://2560922032-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FyYVX6HW5LNuPHRnSB2po%2Fuploads%2FLbMcOIfAnskveLBkXhfE%2Fko-brand-TTf09sMVOZN8QzN91W78.png?alt=media" alt="" data-size="original"></td></tr></tbody></table>
{% endtab %}

{% tab title="젠서 디스커버리 (채팅뷰)" %}

<table><thead><tr><th width="160.1015625">반영 위치</th><th align="center" valign="middle">예시 화면</th></tr></thead><tbody><tr><td>헤더</td><td align="center" valign="middle"><img src="https://2560922032-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FyYVX6HW5LNuPHRnSB2po%2Fuploads%2F9ue0qkURuiNDdIvbgiul%2Fcv_1-2_logo_main.png?alt=media&amp;token=d5e296af-d615-4d04-ac0d-94c760dc3aaa" alt=""></td></tr></tbody></table>
{% endtab %}
{% endtabs %}

#### **업로드 규격**

<table><thead><tr><th width="159.9140625">항목</th><th>설명</th></tr></thead><tbody><tr><td>이미지 구성</td><td>디자인 최적화를 위해 배경이 없는 투명 로고 이미지를 권장합니다.</td></tr><tr><td>파일 형식</td><td>PNG, SVG 형식의 파일만 업로드할 수 있습니다.</td></tr><tr><td>파일 용량</td><td>최대 30KB까지 업로드할 수 있습니다.</td></tr><tr><td>파일 개수</td><td>최대 1개까지 파일을 업로드할 수 있습니다.</td></tr><tr><td>이미지 비율</td><td>가로:세로 비율이 1:1인 경우에만 업로드할 수 있습니다.</td></tr><tr><td>이미지 사이즈</td><td>가로, 세로 52px 이상인 경우에만 업로드할 수 있으며, 권장 사이즈는 120x120px입니다.</td></tr></tbody></table>

***

### **1-3. 메인 컬러**

사이트 전체 색상 톤을 결정하는 기준 컬러입니다. 선택한 컬러를 기준으로 밝고 어두운 10단계 색상인 컬러 스케일이 자동으로 생성되어 사이트 전반에 적용됩니다.

{% hint style="info" %}
메인 컬러는 HEX 코드를 직접 입력하거나 팔레트에서 선택할 수 있으며, **6자리 HEX 코드만 지원합니다.**
{% endhint %}

{% tabs %}
{% tab title="젤라또 채널" %}

<table><thead><tr><th width="160.1015625">반영 위치</th><th align="center">예시 화면</th></tr></thead><tbody><tr><td>메인 페이지</td><td align="center"><img src="https://2560922032-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FyYVX6HW5LNuPHRnSB2po%2Fuploads%2FTvyAOg148cXTVM4y0bJ1%2Fko-brand-glQUkMiScbVAa5Bpsk2S.png?alt=media" alt=""></td></tr><tr><td>대화 목록</td><td align="center"><img src="https://2560922032-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FyYVX6HW5LNuPHRnSB2po%2Fuploads%2FEpo53C1YOAlQVmJLhpcr%2Fko-brand-PzYishvlo9mlqDv47ghC.png?alt=media" alt=""></td></tr><tr><td>대화 창</td><td align="center"><img src="https://2560922032-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FyYVX6HW5LNuPHRnSB2po%2Fuploads%2Fof1OBprdKsm6ZbpDhplX%2Fko-brand-rmB33U9gNMu61pHD2Mwh.png?alt=media" alt=""></td></tr><tr><td>검색 로딩 인터랙션</td><td align="center"><img src="https://2560922032-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FyYVX6HW5LNuPHRnSB2po%2Fuploads%2FlODt6hnprkt4HwtZUTWn%2Fko-brand-y8QRyDRHsZHB5yIWQdCp.png?alt=media" alt=""></td></tr></tbody></table>
{% endtab %}

{% tab title="젠서 디스커버리 (스플릿뷰)" %}

<table><thead><tr><th width="160.1015625">반영 위치</th><th align="center">예시 화면</th></tr></thead><tbody><tr><td>메인 페이지</td><td align="center"><img src="https://2560922032-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FyYVX6HW5LNuPHRnSB2po%2Fuploads%2F7Uu5PWaNGYfzseHOGLPc%2Fko-brand-M7pqEvzVXH9cHZonbUn4.png?alt=media" alt=""></td></tr><tr><td>대화 창</td><td align="center"><img src="https://2560922032-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FyYVX6HW5LNuPHRnSB2po%2Fuploads%2Fd0S8YwZq2RcSRxYCYget%2Fko-brand-xnfMrHtoRDORrzQURiS6.png?alt=media" alt="" data-size="original"></td></tr><tr><td>검색 로딩 인터랙션</td><td align="center"><img src="https://2560922032-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FyYVX6HW5LNuPHRnSB2po%2Fuploads%2F4fcoKUg29onmfilNa4iG%2Fko-brand-wHC1MJzo5vhU8aly7pBa.png?alt=media" alt="" data-size="original"></td></tr><tr><td>상품 카드</td><td align="center"><img src="https://2560922032-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FyYVX6HW5LNuPHRnSB2po%2Fuploads%2FQ5G2yMWVFb2y6AObAeWj%2Fko-brand-2jSMgK8SfWpIMJRVXfrA.png?alt=media" alt="" data-size="original"></td></tr></tbody></table>
{% endtab %}

{% tab title="젠서 디스커버리 (채팅뷰)" %}

<table><thead><tr><th width="160.1015625">반영 위치</th><th align="center">예시 화면</th></tr></thead><tbody><tr><td>대화 창</td><td align="center"><img src="https://2560922032-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FyYVX6HW5LNuPHRnSB2po%2Fuploads%2FW3Z6vysMVlwxtPtPVFmY%2Fcv_1-3_color_chat.png?alt=media&amp;token=cb10d6cb-7f9d-4c90-b67f-ea3da43e1786" alt="" data-size="original"></td></tr><tr><td>검색 로딩 인터랙션</td><td align="center"><img src="https://2560922032-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FyYVX6HW5LNuPHRnSB2po%2Fuploads%2FNi0D8RBNZP1I9L0LCoxW%2Fcv_1-3_color_loading.png?alt=media&amp;token=25b47fe8-26ce-4b81-8199-ec8f3781ae9f" alt="" data-size="original"></td></tr><tr><td>상품 카드</td><td align="center"><img src="https://2560922032-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FyYVX6HW5LNuPHRnSB2po%2Fuploads%2FZnTevqsPznc02vSlHgKn%2Fcv_1-3_color_card.png?alt=media&amp;token=014a9481-808a-4aa3-94bc-48b831372558" alt="" data-size="original"></td></tr></tbody></table>

채팅뷰 진입 화면에는 메인 컬러가 적용되는 요소가 없습니다.
{% endtab %}
{% endtabs %}

***

## **2. 메인 검색 영역**

채널 메인·디스커버리 메인 페이지의 검색 영역에 표시되는 요소입니다.

<figure><img src="https://2560922032-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FyYVX6HW5LNuPHRnSB2po%2Fuploads%2FtWdplbGLHqnmPXJtYYRA%2Fimage.png?alt=media&amp;token=0190d531-17d8-4eb4-8cd4-1c5f48153e50" alt=""><figcaption></figcaption></figure>

### **2-1. 타이틀**

검색 영역 상단에 표시되는 메인 문구로, 최대 25자까지 설정할 수 있습니다. 젠서 디스커버리(채팅뷰)에서는 진입 화면에서 **가장 큰 글자**로 표시됩니다.

{% tabs %}
{% tab title="젤라또 채널" %}

<figure><img src="https://2560922032-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FyYVX6HW5LNuPHRnSB2po%2Fuploads%2Fm5PwGQ6yAbRUcLNjKrou%2Fko-brand-hcbm39jVOoxKVFvrz1Ln.png?alt=media" alt=""><figcaption></figcaption></figure>
{% endtab %}

{% tab title="젠서 디스커버리 (스플릿뷰)" %}

<figure><img src="https://2560922032-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FyYVX6HW5LNuPHRnSB2po%2Fuploads%2FX8BQk5uEmtWnQ7RtrDep%2Fko-brand-cpVqSX7VdY9Gosby5fjy.png?alt=media" alt=""><figcaption></figcaption></figure>
{% endtab %}

{% tab title="젠서 디스커버리 (채팅뷰)" %}

<figure><img src="https://2560922032-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FyYVX6HW5LNuPHRnSB2po%2Fuploads%2F2BAKNaAR00c53N63zVZw%2Fcv_2-1_title.png?alt=media&amp;token=5002e010-fc28-497b-8e6a-fbaa37dc788d" alt=""><figcaption></figcaption></figure>
{% endtab %}
{% endtabs %}

***

### **2-2. 플레이스홀더**

검색창에 아무것도 입력하지 않은 상태에서 표시되는 안내 문구로, 최대 25자까지 설정할 수 있습니다.

{% tabs %}
{% tab title="젤라또 채널" %}

<table><thead><tr><th width="160.1015625">반영 위치</th><th align="center">예시 화면</th></tr></thead><tbody><tr><td>메인 페이지</td><td align="center"><img src="https://2560922032-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FyYVX6HW5LNuPHRnSB2po%2Fuploads%2FJgljSggsulUCwJ7PE055%2Fko-brand-eCan2zJBLoeLrOs7NLY2.png?alt=media" alt=""></td></tr><tr><td>대화 창</td><td align="center"><img src="https://2560922032-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FyYVX6HW5LNuPHRnSB2po%2Fuploads%2FzOG3FXVpXWCTQjHrajEH%2Fko-brand-UXxPbm1m8N83s9lCzPjH.png?alt=media" alt=""></td></tr></tbody></table>
{% endtab %}

{% tab title="젠서 디스커버리 (스플릿뷰)" %}

<table><thead><tr><th width="160.1015625">반영 위치</th><th align="center">예시 화면</th></tr></thead><tbody><tr><td>메인 페이지</td><td align="center"><img src="https://2560922032-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FyYVX6HW5LNuPHRnSB2po%2Fuploads%2FdRsIIC1sNOWnxstxfUol%2Fko-brand-ywkS21nvC82AhEYuYApn.png?alt=media" alt="" data-size="original"></td></tr><tr><td>대화 창</td><td align="center"><img src="https://2560922032-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FyYVX6HW5LNuPHRnSB2po%2Fuploads%2FdUs0jjUOOzHCaZ9UyLZJ%2Fko-brand-knHrGFiDSLl10KcfBY4t.png?alt=media" alt="" data-size="original"></td></tr></tbody></table>
{% endtab %}

{% tab title="젠서 디스커버리 (채팅뷰)" %}

<table><thead><tr><th width="160.1015625">반영 위치</th><th align="center">예시 화면</th></tr></thead><tbody><tr><td>대화 입력 영역</td><td align="center"><img src="https://2560922032-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FyYVX6HW5LNuPHRnSB2po%2Fuploads%2FWRsNnyHyeJTJSl9lrZTN%2Fcv_2-2_ph_main.png?alt=media&amp;token=d12b049d-26ed-4c29-a544-dd56bf3ff22d" alt="" data-size="original"></td></tr></tbody></table>
{% endtab %}
{% endtabs %}

***

### **2-3. 제안 질문**

검색 영역 하단에 표시되는 추천 질문 버튼이며, 무엇을 검색해야 할지 모르는 사용자가 클릭해서 바로 검색을 시작할 수 있습니다. 제안 질문은 최대 5개까지 추가할 수 있습니다.

{% tabs %}
{% tab title="젤라또 채널" %}

<figure><img src="https://2560922032-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FyYVX6HW5LNuPHRnSB2po%2Fuploads%2FOrVD32g7YVoZifjBSs3b%2Fko-brand-VidsCFyGl0heZfHh5OFE.png?alt=media" alt=""><figcaption></figcaption></figure>
{% endtab %}

{% tab title="젠서 디스커버리 (스플릿뷰)" %}

<figure><img src="https://2560922032-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FyYVX6HW5LNuPHRnSB2po%2Fuploads%2FwurLyJn0n0Wfca7zko3m%2Fko-brand-seqH1D7fBrtYQs4SYRqH.png?alt=media" alt=""><figcaption></figcaption></figure>
{% endtab %}

{% tab title="젠서 디스커버리 (채팅뷰)" %}

<figure><img src="https://2560922032-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FyYVX6HW5LNuPHRnSB2po%2Fuploads%2FqbK2fuiBCJMikoplhl3Y%2Fcv_2-3_suggestions.png?alt=media&amp;token=c0cf0f03-2ac8-46ef-9803-984ba84458fb" alt=""><figcaption></figcaption></figure>
{% endtab %}
{% endtabs %}

***

## **3. 에이전트**

대화 창에 표시되는 챗봇의 이름, 프로필 이미지, 첫 인사말을 설정합니다.

<figure><img src="https://2560922032-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FyYVX6HW5LNuPHRnSB2po%2Fuploads%2FNEtAyUjJHADRKyGHbwyB%2Fimage.png?alt=media&amp;token=93f00327-7988-4c0f-b710-06a65a9c4f0d" alt=""><figcaption></figcaption></figure>

### **3-1. 에이전트명**

대화 창에서 챗봇이 자신을 칭하는 이름입니다.

{% tabs %}
{% tab title="젠서 디스커버리 (스플릿뷰) | 젤라또 채널" %}

<figure><img src="https://2560922032-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FyYVX6HW5LNuPHRnSB2po%2Fuploads%2FyIl1TuYsXRIDemh87AeQ%2Fko-brand-0IeuYBCNuzmy52gAJKgp.png?alt=media" alt=""><figcaption></figcaption></figure>
{% endtab %}

{% tab title="젠서 디스커버리 (채팅뷰)" %}

<table><thead><tr><th width="160.1015625">반영 위치</th><th align="center">예시 화면</th></tr></thead><tbody><tr><td>메인 페이지</td><td align="center"><img src="https://2560922032-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FyYVX6HW5LNuPHRnSB2po%2Fuploads%2FaMR8FjKM1ru9HnLLDJeE%2Fcv_3-1_agent_main.png?alt=media&amp;token=1b9d782a-6371-4152-965e-09df225807ec" alt="" data-size="original"></td></tr><tr><td>채팅 페이지</td><td align="center"><img src="https://2560922032-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FyYVX6HW5LNuPHRnSB2po%2Fuploads%2Fq1wgFSEUxLNheL6xekJ1%2Fcv_3-1_agent_chat.png?alt=media&amp;token=a0ed1d80-f1d0-49c2-90cf-910c3c2b03d2" alt="" data-size="original"></td></tr></tbody></table>
{% endtab %}
{% endtabs %}

* **브랜드명과 동일:** 위에서 입력한 브랜드명을 그대로 사용합니다. 이후 브랜드명을 변경하면 에이전트명도 자동으로 변경됩니다.
* **직접 설정:** 별도로 에이전트명을 설정할 수 있습니다. (최대 20자, 이모지 불가)

***

### **3-2. 프로필 이미지**

대화 창에서 챗봇 답변 옆에 표시되는 이미지입니다.

{% tabs %}
{% tab title="젠서 디스커버리 (스플릿뷰) | 젤라또 채널" %}

<figure><img src="https://2560922032-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FyYVX6HW5LNuPHRnSB2po%2Fuploads%2FRE4DuENNYhhAxjZUnAnd%2Fko-brand-SLTsbuundCoOf8pWnm5f.png?alt=media" alt=""><figcaption></figcaption></figure>
{% endtab %}

{% tab title="젠서 디스커버리 (채팅뷰)" %}

<figure><img src="https://2560922032-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FyYVX6HW5LNuPHRnSB2po%2Fuploads%2FGv9B6JBnuGEuYC2eAfo6%2Fcv_3-2_profile_chat.png?alt=media&amp;token=0c2c33a0-f92c-4b76-8dd5-8a934a46063e" alt=""><figcaption></figcaption></figure>
{% endtab %}
{% endtabs %}

* **로고 이미지와 동일:** 위에서 업로드한 로고 이미지를 그대로 사용합니다. 이후 로고 이미지를 변경하면 프로필 이미지도 자동으로 변경됩니다.
* **직접 설정:** 별도로 에이전트 이미지를 설정할 수 있습니다.\
  (**형식:** JPG, PNG / **용량:** 최대 30KB / **비율:** 1:1 / **사이즈:** 52px 이상, 권장 120×120px)

***

### **3-3. 첫 인사**

대화 창에 처음 진입했을 때 챗봇이 사용자에게 보내는 인사말로, 최대 500자까지 설정할 수 있습니다.

{% tabs %}
{% tab title="젠서 디스커버리 (스플릿뷰) | 젤라또 채널" %}

<figure><img src="https://2560922032-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FyYVX6HW5LNuPHRnSB2po%2Fuploads%2FqKsT4qLCDu7YAefii20n%2Fko-brand-8BumxcmlM8mNTYKEFlZZ.png?alt=media" alt=""><figcaption></figcaption></figure>
{% endtab %}

{% tab title="젠서 디스커버리 (채팅뷰)" %}

<figure><img src="https://2560922032-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FyYVX6HW5LNuPHRnSB2po%2Fuploads%2FIV7pv1cW0Sy2fZKf8zYR%2Fcv_3-3_greeting.png?alt=media&amp;token=3ef91fbf-1e83-45f4-9f6f-e5b98d91ac9b" alt=""><figcaption></figcaption></figure>
{% endtab %}
{% endtabs %}

{% hint style="warning" %}
**젠서 디스커버리(채팅뷰)에서는 첫 인사가 2줄까지만 표시됩니다.** 3줄 이상은 잘려서 보이지 않습니다. 500자까지 입력할 수 있지만, 채팅뷰를 쓰는 사이트라면 **2줄 안에 들어가는 길이**로 작성해 주세요.
{% endhint %}

***

## **4. 미리보기**

디자인 설정을 저장하기 전에 지금까지 입력한 설정이 실제 사이트에 어떻게 반영되는지 미리 확인할 수 있습니다. 화면 하단의 \[미리보기] 버튼을 누르면 새 창에서 열립니다.

미리보기 화면 좌측 상단에는 **미리보기 툴 바**가 있습니다. 툴 바의 버튼을 눌러 화면을 전환하면 각 화면에 설정이 어떻게 적용되는지 확인할 수 있습니다. 미리보기에서는 실제 검색·클릭이 동작하지 않습니다. 화면을 바꿀 때는 이 툴 바를 이용해 주세요.

<figure><img src="https://2560922032-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FyYVX6HW5LNuPHRnSB2po%2Fuploads%2FDmSiI1ZVCoTmOwbn3mRc%2Fko-brand-Hb6RatMSQclvfmiiW8aW.png?alt=media" alt=""><figcaption></figcaption></figure>

젠서 디스커버리(채팅뷰) 사이트의 미리보기 화면입니다.

<figure><img src="https://2560922032-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FyYVX6HW5LNuPHRnSB2po%2Fuploads%2Fp31yxlMBAyXk7VPNZO0B%2Fcv_4_preview_main.png?alt=media&amp;token=71c8c35f-c285-4a21-ae4d-7cbd09e33d06" alt=""><figcaption></figcaption></figure>

* **Main:** 메인 페이지
* **Chat:** 대화 창 화면
* **PDP:** 상품 상세 페이지

{% hint style="info" %}
미리보기는 디자인 설정의 **필수 값을 모두 입력해야** 사용할 수 있습니다. 필수 값이 하나라도 비어 있으면 \[미리보기] 버튼이 비활성화됩니다.
{% endhint %}

***

## **자주 묻는 질문** <a href="#id-5" id="id-5"></a>

<details>

<summary><strong>Q. 브랜드명을 변경하려는데 입력 필드가 잠겨 있습니다.</strong></summary>

브랜드명은 최초 저장 후 최대 3회까지만 변경할 수 있습니다. 3회를 모두 소진하면 이후 수정이 불가능합니다. 변경이 필요한 경우 담당자에게 문의해 주세요.

</details>

<details>

<summary><strong>Q. 로고 이미지가 가로형인데 어떻게 업로드해야 하나요?</strong></summary>

정사각형 캔버스(권장 120×120px) 중앙에 로고를 배치한 이미지를 만들어 업로드해 주세요. 배경이 투명한 PNG 형식을 사용하면 사이트 디자인과 자연스럽게 어울립니다.

</details>

<details>

<summary><strong>Q. 메인 컬러를 입력했는데 기본값으로 되돌아갑니다.</strong></summary>

메인 컬러 입력 필드는 6자리 HEX 코드만 지원합니다.

예를 들어, `#001689ff`처럼 투명도(알파값)가 포함된 8자리 코드를 입력하면 자동으로 기본값(`#B043FF`)으로 복원됩니다. 끝의 `ff`를 제외한 6자리(`#001689`)로 입력해 주세요.

</details>

<details>

<summary><strong>Q. 파비콘과 링크 썸네일 항목이 보이지 않습니다.</strong></summary>

파비콘과 링크 썸네일은 젠서 디스커버리 권한이 있는 경우에만 표시됩니다.

</details>

<details>

<summary><strong>Q. 저장 전에 설정 내용을 미리 볼 수 있나요?</strong></summary>

네, '미리보기' 기능으로 저장 전에 확인할 수 있습니다. 필수 값을 모두 채운 뒤 미리보기 버튼을 누르면 새 창(탭)에서 설정이 적용된 화면을 확인할 수 있습니다. 자세한 내용은 '4. 미리보기'를 참고해 주세요.

</details>

<details>

<summary><strong>Q. 에이전트명을 '브랜드명과 동일'로 설정한 후 브랜드명을 변경하면 에이전트명도 바뀌나요?</strong></summary>

네, 자동으로 변경됩니다. 프로필 이미지를 '로고 이미지와 동일'로 설정한 경우도 마찬가지로, 로고 이미지 변경 시 프로필 이미지도 자동으로 반영됩니다.

</details>