> 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/try/chatbot/step-5.md).

# Step 5. 고객 정보 받기

***

## 1.  시나리오 추가하기

{% hint style="success" %}
이제 고객의 정보를 받기 위한 새 시나리오를 만들어 보겠습니다.

주제가 다른 경우에는 시나리오를 구분하여 관리하는 것이 좋습니다.\
(예: 상품, 주문, 배송, 반품 등)
{% endhint %}

> 아래의 시나리오에서는 단일 텍스트 카드 블럭과 바로연결 블럭을 이용하여 구성하였습니다. 
>
> * 단일 텍스트 블럭(4개): 버튼 ON
> * 단일 텍스트 블럭(6개): 버튼 OFF, 고객 응답설정 ON
> * 바로연결 블럭(3개)

<figure><img src="/files/35fMT0mQ7SYDzipGkB7K" alt=""><figcaption></figcaption></figure>

***

## 2.  블럭 연결 하기

{% hint style="success" %}
주황색 화살표를 참고하여 순서대로 블럭을 연결해줍니다.
{% endhint %}

<figure><img src="/files/R8XYL4IzcldhvfpFXMj3" alt=""><figcaption></figcaption></figure>

***

## 3.  변수 생성하기

{% hint style="success" %}
입력 받은 고객 정보를 저장하기 위한 변수가 필요합니다.&#x20;

고객이 직접 입력하는 값을 받기 때문에 **고객 입력 변수**를 생성합니다. \
버튼 파라미터 변수에 관한 설명은 [**\[참고\] 버튼 파라미터 설정하기**](/happybot/block_scenario/parameter.md)에서 확인하실 수 있습니다.
{% endhint %}

> 아래의 변수들을 생성합니다.
>
> 1\) name(성함)
>
> 2\) phone(연락처)
>
> 3\) productName(상품명)
>
> 4\) detail(상세내용)
>
> 5\) img(이미지)

<figure><img src="/files/SogT5emHmJkvE4fMR2gH" alt=""><figcaption></figcaption></figure>

***

## 4.  변수 연결하기

{% hint style="success" %}
생성한 변수를 각 블럭의 \[고객 응답 설정] - \[변수 설정]에 연결해줍니다.

&#x20;A/S 1 블럭에서 고객이 이름을 입력하면, 미리 생성한 name 변수에 저장하겠다는 의미입니다.
{% endhint %}

<figure><img src="/files/G5GpL27J0WFRrdJLcUf5" alt=""><figcaption></figcaption></figure>

***

## 5.  변수 활용하기

{% hint style="success" %}
고객이 입력한 정보가 맞는지 확인하는 블럭에서 변수에 저장된 값을 불러올 수 있습니다.&#x20;

블럭의 메시지 내용에 {{  }}를 사용하여 변수를 적으면 해당 변수의 값이 화면에 보여집니다.
{% endhint %}

<figure><img src="/files/jyZlFw9bQAkG7VXw9zB9" alt=""><figcaption></figcaption></figure>

<figure><img src="/files/G5GpL27J0WFRrdJLcUf5" alt=""><figcaption></figcaption></figure>

***

## 6.  전체 시나리오 확인하기

{% hint style="success" %}
시나리오가 잘 연결 되었는지, 흐름이 이상하진 않은지 확인합니다.
{% endhint %}

<figure><img src="/files/FdPslgWllEjiNCgePmDQ" alt=""><figcaption></figcaption></figure>

***

## 7.  챗봇 작동화면 확인하기

{% hint style="success" %}
에디터 상단의  \[미리보기] 버튼으로,\
작성한 시나리오가 챗봇에서 어떻게 작동하는지 확인할 수 있습니다.
{% endhint %}

<figure><img src="/files/bviWk9h4V0N4eOB6rfpO" alt=""><figcaption></figcaption></figure>

### <mark style="color:blue;">※ 참고 : 버튼 파라미터 설정하기</mark>

{% hint style="info" %}
고객이 직접 입력하지 않고 버튼 클릭을 통해 변수에 값을 저장할 수 있습니다.
{% endhint %}

<figure><img src="/files/nFpxLgbqyOpU0FlxewPt" alt=""><figcaption></figcaption></figure>