> For the complete documentation index, see [llms.txt](https://happytalk.gitbook.io/happybot/llms.txt). Markdown versions of documentation pages are available by appending `.md` to page URLs; this page is available as [Markdown](https://happytalk.gitbook.io/happybot/setting/channel/kakao/custom.md).

# 카카오톡 채팅방 커스텀하기

***

## 1. 제네릭 메뉴

{% hint style="success" %} <mark style="color:green;">**제네릭 메뉴란 챗봇 안에서 하단에 위치하는 메뉴**</mark>로, \
챗봇 사용자가 아래에서 위로 슬라이드 하여 언제나 중요 필수 메뉴에 쉽게 접근하게 하는 메뉴입니다.
{% endhint %}

{% hint style="info" %}
카카오톡 채널에서는 챗봇에서 구현되는 제네릭 메뉴를 커스텀하여 보다 직관적인 메뉴를 제공하고 있습니다.&#x20;

커스텀 제네릭 메뉴는 아이콘 업로드와 텍스트 동시 입력을 지원하며, \
텍스트 전용으로도 가능합니다.​
{% endhint %}

<figure><img src="https://3020177848-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FlLQOJbUe5kMX9yeTPpic%2Fuploads%2F72JG9KsYnQOIP7sPyLnu%2F%EC%A0%9C%EB%84%A4%EB%A6%AD%20%EC%BB%A4%EC%8A%A4%ED%85%80.png?alt=media&#x26;token=1fa20c32-0f90-4434-acbc-99b028dd3be0" alt=""><figcaption></figcaption></figure>

***

## 2. 커스텀 메뉴 설정하기 <a href="#undefined-2" id="undefined-2"></a>

{% hint style="success" %} <mark style="color:green;">**\[채널 관리자센터] - \[비즈니스 도구] - \[채팅방 커스텀 메뉴]**</mark>에서 \
커스텀 메뉴를 설정할 수 있습니다.​
{% endhint %}

<figure><img src="https://3020177848-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FlLQOJbUe5kMX9yeTPpic%2Fuploads%2FJATcyGGBKCChcKLVDb49%2F%EC%A0%9C%EB%84%A4%EB%A6%AD%20%EC%BB%A4%EC%8A%A4%ED%85%801.png?alt=media&#x26;token=662e9259-249d-4676-98de-3ebad7ca8c41" alt=""><figcaption></figcaption></figure>

### 1)  채팅방 진입 시 메뉴 노출 <a href="#id-1" id="id-1"></a>

> 사용자가 채팅방에 들어왔을 때 커스텀 메뉴의 열림/닫힘 상태를 설정합니다.&#x20;
>
> 항상 열림 선택 시, 커스텀 제네릭은 계속 열린 상태로 보여집니다. \
> 단, 마지막 수신한 메시지가 알림톡인 경우 노출 설정과 관계없이 메뉴가 닫힘니다.

<figure><img src="https://3020177848-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FlLQOJbUe5kMX9yeTPpic%2Fuploads%2FUFuyItbXPIZDCw5SI4UQ%2F%EC%BB%A4%EC%8A%A4%ED%85%80%EB%A9%94%EB%89%B41.png?alt=media&#x26;token=5206aa6c-a80b-44c4-8463-6a65ed171f4b" alt=""><figcaption></figcaption></figure>

### 2) 커스텀 메뉴 타이틀 설정 <a href="#id-2" id="id-2"></a>

> "채널 메뉴"가 기본 타이틀명으로 설정되어 있고, \
> 변경을 원하는 경우 직접 입력을 선택한 후 변경할 텍스트를 입력합니다.(최대 8자, 띄어쓰기 포함)

<figure><img src="https://3020177848-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FlLQOJbUe5kMX9yeTPpic%2Fuploads%2FFprA0vJJvUwzeKpcXZaf%2F%EC%BB%A4%EC%8A%A4%ED%85%80%EB%A9%94%EB%89%B42.png?alt=media&#x26;token=cca0af4b-508a-478a-aa89-eb7741bc148e" alt=""><figcaption></figcaption></figure>

### 3) 메뉴 스타일 <a href="#id-3" id="id-3"></a>

> 2단 6개, 2단 4개, 1단 3개의 스타일 중 선택할 수 있습니다. \
> 메뉴 색상도 선택이 가능하며, 원하는 색상이 없을 경우 직접 색상코드를 입력할 수 있습니다.

<figure><img src="https://3020177848-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FlLQOJbUe5kMX9yeTPpic%2Fuploads%2FiFYJQnR11TiOgRvOyMDx%2F%EC%BB%A4%EC%8A%A4%ED%85%80%EB%A9%94%EB%89%B43.png?alt=media&#x26;token=74a9bd14-8bad-4a49-8fcf-3171b1e57ab8" alt=""><figcaption></figcaption></figure>

### 4) 메뉴 설정 <a href="#id-4" id="id-4"></a>

> 택한 메뉴의 개수에 맞춰 메뉴를 설정합니다. \
> 메뉴 타입은 아이콘과 텍스트 형태 중 선택할 수 있고, 다양한 메뉴 연결 옵션을 제공합니다.

| 메뉴 연결               | 설명                                 |
| ------------------- | ---------------------------------- |
| **URL**             | 해당 메뉴 선택 시 이동할 URL 입력              |
| **자동응답 메시지**        | 자동응답 메시지에서 등록한 메시지 불러오기            |
| **자주하는 질문(메시지 묶음)** | 자동응답 메시지를 여러개 선택하여 말풍선으로 묶어 발송     |
| **포스트**             | 채널에서 작성한 포스트 불러오기                  |
| **쿠폰**              | 채널에서 보여지는 쿠폰 불러오기                  |
| **채널 프로필**          | 채널 홈으로 이동(채널 공개 상태가 ON일 때 연결 가능)   |
| **QR/바코드 스캐너**      | 카카오톡에서 제공되는 코드스캔 화면 실행             |
| **앱 사용하기**          | 안드로이드, IOS의 앱 설치/실행 주소를 넣어 스토어로 연결 |
| **전화하기**            | 전화번호를 입력하여 전화걸기로자동 연결              |

<figure><img src="https://3020177848-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FlLQOJbUe5kMX9yeTPpic%2Fuploads%2FHRGfs4yizQUgHPBalBJm%2F%EC%BB%A4%EC%8A%A4%ED%85%80%EB%A9%94%EB%89%B44.png?alt=media&#x26;token=4b43c142-950d-457a-9300-61581b71692d" alt=""><figcaption></figcaption></figure>

​

### 5) 배지 설정 <a href="#id-5" id="id-5"></a>

> 메뉴 주목도를 높일 수 있는 "N(new)" 마크를 메뉴에 삽입할 수 있습니다.

<figure><img src="https://3020177848-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FlLQOJbUe5kMX9yeTPpic%2Fuploads%2FikXEVk10Yk9kK8aZ53bn%2F%EC%BB%A4%EC%8A%A4%ED%85%80%EB%A9%94%EB%89%B45.png?alt=media&#x26;token=ff9ddd50-c0ea-414d-b7a8-4d11e5e0aa73" alt=""><figcaption></figcaption></figure>

### 6) 저장 및 커스텀 메뉴 사용 활성화 <a href="#id-6" id="id-6"></a>

> 모든 설정이 완료되었다면 저장한 후,\
> 우측 상단의 커스텀 메뉴 사용을 ON 상태로 활성화 해줍니다.&#x20;
>
> 챗봇에서 기존 제네릭 메뉴를 이용 중인 경우에는 챗봇 제네릭 메뉴는 자동으로 비활성화 됩니다.​