# reflow는 무엇인가요?

디지털 마케팅을 시작하는 분이라면 잘 오셨습니다.

환영합니다, 마케터 님! 혹시 마케터가 아니신가요? 그래도 이 글을 보고 계시다면 최소한 마케팅에 관심을 가진 분이겠죠. 그렇다면 맞게 찾아 오신 겁니다.

reflow는 디지털 마케팅에 필요한 모든 도구를 한 곳에 담아 만든 올인원 마케팅 워크스페이스입니다. 랜딩페이지 빌더, 고객관계관리, URL 단축, 키워드 분석 등 다양한 서비스가 함께 제공되며, 현재 베타테스트가 진행 중입니다. 앞으로 더 많은 기능이 추가될 것이라는 뜻이죠.

reflow는 무료로 시작할 수 있습니다. 지금 바로 [회원가입](https://console.reflow.cx/accounts/signup)한 뒤 현재 공개된 기능들을 이용해보세요. 이용 중 궁금한 사항이 있으시다면 아래 연락처로 문의해주세요.

{% embed url="<https://console.reflow.cx/accounts/signup>" %}
reflow 회원가입 바로가기
{% endembed %}

{% tabs %}
{% tab title="카카오톡으로 문의하기" %}

#### reflow 공식 카카오톡채널

{% embed url="<http://pf.kakao.com/_xesJwb/chat>" %}
{% endtab %}

{% tab title="이메일로 문의하기" %}

#### 고객지원센터 이메일

[support@crepe-x.com](<mailto:support@crepe-x.com>)
{% endtab %}
{% endtabs %}


# 미니페이지 시작하기

## 랜딩페이지가 왜 필요한가요?

다소 진부하지만 온라인 공간을 바다에 비유해 보겠습니다. 우리는 바다 위의 한 섬에 정착해 상점을 차렸습니다. 우리의 잠재고객들은 배를 타고 항해하다가, 마음에 드는 섬에 정박해 그곳을 둘러보고는 조금 더 머무르거나 다른 섬으로 떠납니다.

이때 배를 정박시킬 수 있는 부두나 항만 같은 시설을 랜딩페이지에 비유할 수 있습니다. 즉 랜딩(landing)페이지는 말 그대로, 바다를 떠돌아다니던 고객이 섬에 최초로 상륙(land)하는 지점입니다.

랜딩페이지를 잘 꾸미는 것은 성공적인 마케팅을 위해 매우 중요합니다. 아무리 섬 안에 멋지고 매력적인 볼거리가 있어도, 배를 댈 곳이 마땅치 않거나 상륙 지점이 볼품없으면 고객들은 금방 뱃머리를 돌려 다른 섬으로 이탈할 것입니다. 랜딩페이지는 이처럼 브랜드와 비즈니스의 첫인상을 결정하며, 잠재고객을 고객으로 바꿀 수 있는 가장 중요한 순간을 책임지는 마케팅 수단입니다.

## 홈페이지 vs 랜딩페이지

온라인에서 비즈니스를 홍보하기 위해 많은 기업들이 홈페이지를 만들어 왔습니다. 홈페이지는 오늘날에도 가장 기본적이고 범용적인 온라인 홍보 수단입니다. 하지만 여러분의 비즈니스가 기민하게 움직이며 가설을 검증해야 하는 초기 단계라면, 홈페이지 제작은 지나치게 부담스럽고 무거운 작업일 수 있습니다. 무작정 홈페이지를 만들기 시작했다간 ‘회사소개’ 같은 페이지에 넣을 그럴싸한 문구를 고민하다가 경쟁사에게 고객을 선점당할지도 모릅니다.

이러한 홈페이지의 대안으로 랜딩페이지를 고려해볼 수 있습니다. 랜딩페이지는 보통 단일한 페이지로 이루어지며, 비즈니스를 전반적으로 소개하기보다는 구체적인 컨셉을 바탕으로 특정한 목표를 달성하기 위해 기획됩니다. 즉 홈페이지가 회사소개서에 가깝다면, 랜딩페이지는 일종의 전단지에 가깝다고 할 수 있습니다.

랜딩페이지의 용도는 다양합니다. 신상품을 출시하기 전 잠재고객들에게 이를 알리고 반응을 살피는 데 활용하거나, 특정 시즌에 맞춰 기획한 프로모션을 홍보하는 데 쓸 수도 있습니다. 이 밖에도 랜딩페이지의 활용 범위는 무궁무진합니다.

이러한 랜딩페이지는 물론 홈페이지와 병행하여 사용할 수 있습니다. 비즈니스가 어느 정도 자리를 잡고 근사한 회사 홈페이지가 생긴 뒤에도, 많은 기업들이 다양한 필요에 의해 여러 개의 랜딩페이지를 만들고 관리합니다.

## 미니페이지란?

미니페이지는 손쉽게 랜딩페이지를 만들 수 있는 reflow의 서비스입니다. 들어갈 내용과 이미지만 생각해 놓았다면 수 분 내로 간결하고 깔끔한 랜딩페이지를 제작하고 공유할 수 있습니다. 6개의 블록을 조합하여 다양한 형태와 용도로 만들 수 있으며, 유저베이스나 툴박스 같은 reflow 안의 다른 서비스와 연동하여 시너지를 낼 수도 있습니다.


# 여러분의 첫 미니페이지

## 새 미니페이지 생성 <a href="#creating_minipage" id="creating_minipage"></a>

여러분의 첫 미니페이지를 바로 만들어 보겠습니다. 페이지를 생성하는 방법은 매우 간단합니다.

![](https://2000423017-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FFSxFmxcoMOpMm34CDMh5%2Fuploads%2FPfUbLSCkFxlT8pFydxBL%2Fimage.png?alt=media\&token=a4006401-703d-4966-857a-920ddcae2d87)

1. 왼쪽의 사이드바에서 미니페이지 아이콘을 클릭합니다. 그러면 미니페이지 목록 화면이 표시됩니다.
2. 미니페이지 목록 화면에서 **`[+ 새 페이지 생성]`** 버튼을 클릭합니다.
3. 미니페이지 목록에 ‘제목 없는 페이지'라는 미니페이지가 생성된 것을 확인합니다.

생성된 페이지를 클릭하면 해당 페이지의 수정 화면으로 이동할 수 있습니다. 왼쪽의 **서브메뉴**에는 생성한 미니페이지의 목록이 표시되며, 이곳에서 페이지의 제목을 클릭해 목록 화면으로 나가지 않고도 다른 페이지를 열어볼 수 있습니다.

![페이지 수정 화면](https://2000423017-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FFSxFmxcoMOpMm34CDMh5%2Fuploads%2FZl6HCKl92VB1BWG3hikD%2Fimage.png?alt=media\&token=0323e0bc-5951-42f6-a92e-038c34116dd9)

또한, 서브메뉴의 맨 아래에도 **`[+ 새 페이지 생성]`** 버튼이 있으므로 이 화면에서 새로운 페이지를 생성할 수 있습니다.

### 미니페이지 생성 제한 <a href="#limitation_of_number" id="limitation_of_number"></a>

reflow 베타 서비스에서 생성할 수 있는 미니페이지의 최대 개수는 3개입니다. 미니페이지를 4개 이상 생성하려고 하면 더 이상 생성할 수 없다는 오류 알림이 표시됩니다.

{% hint style="info" %}
미니페이지를 4개 이상 만들 필요가 있을 경우, reflow 팀에 별도로 신청해주세요.
{% endhint %}

## 미니페이지 삭제 <a href="#deleting_minipages" id="deleting_minipages"></a>

페이지를 생성하는 방법만큼 삭제도 쉽습니다. 만든 페이지를 삭제하는 방법은 다음과 같습니다.

![](https://2000423017-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FFSxFmxcoMOpMm34CDMh5%2Fuploads%2FVqcrgiW3SaqpOFWeeXkJ%2Fimage.png?alt=media\&token=846a165f-c52f-484a-9e4a-4971ea1e4335)

1. 미니페이지 목록 화면으로 이동합니다.
2. 삭제할 미니페이지의 맨 오른쪽에 있는 **`[삭제]`** 버튼을 클릭합니다.
3. 표시되는 대화상자에서 **`[삭제]`**&#xB97C; 클릭합니다.

![](https://2000423017-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FFSxFmxcoMOpMm34CDMh5%2Fuploads%2FrJfjuJmWntUt6GbYRct7%2Fimage.png?alt=media\&token=50b54894-149f-4102-a593-b6e09a3875ae)

혹은, 미니페이지의 수정 화면에서 왼쪽의 **서브메뉴**를 통해 삭제할 수도 있습니다.

{% hint style="warning" %}
삭제한 미니페이지의 내용은 복구할 수 없습니다. 삭제할 미니페이지에 중요한 내용이 있다면 미리 백업해두시는 것을 권장합니다.
{% endhint %}


# 미니페이지 공유하기

## 공개 주소와 공개 페이지 <a href="#public_url_and_public_page" id="public_url_and_public_page"></a>

![관리자 페이지(왼쪽)와 공개 페이지(오른쪽)](https://2000423017-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FFSxFmxcoMOpMm34CDMh5%2Fuploads%2FjlzBarAkBgrMgdalRX0w%2Fimage.png?alt=media\&token=797695e4-2baa-4a09-ab6f-5dafd2882545)

미니페이지를 생성하는 순간 그 페이지에는 고유한 주소가 부여됩니다. 이 주소로 접속하면 우리가 만든 미니페이지가 다른 사람에게 어떻게 보이는지 확인할 수 있습니다. 또한, 실제로 완성된 미니페이지를 외부에 공유할 때도 이 주소를 사용할 수 있습니다.

이 주소를 **공개 주소**라고 하며, 공개 주소로 접속했을 때 표시되는 페이지를 **공개 페이지**라고 합니다.&#x20;

공개 주소는 다음과 같은 방법으로 확인할 수 있습니다.

{% tabs %}
{% tab title="페이지 목록에서 확인" %}
원하는 미니페이지의 **`[주소 복사]`** 버튼을 누르고, 원하는 곳에 붙여넣기(`Ctrl + V`) 합니다.

![](https://2000423017-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FFSxFmxcoMOpMm34CDMh5%2Fuploads%2Fb7URJN38ioQV8yip6lt2%2Fimage.png?alt=media\&token=dbc411ea-66db-4f5e-8ba8-1b3c36e86e0d)

혹은 **`[새 탭에서 열기]`** 버튼을 누르고, 주소표시줄의 주소를 확인합니다.

![](https://2000423017-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FFSxFmxcoMOpMm34CDMh5%2Fuploads%2FLOxB7RlFAEJIghBYzidG%2Fimage.png?alt=media\&token=f3f2ef6e-0c2d-472a-a8af-070186cdb955)
{% endtab %}

{% tab title="페이지 수정 화면의 서브메뉴에서 확인" %}
페이지 수정 화면 왼쪽의 서브메뉴에서 원하는 미니페이지의 **`[주소 복사]`** 버튼을 누르고, 원하는 곳에 붙여넣기(`Ctrl + V`) 합니다.

![](https://2000423017-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FFSxFmxcoMOpMm34CDMh5%2Fuploads%2FNzrAyCK3Gfoob6xMcjS0%2Fimage.png?alt=media\&token=9faecf94-451b-4f5c-a47b-e3b10b864275)

혹은 **`[새 탭에서 열기]`** 버튼을 누르고, 주소표시줄의 주소를 확인합니다.

![](https://2000423017-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FFSxFmxcoMOpMm34CDMh5%2Fuploads%2FiNCKoT9r8cq6JTb3kGz3%2Fimage.png?alt=media\&token=3f655ff0-777b-42eb-9c45-9eb216f64519)
{% endtab %}

{% tab title="페이지 수정 화면의 제목 표시줄에서 확인" %}

* 제목표시줄 오른쪽에 표시된 주소를 확인합니다. 주소를 클릭하면 공개 페이지가 새 탭에서 열립니다.
* 주소 오른쪽의 **`[복사]`** 버튼을 누르면 주소가 클립보드에 복사됩니다.

![](https://2000423017-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FFSxFmxcoMOpMm34CDMh5%2Fuploads%2FAxax3ZwwDTaaLAv6gZU5%2Fimage.png?alt=media\&token=9b8670da-7ba3-4018-9ba2-992513073075)
{% endtab %}
{% endtabs %}

## 페이지 공유와 소셜 미리보기 설정 <a href="#share_and_social_preview" id="share_and_social_preview"></a>

미니페이지의 공개 주소를 메신저로 전송하거나 소셜 미디어에 공유하면 미리보기 카드가 생성됩니다. 미니페이지를 공유하기 전에 이 미리보기 카드에 표시되는 내용을 설정할 수 있습니다.

![](https://2000423017-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FFSxFmxcoMOpMm34CDMh5%2Fuploads%2FeiqgpEzDuVbUDtyU6peB%2Fimage.png?alt=media\&token=aaf562fc-e495-4d46-a9df-6c46eea86ac0)

1. 관리자 페이지 오른쪽 위의 **`[공유]`** 버튼을 누릅니다.
2. 표시되는 공유 설정 패널에서 미리보기 제목과 설명 문구를 수정합니다. 이 내용은 수정하는 즉시 저장됩니다. 썸네일은 헤더의 커버 이미지로 자동 설정됩니다.
3. 공개 주소를 복사해 원하는 곳에 직접 붙여넣거나, 하단의 소셜 공유 버튼을 이용해 페이지를 공유합니다.
4. 미리보기 카드에 수정된 문구가 반영된 것을 확인합니다.

{% hint style="info" %}
미리보기 설정의 변경사항이 각 메신저나 소셜 미디어에 반영되는 데에는 시간이 조금 걸릴 수 있습니다.
{% endhint %}


# 미니페이지 관리하기

생성한 미니페이지는 언제든지 수정할 수 있습니다. 수정한 내용은 즉시 반영되기 때문에, 미니페이지를 수정한 뒤 공개 주소로 접속하면 바뀐 페이지를 바로 확인할 수 있습니다. 시험 삼아 간단한 수정을 한 뒤 이 내용이 잘 반영됐는지 확인하는 작업을 해 봅시다.

## 미니페이지 수정하기 <a href="#editing_pages" id="editing_pages"></a>

1\. 미니페이지를 생성하고, **`[새 탭에서 열기]`**&#xB97C; 눌러 공개 페이지로 접속합니다. 생성한 뒤 아무 수정도 하지 않았다면 ‘제목 없는 페이지'라는 제목과 [구독자 모으기 블록](/minipage/subscription)이 보일 것입니다.

![빈 상태의 미니페이지](https://2000423017-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FFSxFmxcoMOpMm34CDMh5%2Fuploads%2FieUVoiARUDacq4voqkHo%2Fimage.png?alt=media\&token=ce2284b5-e242-4e49-a885-d392bf4e0684)

2\. 관리자 페이지가 열려 있는 탭으로 돌아와 헤더 영역을 확인하고, 아래쪽에 있는 **표시 제목** 영역을 클릭합니다.

3\. 현재 입력되어 있는 텍스트를 모두 지우고 새로운 텍스트를 입력합니다. 여기서는 ‘나의 미니페이지'라고 하겠습니다.

![헤더의 제목 입력란](https://2000423017-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FFSxFmxcoMOpMm34CDMh5%2Fuploads%2F8EEchFzchHXHpNp1ei6S%2Fimage.png?alt=media\&token=ed378edf-ff55-4b02-a211-b5699335a653)

4\. 헤더 아래의 **`[변경사항 저장]`** 버튼을 누릅니다.

5\. 공개 페이지가 열려 있는 탭으로 돌아가서 변경사항이 반영된 것을 확인합니다.

![변경사항이 반영된 공개 페이지](https://2000423017-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FFSxFmxcoMOpMm34CDMh5%2Fuploads%2FGaBqyxu5StnuNCBKRcYb%2Fimage.png?alt=media\&token=3b012676-1b27-4189-9e68-6f88db7542bb)

{% hint style="info" %}
우리가 방금 수정한 **표시 제목**은 페이지의 **제목**과는 다릅니다. 이 문서의 [제목 수정하기](#editing_title) 단락을 살펴보세요.
{% endhint %}

{% hint style="info" %}
브라우저 창을 하나 더 띄우고, 공개 페이지와 관리자 페이지를 나란히 배치하면 수정하고 확인하는 작업을 수월하게 병행할 수 있습니다. 이 때 변경된 내용은 공개 페이지가 비활성화 되어 있는 동안에는 반영되지 않습니다. 즉, 변경사항을 저장한 뒤 공개 페이지의 아무 곳이나 클릭하면 내용이 반영된 것을 확인할 수 있습니다.
{% endhint %}

## 블록 이해하기 <a href="#what_is_block" id="what_is_block"></a>

앞에서 살펴본 ‘헤더' 같은 영역을 **블록**이라고 부릅니다.

블록은 미니페이지의 내용을 구성하는 가장 작은 단위입니다. 각 블록은 고유한 역할과 기능을 가지고 있으며, *헤더를 제외한* 모든 블록은 표시 여부를 설정해 화면에서 숨길 수 있습니다. 어떤 블록을 숨기고 표시하느냐에 따라 서로 다른 구성의 미니페이지가 만들어질 수 있습니다.

현재 미니페이지에서는 총 6종의 블록을 사용할 수 있습니다. 모든 블록은 미니페이지에 한 번씩만 들어갈 수 있으며, 아래와 같은 순서대로 미니페이지에 삽입됩니다.

<table><thead><tr><th width="164.2246016695588">블록 이름</th><th width="150" data-type="checkbox">숨기기 가능 여부</th><th width="330.7246329071668">기능</th></tr></thead><tbody><tr><td>헤더</td><td>false</td><td>미니페이지의 표시 제목과 커버 이미지를 표시합니다.</td></tr><tr><td>스토리</td><td>true</td><td>텍스트, 이미지, 비디오 등을 자유롭게 삽입하고 서식을 적용해 표시합니다.</td></tr><tr><td>상품</td><td>true</td><td>상품마다 이미지와 가격을 설정하고, 유사한 상품끼리 묶음을 만들어 전시합니다.</td></tr><tr><td>설문지</td><td>true</td><td>다양한 유형의 질문을 조합해 고객의 문의나 신청을 받는 데 활용합니다.</td></tr><tr><td>링크</td><td>true</td><td>쇼핑몰, 소셜 미디어 등 다양한 외부 링크를 버튼 형태로 삽입하고 방문을 유도합니다.</td></tr><tr><td>구독자 모으기</td><td>true</td><td>방문자의 연락처를 수집하고 유저베이스의 데이터에 추가합니다.</td></tr></tbody></table>

각 블록마다 편집하는 방법은 조금씩 다르지만, 모든 블록은 기본적으로 아래와 같은 조작법을 공유합니다.

### 블록 펼치기/접기 <a href="#expand_and_collapse" id="expand_and_collapse"></a>

![](https://2000423017-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FFSxFmxcoMOpMm34CDMh5%2Fuploads%2F0ZBfsdYFyhZThV3ojlpP%2FMar-14-2022%2017-02-46.gif?alt=media\&token=51f90f64-aaa6-4ad7-879d-f7328c6e4f8c)

블록의 내용을 수정하려면 먼저 원하는 블록을 클릭해서 펼쳐야 합니다. 펼친 블록의 제목을 다시 클릭하면 블록을 접을 수 있습니다. 다른 블록을 클릭하면 이전에 펼쳐진 블록은 자동으로 접힙니다.

### 변경사항 저장 <a href="#save_changes" id="save_changes"></a>

![](https://2000423017-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FFSxFmxcoMOpMm34CDMh5%2Fuploads%2FM1cTT2wrF6vL3vhFYrVx%2Fimage.png?alt=media\&token=be21aad8-970a-4b7d-abe4-a5dbca9453c5)

모든 블록의 우측 하단에는 **`[변경사항 저장]`** 버튼이 존재합니다. 모든 변경사항은 이 버튼을 클릭해야 공개 페이지에 반영됩니다. 저장을 하지 않고 편집 중인 블록을 접거나 다른 블록을 펼칠 경우 변경사항이 자동으로 저장됩니다.

### 블록 숨기기/표시하기 <a href="#show_and_hide" id="show_and_hide"></a>

블록의 제목 우측에 있는 **표시 여부 스위치**를 조작함으로써 블록의 표시 여부를 변경할 수 있습니다. 단, 헤더 블록은 숨길 수 없습니다.

![](https://2000423017-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FFSxFmxcoMOpMm34CDMh5%2Fuploads%2FoLSzuJnIHuWEH7i3Xwmj%2Fimage.png?alt=media\&token=dfa14f96-9d39-4e9f-a832-2db660f487ff)

{% hint style="info" %}
블록의 표시 여부를 변경하면 **`[변경사항 저장]`** 버튼을 누르지 않아도 즉시 반영됩니다.
{% endhint %}

## 제목 수정하기 <a href="#editing_title" id="editing_title"></a>

미니페이지의 **제목**은 페이지 수정 화면의 **제목 표시줄**에서 확인하고 수정할 수 있습니다. 제목은 *별도의 조작을 하지 않아도 입력하는 즉시 저장*됩니다.

![](https://2000423017-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FFSxFmxcoMOpMm34CDMh5%2Fuploads%2FAytP0igR7YgGSwZcZbd6%2Fimage.png?alt=media\&token=a65c32d3-879a-49f8-bb52-a97284fdb282)

{% hint style="info" %}
**제목과 표시 제목의 차이**\
제목표시줄의 **제목**은 여러 미니페이지를 내부적으로 구분하는 용도로 사용되며, 공개 페이지에는 아무런 영향을 주지 않습니다. 반면 헤더에서 수정하는 **표시 제목**은 공개 페이지에 표시되며, 수정한 뒤 **`[변경사항 저장]`** 버튼을 눌러야 반영됩니다.
{% endhint %}


# 헤더

## 헤더 블록 이해하기 <a href="#what_is_header" id="what_is_header"></a>

![](https://2000423017-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FFSxFmxcoMOpMm34CDMh5%2Fuploads%2FMUJBMCpQrRRhPIYOpjNz%2Fimage.png?alt=media\&token=bef9943c-be40-485e-895a-00456caf147d)

많은 웹사이트의 화면을 살펴보면, 보통 페이지의 맨 위에는 제목과 함께 방문자의 눈길을 끄는 커버 이미지가 삽입되어 있는 것을 볼 수 있습니다. 미니페이지의 **헤더** 블록이 이와 비슷한 역할을 합니다. 헤더 블록을 통해 페이지의 표시 제목을 수정하고 커버 이미지를 넣을 수 있습니다.

헤더는 미니페이지의 맨 위에 표시되며, 다른 블록과 달리 숨길 수 없습니다.

## 헤더 꾸미기 <a href="#customizing_header" id="customizing_header"></a>

헤더에서 바꿀 수 있는 부분은 **표시 제목**과 **커버 이미지**의 두 곳입니다.

### 표시 제목 수정 <a href="#editing_display_title" id="editing_display_title"></a>

![](https://2000423017-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FFSxFmxcoMOpMm34CDMh5%2Fuploads%2FyvIoqSrToTmazAQd4eR0%2Fimage.png?alt=media\&token=57540b38-4122-4a5e-bf64-932f741f76df)

1\. 헤더 블록의 커버 이미지 아래에 있는 표시 제목 입력란을 찾아 커서를 위치시킵니다.

2\. 원하는 텍스트를 입력합니다.

3\. **`[변경사항 저장]`** 버튼을 클릭합니다.

{% hint style="info" %}
우리가 방금 수정한 **표시 제목**은 페이지의 **제목**과는 다릅니다. 둘의 차이에 대해서는 [이곳](https://support-49.gitbook.io/reflow/minipage/getting-started/edit-your-pages#edit_title)을 참고하세요.
{% endhint %}

### 커버 이미지 수정 <a href="#editing_cover_image" id="editing_cover_image"></a>

![](https://2000423017-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FFSxFmxcoMOpMm34CDMh5%2Fuploads%2FVgpXngN410qsaeT7bpNP%2Fimage.png?alt=media\&token=5f4577e6-2e81-4d14-a19b-1a226549ce0f)

1\. 커버 이미지 영역의 **`[커버 이미지 추가]`** 버튼을 클릭합니다. 기존 커버 이미지가 있을 경우, 이 버튼의 이름은 **`[커버 이미지 변경]`**&#xC73C;로 표시됩니다.

2\. 파일 탐색기에서 원하는 이미지 파일을 선택합니다.

3\. 원하는 이미지가 커버로 설정된 것을 확인한 뒤, **`[변경사항 저장]`** 버튼을 클릭합니다.

{% hint style="info" %}
삽입된 커버 이미지는 원래 이미지 크기와 상관 없이 가로세로 2:1 비율로 표시됩니다. 이때 비율에 맞지 않는 부분은 잘려나가 표시되지 않습니다. 권장하는 커버 이미지의 크기는 724 x 362 픽셀입니다.
{% endhint %}

### **커버 이미지 삭제** <a href="#deleting_cover_image" id="deleting_cover_image"></a>

![](https://2000423017-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FFSxFmxcoMOpMm34CDMh5%2Fuploads%2FfXf4E4dm1gQmkPqriShN%2Fimage.png?alt=media\&token=107a2859-5f1e-4454-a89c-7fd15867be22)

1\. 커버 이미지 영역의 왼쪽 아래에 있는 **`[이미지 삭제]`** 버튼을 클릭합니다. 실수로 삭제했을 경우, **`[되돌리기]`** 버튼을 클릭합니다.

2\. **`[변경사항 저장]`** 버튼을 클릭합니다.


# 스토리

## 스토리 블록 이해하기 <a href="#what_is_story" id="what_is_story"></a>

![Photo by https://unsplash.com/@artboardstudio](https://2000423017-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FFSxFmxcoMOpMm34CDMh5%2Fuploads%2FHvuJVArrfDV9YxZk6hMC%2Fimage.png?alt=media\&token=6afc71fd-e1ae-4928-b46f-76cfccb3992e)

스토리는 미니페이지에서 가장 자유롭게 편집할 수 있는 블록입니다. 스토리 블록에는 블로그나 게시판의 글쓰기 기능에서 흔히 볼 수 있는 서식 있는 텍스트 편집기(Rich Text Editor)가 들어가 있습니다. 이 편집기를 이용해, 원하는 내용을 자유롭게 표현할 수 있습니다.

## 편집기 기능 알아보기 <a href="#understanding_editor" id="understanding_editor"></a>

![](https://2000423017-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FFSxFmxcoMOpMm34CDMh5%2Fuploads%2Fl7UkLjb1W3B2ysDDdWQo%2Fimage.png?alt=media\&token=d36c46bc-8d71-443a-91de-fd2443a574db)

### 1. 단락 스타일 <a href="#paragraph_style" id="paragraph_style"></a>

텍스트를 입력한 뒤 단락별로 사전 정의된 스타일을 적용할 수 있습니다. 스타일은 총 4종류로, `문단`, `제목 1`, `제목 2`, `제목 3`이 있습니다.

* 각 스타일에 적용되어 있는 글자 크기, 굵기 등은 임의로 수정할 수 없습니다.
* 이 스타일은 단락 단위로만 적용할 수 있으며, 단락 안의 특정 부분만 선택해 적용할 수 없습니다.

### 2. 텍스트 크기, 색깔 <a href="#text_property" id="text_property"></a>

지정한 영역의 크기, 색깔을 바꿀 수 있습니다. 단락 스타일과는 달리, 서식을 적용할 부분을 마우스로 드래그해 영역을 지정해야 합니다.

### 3. 단락 정렬 <a href="#text-alignment" id="text-alignment"></a>

단락의 정렬 방식을 `왼쪽`, `오른쪽`, `가운데`, `양쪽` 중 선택해 바꿀 수 있습니다.

### 4. 텍스트 꾸미기 <a href="#text_decoration" id="text_decoration"></a>

지정한 영역의 텍스트에 `굵게`, `기울임꼴`, `취소선`, `밑줄` 등의 스타일을 적용할 수 있습니다.

### 5. 특수문자 <a href="#symbols" id="symbols"></a>

클릭하면 본문에 삽입할 수 있는 특수문자의 목록을 표시합니다. 목록에서 원하는 특수문자를 클릭하면 현재 커서 위치에 바로 삽입됩니다.

### 6. 수평선 <a href="#horizontal_line" id="horizontal_line"></a>

클릭하면 현재 커서 위치에 수평선을 삽입합니다. 영역을 구분하는 데 사용할 수 있습니다.

### 7. 불릿 목록 <a href="#unordered_list" id="unordered_list"></a>

현재 커서가 위치한 단락을 불릿 목록으로 전환합니다. 버튼 오른쪽의 `▼`을 클릭하면 목록의 스타일을 변경할 수 있습니다.

### 8. 번호 목록 <a href="#ordered_list" id="ordered_list"></a>

현재 커서가 위치한 단락을 번호 목록으로 전환합니다. 버튼 오른쪽의 `▼`을 클릭하면 목록의 스타일을 변경할 수 있습니다.

* 불릿 목록과 번호 목록 모두 두번째 항목부터 `Tab`을 누르면 들여쓰기 단계가 증가하고, `Shift + Tab`을 누르면 들여쓰기 단계가 감소합니다.
* 별표(`*`)나 대시(`-`)를 입력하고 `스페이스바`를 입력하면 자동으로 불릿 목록이 만들어집니다.
* `1.`을 입력하고 `스페이스바`를 입력하면 자동으로 번호 목록이 만들어집니다.

{% hint style="info" %}
이 아래의 메뉴부터는 더보기 버튼(**`⋮`**) 을 클릭해야 표시됩니다.
{% endhint %}

### 9. 들여쓰기 늘리기/줄이기 <a href="#indentation" id="indentation"></a>

현재 커서가 위치한 단락의 들여쓰기 수준을 한 단계 늘리거나 줄입니다.

### 10. 사진(이미지) 삽입 <a href="#insert_image" id="insert_image"></a>

컴퓨터에 있는 이미지 파일을 현재 커서 위치에 삽입합니다.

혹은 다음과 같은 방식으로도 넣을 수 있습니다.

{% tabs %}
{% tab title="드래그 앤 드롭" %}
파일 탐색기에서 편집기 안으로 드래그 앤 드롭합니다.

![](https://2000423017-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FFSxFmxcoMOpMm34CDMh5%2Fuploads%2FG8KOxzwG7M7jqDc3mKiv%2Fdrag.gif?alt=media\&token=40738275-0298-41e5-9ec6-3c001f5561cd)
{% endtab %}

{% tab title="파일 복사 후 붙여넣기" %}

1. 파일 탐색기에서 이미지 파일을 선택합니다.
2. `Ctrl+ C`를 누르거나, `우클릭 - 복사(C)`를 클릭합니다.
3. 편집기에서 원하는 위치에 붙여 넣습니다.
   {% endtab %}

{% tab title="인터넷에 있는 이미지 붙여넣기" %}

1. 인터넷에 있는 이미지를 우클릭합니다.
2. `이미지 복사`를 클릭합니다(메뉴의 이름은 브라우저마다 다를 수 있습니다).
3. 편집기에서 원하는 위치에 붙여 넣습니다.
   {% endtab %}
   {% endtabs %}

### 11. 미디어(동영상) 삽입 <a href="#insert_media" id="insert_media"></a>

YouTube 등의 플랫폼에 게재되어 있는 동영상의 URL을 입력하여 동영상을 삽입할 수 있습니다. 지원되는 플랫폼은 YouTube, Dailymotion, Vimeo의 3개입니다.

미디어 삽입 버튼을 누를 필요 없이, 스토리의 아무 곳에 동영상의 URL을 붙여넣기만 해도 영상을 삽입할 수 있습니다.

{% hint style="info" %}
![](https://2000423017-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FFSxFmxcoMOpMm34CDMh5%2Fuploads%2FSyDNEMeAGXL3neeg0MXb%2Fimage.png?alt=media\&token=0473ffc1-0544-4e96-8d90-e42680cae745)\
삽입된 이미지나 동영상 위에 마우스 포인터를 올린 뒤, 왼쪽 아래와 오른쪽 아래에 표시되는 **단락 삽입** `⏎` 버튼을 클릭해 손쉽게 위와 아래에 내용을 추가할 수 있습니다.
{% endhint %}

### 12. 링크 삽입 <a href="#insert_link" id="insert_link"></a>

원하는 텍스트를 마우스로 드래그해 영역을 지정한 뒤, 연결할 URL을 입력해 링크로 만들 수 있습니다.

* 링크를 클릭했을 때 새 탭이 열리게 할지 여부를 선택할 수 있습니다.
* 링크가 적용된 텍스트를 클릭한 뒤 나오는 메뉴에서 링크를 수정하거나 삭제할 수 있습니다.

### 13. 테이블(표) 삽입 <a href="#insert_table" id="insert_table"></a>

마우스 포인터를 움직여 행과 열의 개수를 지정한 뒤 클릭하면 표를 삽입할 수 있습니다.

* 셀의 너비는 셀 내용의 길이에 따라 자동으로 조절됩니다.
* 표의 셀 안에 다른 표를 삽입할 수 있습니다.
* 표의 맨 마지막 셀에 마우스 커서를 둔 뒤 Tab을 누르면 새로운 행이 자동으로 생성됩니다.

### 14. 인용 단락 삽입 <a href="#insert_quote" id="insert_quote"></a>

다른 사람의 말이나, 참고자료에서 발췌한 부분을 나타내기 위해 인용 단락을 삽입할 수 있습니다.

### 15. 실행 취소 및 다시 실행 <a href="#undo_and_redo" id="undo_and_redo"></a>

마지막으로 실행한 동작을 취소하거나 다시 실행할 수 있습니다.

### 16. 찾아 바꾸기 <a href="#find_and_replace" id="find_and_replace"></a>

본문에서 특정 문자열을 검색하거나, 검색해서 나온 결과를 다른 문자열로 바꿉니다.


# 상품

## 상품 블록 이해하기 <a href="#what_is_product" id="what_is_product"></a>

![Photo by https://unsplash.com/@avivrchmdn](https://2000423017-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FFSxFmxcoMOpMm34CDMh5%2Fuploads%2FqmDV1ocz4IjEbwl5Dowi%2Fimage.png?alt=media\&token=62b36f31-0d00-4424-8306-42b5d4013f8a)

여러분이 만약 의류나 생활용품 같은 실물 상품을 판매하는 사업자라면, **상품 블록**을 통해 판매 중인 상품들을 갤러리 형태로 만들어 전시할 수 있습니다.

상품 블록의 기능은 매우 단순합니다. 카탈로그처럼 취급하는 상품을 모아 보여주는 것이 주된 용도이며, 고객으로부터 주문을 받거나 결제를 연동하는 기능은 지원되지 않습니다. 대신, 실제로 주문이 가능한 페이지(예: 스마트스토어의 상품 페이지)로 연결되는 링크를 설정할 수 있습니다.

## 상품과 상품 묶음 <a href="#product_and_collection" id="product_and_collection"></a>

상품 블록에는 상품과 상품 묶음이라는 두 가지의 단위가 존재합니다.

### 상품 <a href="#product" id="product"></a>

상품은 말 그대로 단일한 상품을 나타내며, 다음과 같은 정보로 구성됩니다.

* 상품명
* 대표이미지
* 링크
* 가격

상품은 한 번 생성하고 나면 여러 상품 묶음과 미니페이지에서 다시 사용할 수 있습니다.

### 상품 묶음 <a href="#collection" id="collection"></a>

상품 묶음은 한 개 이상의 상품을 담고 있는 그룹입니다. 상품을 전시하려면 반드시 상품 묶음을 만들고 그 안에 상품을 추가해야 합니다.

{% hint style="info" %}
위의 설명에 따르면 상품과 상품 묶음은 마치 파일과 폴더의 관계처럼 보이지만, 같은 상품이 여러 상품 묶음에 속할 수도 있기 때문에 폴더보다는 **태그**의 개념에 더 가깝습니다.
{% endhint %}


# 상품과 상품 묶음 추가하기

## 상품 묶음 추가하기

상품을 추가하고 전시하려면 먼저 상품 묶음을 추가해야 합니다. 상품 묶음은 아래와 같은 방법으로 추가할 수 있습니다.

{% tabs %}
{% tab title="기존 상품 묶음이 없다면" %}
상품 묶음을 아직 하나도 만들지 않은 상태라면 상품 블록 화면은 아래와 같이 보일 것입니다. 이 화면에서 **`[+ 상품 묶음 추가]`** 버튼을 클릭하면 바로 새로운 상품 묶음이 만들어집니다.

![](https://2000423017-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FFSxFmxcoMOpMm34CDMh5%2Fuploads%2FFZmhaFRIo6dp1biKleUa%2Fimage.png?alt=media\&token=4d9fb85d-6bd5-44f6-8679-5ea4f65b807c)
{% endtab %}

{% tab title="기존 상품 묶음이 있다면" %}
기존 상품 묶음이 있을 경우, 상품 묶음 아래에 있는 **`[상품 묶음 추가]`** 버튼을 클릭하면 새로운 상품 묶음이 만들어집니다.

![](https://2000423017-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FFSxFmxcoMOpMm34CDMh5%2Fuploads%2FfiSSmw3tGX18ZwlSkEr0%2Fimage.png?alt=media\&token=40bb94a5-e730-41cf-80c2-9cbee9005ac7)
{% endtab %}
{% endtabs %}

{% hint style="warning" %}
**빈 상품 묶음은 표시되지 않습니다**\
상품 묶음의 변경사항을 저장하고 이를 공개 페이지에 반영하려면 해당 상품 묶음에 최소 한 개 이상의 상품을 추가해야 합니다. 상품을 추가하지 않은 상태로 상품 블록을 저장하면 “상품 목록이 비어있는 묶음이 있어요.”라는 오류 메시지가 표시되며, 상품 블록의 표시 여부와 상관 없이 해당 상품 묶음은 공개 페이지에 표시되지 않습니다.
{% endhint %}

## 상품 추가하기

상품 묶음을 추가한 뒤, 묶음 안에 있는 **`[+ 상품 추가]`** 버튼을 클릭합니다(상품이 이미 추가된 경우라면 상품 추가 버튼은 상품 묶음 제목의 오른쪽에 표시됩니다). 그 후 오른쪽에 표시되는 상품 추가 패널에서 아래와 같이 진행합니다.

![](https://2000423017-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FFSxFmxcoMOpMm34CDMh5%2Fuploads%2FFhfYj4FYuQXQdX5VEh0D%2Fimage.png?alt=media\&token=b13d689f-b0f0-43e8-a9c0-83ec6490530e)

### A. 저장된 상품이 없는 경우

1\. 화면 오른쪽의 상품 추가 패널에서 **`[새로운 상품] 탭`**&#xC744; 클릭합니다. 혹은 **`[저장된 상품]`** 탭이 빈 상태일 때 표시되는 **`[새로운 상품 생성]`** 버튼을 클릭합니다.

![](https://2000423017-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FFSxFmxcoMOpMm34CDMh5%2Fuploads%2F9b1W8qsg2HDipm3caxAs%2Fimage.png?alt=media\&token=ba3ee47f-1ed6-4b2a-b65c-72a03a052cc0)

2\. 상품 정보를 모두 입력하고 **`[상품 생성]`** 버튼을 클릭합니다.

{% hint style="info" %}
잘못된 사진을 올렸다면 사진 위에 마우스 포인터를 올리고 삭제 버튼을 클릭해 지운 다음, 다른 사진을 다시 업로드합니다.
{% endhint %}

![](https://2000423017-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FFSxFmxcoMOpMm34CDMh5%2Fuploads%2FC8HsIIeUsE8Bh5GjeQt1%2Fimage.png?alt=media\&token=a091fa7e-0757-48d7-af02-40714a78cb0e)

3\. **`[저장된 상품]`** 탭에 상품이 표시되면, 추가할 상품이 선택된 것을 확인하고 **`[선택된 상품 추가]`** 버튼을 클릭합니다.

![](https://2000423017-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FFSxFmxcoMOpMm34CDMh5%2Fuploads%2FSEafmwBbDQDIYHc7hoVJ%2Fimage.png?alt=media\&token=1cb7d716-b912-4476-9669-81eef7487bfc)

### B. 저장된 상품이 있는 경우

1\. 화면 오른쪽의 상품 추가 패널에서 **`[저장된 상품]`** 탭을 클릭합니다.

2\. 상품 묶음에 추가할 상품을 선택하고, **`[선택된 상품 추가]`** 버튼을 클릭합니다.

{% hint style="info" %}
**상품 생성과 추가는 다릅니다**\
\- **상품 생성**은 전에 없던 새로운 상품을 만들어내는 작업입니다. 즉 여러분이 보유한 상품의 개수를 하나 늘리는 것입니다.\
\- **상품 추가**는 기존에 생성한 상품을 특정 상품 묶음에 는 작업입니다. 여러분이 보유한 상품 개수의 총량에는 변화가 없습니다.
{% endhint %}


# 상품 묶음 편집하기

## 상품 표시 순서 바꾸기

상품 묶음의 상품은 기본적으로 묶음에 추가된 순서대로 표시됩니다. 이 순서를 바꾸고 싶다면 상품을 드래그해서 원하는 위치에 끌어다 놓은 다음 **`[변경사항 저장]`** 버튼을 누릅니다.

![](https://2000423017-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FFSxFmxcoMOpMm34CDMh5%2Fuploads%2FEMdJFte3qRQWiIPzcORb%2Freorder.gif?alt=media\&token=be851f41-af13-481a-81d4-19488e5f7cab)

## 상품 묶음 표시 순서 바꾸기

상품 묶음끼리도 표시 순서를 바꿀 수 있습니다. 요령은 상품 표시 순서를 바꾸는 방법과 동일하며, 묶음 제목 왼쪽의 조절 핸&#xB4E4;**`⋮⋮`**&#xC744; 드래그하면 됩니다. 그  **`[변경사항 저장]`** 버튼을 누릅니다.

![](https://2000423017-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FFSxFmxcoMOpMm34CDMh5%2Fuploads%2FLjjhMlyNhNCyW8sqEjT7%2Freorder_collection.gif?alt=media\&token=f61dd934-cd67-48cc-9cdc-7811045be6fe)

## 상품 묶음 제목 바꾸기

![](https://2000423017-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FFSxFmxcoMOpMm34CDMh5%2Fuploads%2F0YVUSVTfGuud1wcZIVLX%2Fimage.png?alt=media\&token=ee0213ea-6928-4b83-8e28-d6e76b8b4014)

1. 상품 묶음의 상단에 있는 제목에 커서를 위치시킵니다.&#x20;
2. 원하는 제목을 입력합니다.
3. *최소 한 개 이상의 상품이 추가되어 있는 것을 확인*한 뒤 **`[변경사항 저장]`**&#xC744; 클릭합니다.

## 상품 제거하기

상품을 상품 묶음에서 제거하려면 상품 위에 마우스 포인터를 갖다 댑니다. 그런 다음 상품 대표이미지의 오른쪽 위에 표시되는 제거 ⛔ 버튼을 클릭합니다.

![](https://2000423017-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FFSxFmxcoMOpMm34CDMh5%2Fuploads%2F0Gwm69K9kXWSZrqW0gg0%2Fimage.png?alt=media\&token=dd43cd7b-fef7-4ac9-9220-f236c4ab01b9)

## 상품 묶음 삭제

상품 묶음을 삭제하려면 **`[상품 묶음 삭제]`** 버튼을 클릭하고, 이어서 표시되는 대화상자에서 **`[삭제]`**&#xB97C; 클릭합니다.

![](https://2000423017-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FFSxFmxcoMOpMm34CDMh5%2Fuploads%2FxBAUnAuewItVXNkCRqW9%2Fimage.png?alt=media\&token=9822d7cf-79c2-4596-bf25-aaf26068588c)

{% hint style="info" %}
상품 묶음에서 상품을 제거하거나, 상품 묶음을 삭제해도 그 안에 들어 있던 상품의 데이터는 삭제되지 않습니다. 예를 들어, 직원들을 모아 TF팀을 만들었다가 특정 직원들을 제외시키거나, 그 팀을 해체한다고 해서 소속되어 있던 직원들이 회사에서 해고되는 것은 아닙니다. 이 비유에서 상품 묶음과 상품의 관계는 TF팀과 직원들의 관계와 유사합니다.
{% endhint %}

{% hint style="info" %}
생성한 **상품**의 데이터를 수정하거나 삭제하는 기능은 현재 지원되지 않습니다.
{% endhint %}


# 설문지

## 설문지 블록 이해하기

![Photo by https://unsplash.com/photos/Hcfwew744z4](https://2000423017-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FFSxFmxcoMOpMm34CDMh5%2Fuploads%2FAdoAWEkcuuoF2IbPkRDP%2Fimage.png?alt=media\&token=b853bfa7-49f2-48b5-8990-0cc541f553f4)

설문은 고객과 가장 직접적으로 상호작용할 수 있는 방법 중 하나입니다. 클래스나 컨퍼런스의 참가 신청을 받거나, 신상품의 수요 조사를 하거나, 고객에게 피드백을 받는 데 온라인 설문을 활용할 수 있습니다.

여러분 중에는 이미 Google 설문지, Typeform, 네이버 폼 같은 온라인 설문 제작 서비스를 이용해보신 분도 있을 겁니다. reflow의 미니페이지에서도 유사한 방식으로 간편하게 설문을 만들고 응답을 확인할 수 있습니다.


# 설문지 구성하기

## 설문지 제목 변경

설문지의 제목과 간단한 설명을 넣을 수 있습니다. 기본값으로 들어가 있는 예시 문구를 삭제한 뒤 여러분에게 필요한 것으로 수정할 수 있습니다. 수정을 마친 뒤 **`[변경사항 저장]`** 버튼을 클릭하면 반영됩니다.

![](https://2000423017-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FFSxFmxcoMOpMm34CDMh5%2Fuploads%2Fiotpgbm012D26WXpv7kW%2Fimage.png?alt=media\&token=3c6fb112-6346-42bb-8936-b15f9bc26527)

## 질문 추가

설문지 블록의 **`[+ 질문 추가]`** 버튼을 클릭하면 새로운 질문을 추가할 수 있습니다. 이후, 같은 방식으로 필요한 만큼 질문을 계속 추가할 수 있습니다.

![](https://2000423017-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FFSxFmxcoMOpMm34CDMh5%2Fuploads%2F5XbbsbagFeKRJ2KZwl6G%2Fimage.png?alt=media\&token=fab79b7b-4779-445d-abd9-92575e786aef)

## 질문 유형 변경

새롭게 추가된 질문은 기본적으로 `단답형 질문`입니다. 질문 오른쪽 아래에 있는 질문 유형 변경 메뉴를 통해 `단답형 질문`, `장문형 질문`, `하나만 선택`, `여러 개 선택` 중 하나로 질문 유형을 변경할 수 있습니다.

![](https://2000423017-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FFSxFmxcoMOpMm34CDMh5%2Fuploads%2FLFfMawUSUHPjFi38ZEjR%2Fimage.png?alt=media\&token=cca4c6dd-de6f-41e1-b24f-feb343360981)

## 질문의 유형별 구조

### 공통 구조

![](https://2000423017-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FFSxFmxcoMOpMm34CDMh5%2Fuploads%2FGmOBy9Qa2zAY0dpnuXYq%2Fimage.png?alt=media\&token=7b7e960f-946e-41e1-a868-f3606f67a705)

**1. 질문 제목:** 해당 질문에서 물어볼 내용을 입력합니다.

> 예) 이름이 어떻게 되시나요?

**2. 질문 유형 변경:** 해당 질문의 유형을 단답형 질문, 장문형 질문, 하나만 선택, 여러 개 선택 중 하나로 변경합니다.

**3. 필수응답 여부:** 이 옵션을 활성화하면 응답자가 답변을 제출하기 위해 이 질문에 반드시 답해야 합니다. 이 옵션을 비활성화하면 ‘선택응답’ 질문이 되며, (선택)이라는 단어가 질문 제목 옆에 추가됩니다.

**4. 삭제:** 클릭하면 해당 질문을 삭제합니다.

**5. 이동 핸들:** 클릭해서 위아래로 드래그하면 다른 질문들과 표시 순서를 바꿀 수 있습니다.

### 단답형 질문, 장문형 질문

![](https://2000423017-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FFSxFmxcoMOpMm34CDMh5%2Fuploads%2FjTWlM7IqVYJzxDvkx9Vq%2Fimage.png?alt=media\&token=d7ec1c80-953c-45fe-9f12-94b5b9f66bd9)

**1. 입력란 힌트:** 입력란에 흐린 텍스트로 표시될 힌트의 내용을 입력합니다.

> 예) - 없이 숫자만 입력해주세요. / 8자리로 입력해주세요.

{% hint style="info" %}
**단답형 질문과 장문형 질문의 차이**

장문형 질문에서는 응답자가 답변을 입력할 때 `Enter` 키로 행을 나눌 수 있지만, 단답형 질문에서는 그렇게 할 수 없습니다.
{% endhint %}

### 하나만 선택, 여러 개 선택

![](https://2000423017-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FFSxFmxcoMOpMm34CDMh5%2Fuploads%2FIDHoY21lCBkgGfJM5Exx%2Fimage.png?alt=media\&token=85bea75c-32c8-4a28-9317-5d8e115f21c4)

**1. 선택지 추가:** 클릭하면 빈 선택지가 하나 추가됩니다.

**2. 선택지 수정:** 선택지의 내용을 입력할 수 있습니다.

**3. 선택지 삭제:** 클릭하면 해당 선택지가 삭제됩니다.

**4. “기타” 추가:** 이 옵션을 활성화하면 응답자가 정해진 선택지 외에 “기타" 선택지를 추가해 답변할 수 있습니다.


# 응답 확인하기

설문지를 임의로 구성한 뒤, 공개 페이지로 접속해 여러분의 설문지에 시험 삼아 응답을 제출해 봅시다. 설문지 제출에는 별도의 로그인이나 인증이 필요하지 않습니다.

응답을 제출한 뒤, 관리자 페이지로 돌아와 페이지를 새로고침하면 제출된 응답을 확인할 수 있습니다. 응답을 확인하는 방법은 다음의 두 가지가 있습니다.

{% tabs %}
{% tab title="확인 방법 1" %}
설문지 블록의 제목 영역에 있는 응답 확인 버튼을 클릭합니다.

![](https://2000423017-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FFSxFmxcoMOpMm34CDMh5%2Fuploads%2Frj3nsQss0YJTybry23ES%2Fimage.png?alt=media\&token=ab0abe22-6e2c-41df-8e0b-42b0dfc41a60)
{% endtab %}

{% tab title="확인 방법 2" %}
화면 왼쪽의 서브메뉴에서 해당 페이지의 응답 확인 버튼을 클릭합니다.

![](https://2000423017-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FFSxFmxcoMOpMm34CDMh5%2Fuploads%2FdGjzAlpL8tsQeCHQtrs6%2Fimage.png?alt=media\&token=82ee50e7-1091-45c1-af02-04933af60321)
{% endtab %}
{% endtabs %}

아래와 같은 대화상자가 표시되면 번호를 넘겨가며 개별 응답을 확인합니다.

![](https://2000423017-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FFSxFmxcoMOpMm34CDMh5%2Fuploads%2FQqos05v6VcLCGAOJw73r%2Fimage.png?alt=media\&token=2288de13-4bf1-4ea6-a1fc-2df160b70009)

{% hint style="info" %}
중간에 수정된 설문지의 응답 응답이 제출된 후에도 설문지는 자유롭게 편집할 수 있으며, 따라서 과거에 제출된 응답에는 없었던 질문이 추가되거나, 반대로 이전 응답에 포함됐던 질문이 없어지는 경우가 존재할 수 있습니다. 즉 이미 제출된 응답과 현재 설문지의 구성은 서로 영향을 주지 않습니다.
{% endhint %}


# 링크

## 링크 블록 이해하기

![Photo by https://unsplash.com/photos/DIewyzpUbRc](https://2000423017-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FFSxFmxcoMOpMm34CDMh5%2Fuploads%2FXCQd5UBZ6i3SGOwx43h2%2Fimage.png?alt=media\&token=371826eb-06ab-45a5-8748-ec7efb328db3)

미니페이지는 앞에서도 설명했듯 인터넷을 항해하던 고객이 여러분의 브랜드를 만나는 첫 정박지이기도 하지만, 동시에 **고객을 다른 곳으로 보내는 관문의 역할**도 합니다. 방문자를 원하는 곳으로 이동시키는 것은 미니페이지를 만드는 본질적인 이유이기도 합니다.

**링크 블록은 말 그대로 다른 곳으로 이동하는 링크를 만드는 데 사용**됩니다. 링크 블록은 다양한 용도로 활용될 수 있습니다. 여러분이 이커머스를 운영 중이라면 쇼핑몰 웹사이트로, 콘텐츠 크리에이터라면 콘텐츠가 등록된 플랫폼이나 여러분의 블로그로 방문하도록 유도할 수 있습니다.

상품과 마찬가지로 삽입할 수 있는 링크의 수는 제한이 없으므로, 여러분의 브랜드나 본인과 관련된 다양한 링크를 한데 모아 링크 블록에 넣을 수 있습니다.


# 링크 블록 관리하기

## 링크 추가하기

링크를 추가하는 방법은 [상품 추가 방법](/minipage/product/adding-your-product-and-collection#undefined-1)과 유사합니다. 링크 블록에서 **`[+ 링크 추가]`** 버튼을 클릭한 뒤, 오른쪽에 표시되는 **`링크 추가`** 패널에서 다음과 같이 진행합니다.

![](https://2000423017-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FFSxFmxcoMOpMm34CDMh5%2Fuploads%2FAFLSEUzE68mpDfYFo4Ej%2Fimage.png?alt=media\&token=a311cc77-977c-4a9c-8884-2667ba10b319)

### A. 저장된 링크가 없는 경우

1\. 화면 오른쪽의 링크 추가 패널에서 **`[새로운 링크] 탭`**&#xC744; 클릭합니다. 혹은 **`[저장된 링크]`** 탭이 빈 상태일 때 표시되는 **`[새로운 링크 생성]`** 버튼을 클릭합니다.

![](https://2000423017-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FFSxFmxcoMOpMm34CDMh5%2Fuploads%2FMUspEtIMMlNzfVCQc3ph%2Fimage.png?alt=media\&token=ac5d79d1-eaba-49b2-ad99-71c00f2dd2bc)

2\. 링크 정보를 모두 입력하고 **`[링크 생성]`** 버튼을 클릭합니다. 대표이미지는 선택입력 항목이므로, 이미지를 올리지 않아도 링크를 생성할 수 있습니다.

{% hint style="info" %}
잘못된 사진을 올렸다면 사진 위에 마우스 포인터를 올리고 삭제 버튼을 클릭해 지운 다음, 다른 사진을 다시 업로드합니다.
{% endhint %}

![](https://2000423017-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FFSxFmxcoMOpMm34CDMh5%2Fuploads%2F0L6ePd9FjgkWp4vgOCmG%2Fimage.png?alt=media\&token=d613c31d-1a3a-4da6-b207-7b3e2b631c11)

3\. **`[저장된 링크]`** 탭에 링크가 표시되면, 추가할 링크가 선택된 것을 확인하고 **`[선택된 링크 추가]`** 버튼을 클릭합니다.

![](https://2000423017-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FFSxFmxcoMOpMm34CDMh5%2Fuploads%2FEwZ3eZj5l8vfuKQE6quu%2Fimage.png?alt=media\&token=6be73750-e436-4c09-bbcd-48fe0a67dd0c)

### B. 저장된 링크가 있는 경우

1\. 화면 오른쪽의 상품 추가 패널에서 **`[저장된 링크]`** 탭을 클릭합니다.

2\. 삽입할 링크를 선택하고, **`[선택된 링크 추가]`** 버튼을 클릭합니다.

## 링크 제거하기

추가한 링크를 제거하려면 링크 오른쪽의 제거 ⛔️ 버튼을 클릭합니다.

![](https://2000423017-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FFSxFmxcoMOpMm34CDMh5%2Fuploads%2F1a1R7YJkWt73okIBRkOX%2Fimage.png?alt=media\&token=57ee9cf0-a5b0-49f6-af31-167955353150)

{% hint style="info" %}
링크를 목록에서 제거해도 링크 데이터 자체는 삭제되지 않습니다.
{% endhint %}

{% hint style="info" %}
생성한 링크의 데이터를 수정하거나 삭제하는 기능은 현재 지원되지 않습니다.
{% endhint %}

## 링크 표시 순서 바꾸기

링크의 표시 순서를 바꾸려면 링크 왼쪽의 조절 핸&#xB4E4;**`⋮⋮`**&#xC744; 위아래로 드래그합니다.

![](https://2000423017-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FFSxFmxcoMOpMm34CDMh5%2Fuploads%2FhUGYng0kVxygTDCL6zam%2Freorder_link.gif?alt=media\&token=c3ee652b-582b-4109-a075-b998e934ab87)


# 구독자 모으기

## 이해하기

![Photo by https://unsplash.com/@brett\_jordan](https://2000423017-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FFSxFmxcoMOpMm34CDMh5%2Fuploads%2F1eksCAGGuzzMijwvhVkI%2Fimage.png?alt=media\&token=559d670e-41ed-4447-a939-a1b8419a97fb)

구독자를 확보하는 것은 성공적인 온라인 마케팅을 위해 필수적입니다. 여러분에게 홍보성 메시지를 받는 데 동의한 (소위 ‘마케팅 수신동의') 사람들은 아무리 적은 숫자일지라도 여러분의 다음 고객이 될 수 있다는 점에서 매우 중요한 비즈니스 자산입니다. 미니페이지의 구독자 모으기 블록을 통해 손쉽게 여러분의 팬을 모을 수 있습니다.

{% hint style="info" %}
구독자 모으기 블록을 통해 구독자가 된 고객의 정보는 유저베이스에서 확인할 수 있습니다.
{% endhint %}

## 사용하기

구독자 모으기 블록은 미니페이지를 생성하는 순간 바로 사용할 수 있는 상태로 공개 페이지에 표시됩니다. 이 상태로 아무 것도 수정하지 않고 사용해도 특별히 문제는 없습니다. 하지만 원한다면 다음과 같은 부분을 필요에 따라 수정하여 사용할 수 있습니다.

![](https://2000423017-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FFSxFmxcoMOpMm34CDMh5%2Fuploads%2FvdJyVMbPa5EeXhXtROwV%2Fimage.png?alt=media\&token=f0069821-fd95-443b-a1a0-179f651915df)

#### 1. 블록 제목, 블록 설명

구독을 유도할 수 있는 제목과 설명을 입력할 수 있습니다.

#### 2. 필수입력 필드 설정

구독을 완료하기 위해 필수로 입력해야 하는 정보를 설정할 수 있습니다.

휴대폰 번호는 항상 필수입력 정보이며, 이메일 주소를 필수입력으로 할지의 여부를 선택할 수 있습니다.


# 유저베이스 시작하기

> 성공은 복잡할 필요가 없다. 그냥 1,000명의 사람을 지극히 행복하게 만들어주는 것에서 시작하면 된다.\
> \- 케빈 켈리 (와이어드 창업자)

## 고객관계관리가 무엇인가요?

고객을 늘리는 것 못지않게 중요한 것이 고객을 파악하는 것입니다. 어떤 경로로 가입한 고객인지, 어떤 성향인지, 무엇을 얼마나 구매했는지, 가장 마지막 구매는 언제였는지 등등. 이러한 데이터를 파악하고 있으면 적은 비용으로도 최대한의 마케팅 효율을 이끌어내고, 결과적으로 같은 고객으로부터 더 많은 이윤을 창출할 수 있게 됩니다.

이렇게 비즈니스와 고객의 모든 상호작용을 관리하고 분석하는 기술을 고객관계관리(Customer Relationship Management, CRM)라고 부릅니다. 1980년대 초 데이터베이스 마케팅 기법이 등장하며 기틀이 마련된 CRM은 오늘날 모든 종류의 비즈니스에서 필수요소가 되었습니다. 많은 기업들이 독자적인 CRM 시스템을 구축해 운영하거나 고가의 전문 솔루션을 구매해 사용하고 있습니다.

소규모 비즈니스도 예외는 아닙니다. CRM은 오히려 소규모 비즈니스에 더 효과적일 수 있습니다. 가용 예산의 한계로 고객을 공격적으로 확보할 수 없는 상황에서 필요한 것은 적은 수의 고객을 최대한 활용하는 방법입니다. 체계적인 CRM 시스템이 이를 위한 인사이트를 제공해줄 수 있습니다.

## 유저베이스 이해하기

유저베이스는 reflow에서 제공하는 쉽고 가벼운 CRM 도구입니다. 짐작하셨을지 모르겠지만, 유저베이스(userbase)는 유저(user)와 데이터베이스(database)의 합성어입니다. 유저베이스에서 여러분은 다른 플랫폼에서 획득한 고객들을 한데 모아 통합 데이터베이스를 구축할 수 있으며, 고객 데이터를 다양한 조건으로 필터링하고 태그와 타겟 그룹을 통해 관리할 수 있습니다.


# 고객 추가하기

유저베이스를 사용하려면 먼저 고객 데이터를 추가해야 합니다.

여러분이 만약 미니페이지를 사용하고 있었다면 이미 고객 데이터가 추가되어 있을 수도 있습니다. 미니페이지를 방문한 누군가가 구독자 모으기 블록을 통해 여러분의 구독자가 되었다면, 그 고객의 데이터는 자동으로 유저베이스에 추가됩니다.

그러나 대부분의 경우 여러분은 고객 데이터를 직접 추가하게 됩니다. 가장 흔한 경우는 네이버 스마트스토어나 카페24 등의 쇼핑몰 솔루션에서 주문 기록을 엑셀 파일로 다운로드한 뒤 이를 양식에 맞게 수정하여 업로드하는 것입니다.

{% hint style="info" %}
다른 방식의 추가 기능은 현재 개발 중입니다.
{% endhint %}

## 파일 업로드로 고객 추가하기

1\. \[고객 추가] 버튼을 클릭합니다.

2\. \[파일 업로드]를 선택합니다.

3\. 표준 양식에 대한 안내문구 옆에 있는 \[다운로드]를 클릭합니다. `고객 표준 양식.xlsx` 파일이 다운로드됩니다.

4\. 다운로드한 표준 양식 파일을 Microsoft Excel과 같은 스프레드시트 프로그램으로 엽니다.

5\. 아래 설명을 참고해 고객 데이터를 입력한 뒤, 저장합니다.

<table><thead><tr><th width="150">필드명</th><th width="150" data-type="checkbox">필수입력 여부</th><th width="427.64053075995173">비고</th></tr></thead><tbody><tr><td>전화번호</td><td>true</td><td><ul><li>데이터 식별의 기준이 되는 필드입니다.</li><li>숫자가 아닌 텍스트가 포함되면 자동으로 삭제됩니다.</li><li>안정적인 처리를 위해 가급적 숫자만 입력해주세요.</li></ul></td></tr><tr><td>이메일</td><td>false</td><td><ul><li>유효한 형식으로 입력해야 합니다.</li></ul></td></tr><tr><td>이름</td><td>false</td><td></td></tr><tr><td>주문번호</td><td>false</td><td></td></tr><tr><td>상품번호</td><td>false</td><td></td></tr><tr><td>상품명</td><td>false</td><td></td></tr><tr><td>옵션정보</td><td>false</td><td></td></tr><tr><td>구매수량</td><td>true</td><td><ul><li>숫자만 입력해야 합니다.</li></ul></td></tr><tr><td>구매액</td><td>true</td><td><ul><li>숫자만 입력해야 합니다.</li></ul></td></tr><tr><td>결제일</td><td>true</td><td><ul><li>YYYY/MM/DD HH:MM:SS 와 같은 형식으로 입력합니다.</li></ul></td></tr><tr><td>유입경로</td><td>false</td><td></td></tr></tbody></table>

6\. \[파일 선택]을 클릭하고, 표시되는 파일 탐색기에서 5에서 저장한 엑셀 파일을 선택합니다.

7\. 하단의 \[업로드 기록] 영역에 항목이 추가된 것을 확인합니다. 잠시 후 처리가 끝나면, 처리 결과에 따라 해당 기록은 아래의 두 가지 상태 중 하나로 갱신됩니다.

* 업로드한 파일에 입력된 모든 고객 데이터가 성공적으로 등록된 상태입니다.
* 업로드한 파일에 입력된 일부 고객 데이터가 등록되지 않은 상태입니다. \[결과 파일에서 살펴보기]를 클릭하면 결과 파일이 다운로드되며, 해당 파일을 열어보면 문제가 발생한 행을 확인할 수 있습니다.

{% hint style="info" %}
어떤 행이 문제였는지는 알 수 있지만, 그 행의 어떤 필드가 문제였는지 알아내는 기능은 아직 지원되지 않습니다.
{% endhint %}

8\. 뒤로 가기 버튼 `←` 을 눌러 고객 목록으로 이동하면 업로드된 고객 데이터를 확인할 수 있습니다.


# 테이블과 친해지기

모든 데이터베이스는 표 형식으로 나타낼 수 있으며, 이 표를 흔히 테이블이라고 부릅니다. 유저베이스에서도 입력된 고객 데이터가 모두 테이블로 표현되기 때문에, 유저베이스를 잘 활용하기 위해 먼저 테이블의 기본적인 개념과 관련 조작법에 대해 알아둘 필요가 있습니다.

## 기본 개념

### 레코드

레코드는 테이블에서 가로줄에 해당하며, ‘기록'이라는 단어의 뜻처럼 하나의 데이터라고 할 수 있습니다. 유저베이스에서는 고객 한 명의 정보가 레코드 한 행에 해당합니다.

### 컬럼

컬럼은 테이블에서 세로줄에 해당하는 개념이며, ‘필드'라는 이름으로도 불립니다. 컬럼은 저장할 정보의 종류를 나타냅니다. 유저베이스에서는 총 12개의 컬럼을 제공합니다.

## 조작법

### 레코드 선택

* 레코드의 왼쪽 끝에 있는 체크박스를 클릭하면 그 레코드를 선택할 수 있습니다. 오른쪽 아래에는 몇 개의 레코드가 선택되었는지 표시됩니다.
* 선택된 레코드의 체크박스를 다시 클릭하면 선택이 해제됩니다.
* 시작 지점의 레코드를 선택하고, Shift 키를 누른 채로 끝 지점의 레코드를 선택하면 그 사이의 모든 레코드가 선택됩니다.

### 정렬

* 컬럼의 이름을 클릭하면 해당 컬럼을 기준으로 현재 표시된 레코드를 정렬합니다.
* `총 구매액`, `총 거래수`, `평균 구매액`, `구매주기`, `최근구매일`, `가입일`, `수신동의` 컬럼에 한해서만 가능합니다.
* 한 번 클릭하면 오름차순, 즉 낮은 숫자가 위에 오도록 정렬합니다. 두 번 클릭하면 내림차순으로 바뀝니다. 세 번째로 클릭하면 정렬이 사라집니다.
* 한 컬럼에 정렬이 설정된 상태에서 Shift 키를 누른 채로 다른 컬럼에 정렬을 설정하면 여러 개의 컬럼을 동시에 정렬 기준으로 사용할 수 있습니다.
  * 이 때 먼저 정렬을 설정한 컬럼이 첫 번째 기준이 되며, 나중에 정렬을 설정한 컬럼이 두 번째 기준이 됩니다.
  * 예컨대, ‘수신동의’ 컬럼에 정렬을 설정한 뒤, ‘총 구매액’을 두 번째 정렬 기준으로 설정하면 ‘미동의' 그룹과 ‘동의' 그룹의 레코드가 각각 내부적으로 정렬됩니다. 이렇게 하면 ‘수신동의를 하지 않은 고객 중 가장 구매액이 많은 사람’, ‘수신동의를 한 고객 중 가장 구매액이 많은 사람’ 등의 데이터를 얻을 수 있습니다.

### 수정

* `이름`과 `설명` 컬럼에 한해 레코드를 수정할 수 있습니다. 레코드를 수정하려면 수정하고자 하는 정보를 더블클릭하고, 편집 모드에서 원하는 내용을 입력한 뒤 바깥의 아무 곳이나 클릭합니다.

### 컬럼 개인화

* 컬럼 사이의 구분선을 드래그하여 컬럼의 너비를 조절할 수 있습니다. 구분선을 더블클릭하면 가장 텍스트 길이가 긴 레코드를 기준으로 컬럼의 너비가 자동 조절됩니다.
* 컬럼의 이름을 좌우로 드래그하여 컬럼 간의 위치를 바꿀 수 있습니다. 바꾼 위치를 초기화하려면 컬럼 메뉴를 클릭하고 ‘모든 컬럼 위치 초기화'를 클릭합니다.
* 컬럼 메뉴의 ‘컬럼 고정'을 통해 왼쪽 끝이나 오른쪽 끝으로 컬럼을 고정시킬 수 있습니다.


# 고객 분석하기

## 필터

유저베이스에 500명 이상의 고객이 등록되어 있다고 가정해봅시다. 이 중 총 구매액이 30만 원 이상인 고객을 파악하려고 합니다. 이렇게 특정 조건을 만족하는 레코드를 제외하고 다른 레코드를 모두 숨겨야 할 때 필터를 활용할 수 있습니다.

### 필터 추가하기

{% hint style="info" %}
유저베이스에는 기본적으로 **`수신동의`**&#xAC00; **`동의`**&#xB85C; 되어 있는 레코드만 표시하도록 필터가 적용되어 있습니다. 필요에 따라 X 버튼을 클릭해 이 필터를 해제하고 진행하세요.
{% endhint %}

1. **`[필터 추가]`** 버튼을 클릭합니다.
2. 기준과 비교방법, 값을 필요에 맞게 설정합니다. 이를테면 총 구매액이 30만 원 이상인 고객을 파악하기 위해, 다음과 같이 입력할 수 있습니다.
   * 기준: `총 구매액`
   * 비교방법: `이상`
   * 값: `300000`
3. ‘값'까지 입력하면 두 번째 조건을 입력할 수 있는 필드가 표시됩니다. 필요한 경우 두 조건의 결합 방식을 ‘그리고'와 ‘또는’ 중 선택하고, 두 번째 조건을 입력한 뒤 **`[저장]`** 버튼을 클릭합니다. 필요하지 않다면 곧바로 **`[저장]`** 버튼을 클릭합니다.
4. 필요한 경우 다른 필터를 같은 방식으로 추가합니다.

{% hint style="info" %}
두번째 조건은 데이터가 숫자일 때만 설정할 수 있으며, 두 조건은 같은 기준에 대해 적용됩니다. 이를테면 평균구매액을 10000원 이상 50000원 이하로 설정할 수 있습니다. 다른 기준에 대해 필터를 적용하려면 새로운 필터를 추가해야 합니다. 이때 필터 간의 결합 방식은 항상 **`그리고`**&#xB85C; 고정됩니다.
{% endhint %}

### 필터 수정 및 삭제하기

* 필요 없는 필터를 삭제하려면 각 필터 오른쪽의 X 버튼을 클릭합니다.
* 적용된 필터의 조건을 수정하려면 해당 필터를 클릭하고, 필터를 추가할 때와 같은 방식으로 조건을 입력합니다.

## 태그 관리하기

태그(tag)는 말 그대로 일종의 인식표입니다. 조건과 상관 없이 임의의 원하는 고객에게 태그를 붙여 관리할 수 있습니다. 태그의 가장 일반적인 사용 사례는 충성 고객들에게 ‘단골'이나 ‘vip’ 같은 태그를 붙이는 것입니다. 혹은 자사나 협력사의 직원을 식별하기 위해 사용할 수도 있습니다.

### 태그 추가하기

1. 원하는 고객을 선택하고, **`[선택된 고객에게 태그 추가]`** 버튼을 클릭합니다.
2. 태그를 한 번도 생성한 적이 없다면 먼저 태그를 생성해야 합니다. **`[태그 관리]`** 대화상자에서 **`[태그 검색/생성]`** 필드에 커서를 놓고, 원하는 태그 이름을 입력합니다. 여기서는 ‘vip’라고 입력합니다.
3. **`[vip 태그 생성]`**&#xC744; 클릭합니다.
4. 생성된 ‘vip’ 태그를 클릭하고, 아래의 **`[1명의 고객에게 적용]`** 버튼을 클릭합니다.
5. 필터 영역에 새로운 태그가 추가된 것을 확인합니다.

### 태그 사용하기

1. 태그를 클릭해 해당 태그로 필터를 설정할 수 있습니다. 여러 개의 태그를 동시에 선택할 수 있습니다.
2. 필터를 해제하려면 선택된 태그를 다시 클릭합니다. 혹은 **`[전체]`**&#xB97C; 클릭해 필터를 해제할 수도 있습니다.

{% hint style="info" %}
태그 컬럼의 메뉴에서도 필터를 설정할 수 있습니다.
{% endhint %}

### 태그 수정 및 삭제하기

1. 임의의 고객을 선택하고, **`[선택된 고객에게 태그 추가]`** 버튼을 클릭합니다.
2. 원하는 태그를 목록에서 찾거나, **`[태그 검색 / 생성]`** 란에 이름을 입력해 검색합니다.
3. 태그 위에 마우스 포인터를 올리고, 오른쪽의 더보&#xAE30;**`⋮`** 버튼을 클릭합니다.
4. 태그의 이름을 수정하려면 **`[태그 이름]`** 란의 이름을 수정한 뒤 **`[저장]`** 버튼을 클릭합니다.
5. 태그를 삭제하려면 **`[삭제]`** 버튼을 클릭합니다.

### 일괄 태그 추가하기

특정 조건에 해당하는 모든 고객에게 태그를 추가할 수 있습니다. 예를 들어 구매 횟수가 3회 이상인 모든 고객에게 ‘단골’이라는 태그를 추가할 수 있습니다.

1. 태그를 추가할 고객들의 조건을 필터로 추가합니다.
2. **`[일괄 태그 추가]`** 버튼을 클릭합니다. 그 후, 새로운 태그를 생성하거나 기존 태그를 추가합니다.

{% hint style="info" %}
필터 적용 결과 표시된 고객이 한 명도 없을 경우에는 일괄 태그 추가를 할 수 없습니다.
{% endhint %}


# 타겟 그룹 이용하기

## 타겟 그룹 소개

타겟 그룹을 이용해 자주 사용하는 필터 조건을 저장해둘 수 있습니다. 이를테면 가입한지 1개월이 지났고 총 거래수가 0건인 고객들을 상대로는 적극적인 재방문 캠페인을 진행할 필요가 있습니다. 이런 상황에 타겟 그룹을 활용할 수 있습니다.

## 타겟 그룹 생성하기

1. 먼저 저장해두길 원하는 필터를 적용합니다.
2. **`[타겟 그룹 생성]`** 버튼을 클릭합니다. 바로 '이름 없는 타겟 그룹'이라는 이름의 타겟 그룹이 생성됩니다. 생성한 타겟 그룹은 서브메뉴의 **`[타겟 그룹]`** 영역에 표시됩니다.
3. 필요한 경우 타겟 그룹의 이름을 변경한 뒤 **`[변경사항 저장]`** 버튼을 클릭합니다.

## 타겟 그룹 수정 및 삭제하기

* 타겟 그룹의 필터 조건이나 이름을 변경한 뒤 **`[변경사항 저장]`** 버튼을 클릭해 저장할 수 있습니다.
* **`[타겟 그룹 삭제]`** 버튼을 클릭해 해당 타겟 그룹을 삭제할 수 있습니다.

## 타겟 그룹 복사

* 생성한 타겟 그룹의 조건을 조금 수정하여 새로운 타겟 그룹을 생성해야 할 경우, **`[타겟 그룹 복사]`** 버튼을 클릭해 동일한 사본을 생성할 수 있습니다.


