# 고객 응답 설정

***

## 1. 고객 응답 설정의 활용

{% hint style="success" %}
고객 응답 설정은 고객에게 직접 응답을 요구하여 값을 받는 방법으로, \
변수를 연결해 입력 값을 저장할 수 있습니다.
{% endhint %}

{% hint style="danger" %}
고객 응답 설정과 버튼 설정은 동시에 사용할 수 없습니다.
{% endhint %}

<div align="left"><figure><img src="https://3240612988-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F9pepGQKkozVFbob9lhxe%2Fuploads%2FBWk9LK9op2h5kK8ZHaEm%2Fimage.png?alt=media&#x26;token=db5bb627-089c-4954-8b75-d6a2df6b5dc9" alt="" width="375"><figcaption></figcaption></figure></div>

<mark style="color:green;">**\[다음 메시지 연결]**</mark> \
: 고객이 응답한 이후에 연결될 메시지를 선택합니다.

**\[변수 설정]** \
: 고객이 응답한 메시지(값)을 저장할 변수를 선택합니다.

<mark style="color:blue;">**\[유효성 체크] - \[체크 항목]**</mark> \
: 고객이 입력한 값이 유효한 값인지 체크할 수 있고, 체크 가능한 항목은 이메일, 전화번호(숫자만), 이름(2-20자, 한글or영문만)입니다.

<mark style="color:blue;">**\[유효성 체크] - \[되묻기]**</mark>\
: 고객이 올바르지 않은 형식의 답변을 했을 때 재입력을 요구하는 횟수, 안내메시지, 이미지를 설정할 수 있습니다.(유효성 체크를 설정한 경우에만 가능합니다.)





***

## 2. 변수 수식 만들어보기

#### **👉 따라 해 보세요!**

> 변수에서 수식을 활용하는 방법에 대해 알아보겠습니다. \
> \
> 예를 들어, \
> 물건을 살 때 물건의 가격과 개수에 따라 결제해야 하는 총 가격이 달라지는 경우를 생각해 보겠습니다. (가격\*개수=총 가격)

<figure><img src="https://3240612988-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F9pepGQKkozVFbob9lhxe%2Fuploads%2FNOsk9ycCTaOMhBXuxxLg%2Fimage.png?alt=media&#x26;token=c3f9bdd7-0bc5-4daf-86b9-fd46c4968a6a" alt=""><figcaption></figcaption></figure>

### 1) 변수 생성하기

> 먼저, 물건의 가격, 개수, 총 가격을 표현할 변수를 생성합니다. \
> \
> 버튼을 통해 입력을 받으려면 버튼 파라미터 변수를 생성하고, \
> 고객에게 직접 입력 받으려면 고객 입력 변수를 생성하면 됩니다. \
> \
> 여기서는 버튼 파라미터 변수를 사용하겠습니다.

<div align="left"><figure><img src="https://3240612988-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F9pepGQKkozVFbob9lhxe%2Fuploads%2FaCI0anT4ONUbiqPxXE80%2Fimage.png?alt=media&#x26;token=27bc265e-ee8d-4158-8930-11629a5a9a50" alt=""><figcaption></figcaption></figure></div>



### 2) 버튼 파라미터 설정하기

> 위에서 만든 변수에 맞게 가격 선택 블럭, 개수 선택 블럭, 총 가격 블럭을 만들고 \
> 블럭의 각 버튼마다 버튼 파라미터를 추가하여 변수의 값을 입력해줍니다.

<figure><img src="https://3240612988-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F9pepGQKkozVFbob9lhxe%2Fuploads%2FEcdWqKMyzTb0ONFVUXq5%2Fimage.png?alt=media&#x26;token=de19cc9f-9bcc-445c-b1b2-087533380661" alt=""><figcaption></figcaption></figure>



### 3) '가격 선택 블럭' 상세 편집하기

> 버튼 파라미터를 추가하여 <mark style="color:orange;">**key=변수명, 파라미터 값=숫자값**</mark>을 입력합니다. \
> 여기서는 가격을 선택하는 블럭이므로 <mark style="color:orange;">**key=price(가격)**</mark>을 선택하여 각각 숫자값을 설정합니다.

![](https://3240612988-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F9pepGQKkozVFbob9lhxe%2Fuploads%2FTn1z8Lq0QSjTTg3YNQg7%2F10_%EC%88%98%EC%8B%9D2-1.png?alt=media\&token=30773ea8-031b-4831-a78c-942d5a767724)     ![](https://3240612988-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F9pepGQKkozVFbob9lhxe%2Fuploads%2F4xFQ27IqLtPYI6IfOcyz%2F10_%EC%88%98%EC%8B%9D2-2.png?alt=media\&token=039d3db9-86b9-4604-a1a7-c23369f4729f)



### 3) '개수 선택 블럭' 상세 편집하기

> 위와 마찬가지로 버튼 파라미터를 추가합니다. \
> 여기서는 개수를 선택하는 블럭이므로 <mark style="color:orange;">**key=count(개수)**</mark>를 선택하여 각각 숫자값을 설정합니다.
>
> 가격과 개수의 곱이 총 가격이므로(가격\*개수=총 가격)\
> 버튼 파라미터 아래에 총 가격을 표시해줄 <mark style="color:orange;">**key=total(총가격)**</mark> 파라미터도 추가해줍니다.
>
> **total(총가격) 파라미터 값**에는 앞에서 받아온 변수를 사용해 \
> <mark style="color:orange;">**<<\{{price\}}\*\{{count\}}>>**</mark>라는 수식을 입력해줍니다. &#x20;

![](https://3240612988-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F9pepGQKkozVFbob9lhxe%2Fuploads%2F6aAQ7Fz4g4rLhjbK0DyK%2F10_%EC%88%98%EC%8B%9D3-1.png?alt=media\&token=da9a691b-38d2-4b1e-9b35-6bd873bd7903)     ![](https://3240612988-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F9pepGQKkozVFbob9lhxe%2Fuploads%2FtbmhuxssEeEhJXZMojLE%2F10_%EC%88%98%EC%8B%9D3-2.png?alt=media\&token=fca12362-9fb7-4a69-a29f-3c642960eb7a)



### 4) '총 가격블럭' 상세 편집하기

> 선택한 변수의 값을 화면에 보여줍니다. \
> 블럭의 메시지 내용에 \{{  \}}를 사용하여 변수를 적으면 해당 변수의 값이 화면에 보여집니다.

<div align="left"><figure><img src="https://3240612988-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F9pepGQKkozVFbob9lhxe%2Fuploads%2F03thnhnksySszdzzLa3k%2Fimage.png?alt=media&#x26;token=4bd99c09-530e-4e1c-9ff1-63495505fe87" alt=""><figcaption></figcaption></figure></div>

### 5) 결과화면 확인하기

> 챗봇에서 보여지는 결과 화면입니다. 수식이 잘 적용된 것을 확인할 수 있습니다.

<figure><img src="https://3240612988-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F9pepGQKkozVFbob9lhxe%2Fuploads%2FksTjjUtb63qXCKe6lxKm%2Fimage.png?alt=media&#x26;token=5da23722-1d71-4419-b171-d83b3e03257d" alt=""><figcaption></figcaption></figure>



