# 로워드 브릿지 강의 호스팅 소개

<figure><img src="https://1736609049-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FhXqpQKK3ny5H23yHno34%2Fuploads%2FMGmPXYUFpDcOdhs0YsVg%2Fdocs_intro.png?alt=media&amp;token=ba09bb88-6a6e-49c2-be7f-b50a03271e1d" alt=""><figcaption></figcaption></figure>

안녕하세요 사업자 여러분, 로워드 브릿지 강의 호스팅은 개발자 없이, 디자이너 없이 원하는 디자인을 구성할 수 있도록 되어 있습니다.

높은 자유도와, 관리 영역이 세분화되어 있어 다양한 세그먼트에 따른 프로모션 기획 및 운영이 가능하며 DOCS에서는 각 관리 영역 별 안내를 도와드리고 있습니다.

{% hint style="danger" %}
해당 DOCS는  응용 방식은 별도로 레듀 아카데미에서 VOD를 통해 확인하실 수 있습니다.
{% endhint %}

### Quick Setup Guide

{% content-ref url="/pages/u58bpYJiQYILefJMZNwE" %}
[빠른 시작 가이드](/welcome-docs/getting-started)
{% endcontent-ref %}

### Contact Us

기타 문의사항은 아래 항목을 확인하여 연락주시기 바랍니다.

| 부서           | 담당자     | 이메일                        |
| ------------ | ------- | -------------------------- |
| 로워드 브릿지 파트너스 | 이승현 매니저 | <partners@loword.co.kr>    |
| 로워드 브릿지 파트너스 | 유정우 매니저 | <jeongwoo.yu@loword.co.kr> |


# 빠른 시작 가이드

이 단계별 빠른 시작 가이드는 사이트 개설부터 메뉴 및 이미지/텍스트 추가, 개시까지 레듀 관리자 기능을 사용하여 사이트를 빌드하는 빠른 과정을 설명합니다.

## 단계별 퀵 가이드

<details>

<summary><strong>1단계 : 영업팀 문의하기</strong></summary>

2024년 11월 기준 현재 레듀 서비스는 레듀 사업부의 영업팀을 통해 문의 받고 개설해 주고 있어요! PG 계약 및 서비스 계약까지 빠르게 진행하고, 개설받아 보세요.

[개설 문의하기](mailto:info@loword.co.kr)\
[요금제 별 비교](https://ledu.kr/#price)

</details>

<details>

<summary>2<strong>단계 : 내 사이트 관리 및 관리자 페이지 접속하기</strong></summary>

계약 시 요청했던 도메인 기준으로 사이트 개설 셋업이 됩니다. 만약 도메인이 example.kr 이라면 example.kr/admin 이 관리자 페이지입니다.

\*사이트에서 로그인한 뒤 관리자 페이지로 접근이 가능합니다.

</details>

<details>

<summary>3<strong>단계 : 사이트 기본 설정하기</strong></summary>

본격적으로 내 사이트를 설정해보세요, 각 항목을 설정하여 사이트 기본 구성을 마쳐봅시다.

[몰 기본 정보 설정](/default-setting/foundation)\
[약관 / 개인정보처리방침 설정](/default-setting/term)\
[검색엔진최적화 (SEO) 설정](/default-setting/seo)\
[강사관리](/default-setting/tutor)\
[결제 관리](/default-setting/payment-setting)\
[어뷰징 관리](/default-setting/abuse)

</details>

<details>

<summary>4<strong>단계 : 판매할 클래스 설정하기</strong></summary>

내 사이트에서 판매할 VOD, 전자책 등을 설정해봐야겠죠? 아래 항목을 따라 클래스를 추가하고 설정하는 방법을 배워보세요.

[강사관리](/default-setting/tutor)\
[카테고리 관리](/class/category)\
[클래스 리스트](/class/list)\
[클래스 등록/수정하기](/class/setup)

</details>

<details>

<summary>5<strong>단계 : 회원 관리 설정하기</strong></summary>

내 사이트의 회원을 조회하고 관리하는 방법과, 등급 설정 등으로 기초 셋업을 해보세요. 조회,수정,등록,삭제 모든 것이 가능하답니다.

[회원 조회/삭제/등록/수정](/member/memberlist)\
[회원등급 설정](/member/grade)

</details>

<details>

<summary>6<strong>단계 : 마일리지 관리 설정하기</strong></summary>

내 사이트에서 마일리지를 통해 다양한 마케팅을 진행하실 수 있습니다. 페이지 활성화부터 회원가입 유도까지 다양하게 활용해 보세요.

[마일리지 기본설정](/mileage/essential)\
[마일리지 사용설정](/mileage/used)\
[마일리지 지급설정](/mileage/postmileage)\
[마일리지 지급/차감 내역](/mileage/history)

</details>

<details>

<summary>7<strong>단계 : 알림 관리</strong></summary>

자동 메일 설정 및 내가 원하는 형식으로 메일을 작성하여 발송하실 수 있고, 발송 내역도 확인할 수 있어요!

[자동 메일 설정](/notification/setup)\
[자동 메일 템플릿 리스트](/notification/template)\
[자동 메일 발송내역](/notification/history)

</details>

<details>

<summary>8<strong>단계 : 프로모션 관리</strong></summary>

다양한 CRM 도구와 활용하여 컨버전을 높힐 수 있는 방법 중 하나인, 프로모션 기능을 통해 구매로 전환을 시도해 보세요.

[쿠폰 리스트](/promotion/coupon)\
[출석체크 리스트](/promotion/attend)\
[진척율 프로모션 리스트](/promotion/flag)

</details>

<details>

<summary>9<strong>단계 : 게시판 관리</strong></summary>

리뷰 게시판과 다양한 게시판을 권한별로 설정하여 강사 및 수강생들이 질문과 답변, 다양한 소통을 할 수 있는 창구를 만들어보세요.

[게시판 리스트](/board/list)\
[게시판 등록](/board/add)\
[게시글 리스트](/board/articlelist)\
[베스트 리뷰](/board/bestreview)

</details>

<details>

<summary>10<strong>단계 : 디자인 관리</strong></summary>

상단 메뉴 설정부터, 다양한 페이지를 사이트 운영자가 원하는 대로 설정할 수 있습니다. 나만의 사이트를 ledu Studio를 통해 손 쉽게 구성해 보세요.

[상단 메뉴 리스트](/design/topnavi)\
[메인 배너 리스트](/design/banner)\
[랜딩 페이지 리스트](/design/landing)\
[ledu STUDIO](/design/ledu-studio)

</details>

<details>

<summary>11<strong>단계 : 매출/환불 관리</strong></summary>

상단 메뉴 설정부터, 다양한 페이지를 사이트 운영자가 원하는 대로 설정할 수 있습니다. 나만의 사이트를 ledu Studio를 통해 손 쉽게 구성해 보세요.

[매출 관리](/sales/sales-dashboard)\
[환불 관리](/sales/refund)\
[요금 청구 리스트](/sales/billing)

</details>


# 몰 기본 정보

{% hint style="info" %}
몰 기본 정보는 사이트에 전반적인 정보를 기입하는 화면입니다.
{% endhint %}

<figure><img src="https://1736609049-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FhXqpQKK3ny5H23yHno34%2Fuploads%2FXieNzZU1019CcrfFG3aW%2Fimage.png?alt=media&amp;token=e42a81c5-fbb8-4ab1-9e9b-fde9201ff129" alt=""><figcaption></figcaption></figure>

{% hint style="info" %}
포털 사이트에서 당사의 사이트를 나타내는 정보 입니다.
{% endhint %}

<table><thead><tr><th width="62">순번</th><th width="170">필드명</th><th>설명</th></tr></thead><tbody><tr><td>1</td><td><strong>몰 이름</strong></td><td>사이트 내 표시하고 싶은 웹 사이트 이름을 입력해주세요.</td></tr><tr><td>2</td><td><strong>영문 몰 이름</strong> (선택)</td><td>사이트 내 표시하고 싶은 웹 사이트 이름의 영문을 입력해주세요.</td></tr><tr><td>3</td><td><strong>몰 상단 타이틀 명</strong></td><td>인터넷 브라우저 상단에 보여지는 페이지 제목을 입력해주세요.<br>(브라우저 노출 글자 제한이 있으므로, 10자 이내 추천)</td></tr><tr><td>4</td><td><strong>도메인 설정</strong></td><td>자신의 사이트를 운영할 도메인 주소를 입력해주세요.</td></tr><tr><td>5</td><td><strong>로고 설정</strong></td><td>사이트 내 사용 할 로고를 업로드 해주시기 바랍니다.</td></tr><tr><td>6</td><td><strong>파비콘 설정</strong></td><td>사이트 내 사용할 파비콘을 업로드 해주시기 바랍니다.</td></tr></tbody></table>

{% hint style="info" %}
파비콘 설정 추천 사이즈   512 x 512px
{% endhint %}

<figure><img src="https://1736609049-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FhXqpQKK3ny5H23yHno34%2Fuploads%2FeckFJolSUbq2cnwjNOmP%2Fimage.png?alt=media&amp;token=a7f9768b-439d-4b86-9489-3f4913a24bb4" alt=""><figcaption></figcaption></figure>

{% hint style="info" %}
사이트 하단에 간단한 귀사의 정보를 입력해주시기 바랍니다.
{% endhint %}

<table><thead><tr><th width="66">순번</th><th width="208">필드명</th><th>설명</th></tr></thead><tbody><tr><td>1</td><td>상호명</td><td><p>사이트를 운영하기 위한 귀사의 상호명을 입력해주세요.</p><p>(ex. 레듀 주식회사)</p></td></tr><tr><td>2</td><td>사업자등록번호</td><td>귀사의 사업자 등록 번호를 입력해주세요.</td></tr><tr><td>3</td><td>대표자명</td><td>귀사의 대표자 명을 입력해주세요.</td></tr><tr><td>4</td><td>업태</td><td><p>귀사의 사업자 등록증에 명시되어있는 업태를 입력해주세요.</p><p>(정보통신업, 제조업, 도매 및 소매업 등 한가지만 작성)</p></td></tr><tr><td>5</td><td>업종</td><td><p>귀사의 사업자 등록증에 명시되어있는 업종을 입력해주세요.</p><p>(데이터베이스 및 온라인 정보 제공업, 학원, 온라인 교육학원 등 한가지만 작성)</p></td></tr><tr><td>6</td><td>대표 이메일</td><td>귀사에서 사용되는 이메일을 입력해주시기 바랍니다.</td></tr><tr><td>7</td><td>사업장 주소</td><td>귀사의 사업자 등록증에 명시되어있는 사업장 주소를 입력해주시기 바랍니다.</td></tr><tr><td>8</td><td>대표 전화번호</td><td>귀사에서 사용되는 전화번호를 입력해주시기 바랍니다.</td></tr><tr><td>9</td><td>통신판매신고번호(선택)</td><td>귀사의 통신판매신고번호를 입력해주시기 바랍니다.</td></tr><tr><td>10</td><td>원격학원신고번호(선택)</td><td>귀사의 원격학원신고번호를 입력해주시기 바랍니다.</td></tr><tr><td>11</td><td>사이트 컬러셋 설정</td><td>사이트 내 퍼스널 컬러를 설정해주세요.</td></tr></tbody></table>

{% hint style="info" %}
**통신판매신고번호 조회 방법**

[\[공정거래위원회 홈페이지\]](https://www.ftc.go.kr/) - 정보공개 - 사업자 정보공개 - 통신판매사업자 - 통신판매사업자 조회 클릭 - 자신의 사업자등록증번호를 검색하여 조회가 가능합니다.
{% endhint %}

<div align="left"><figure><img src="https://1736609049-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FhXqpQKK3ny5H23yHno34%2Fuploads%2FQNl2w03oEe2w77waS3nA%2Fimage.png?alt=media&amp;token=c889d42c-0b2d-40a9-82e3-10a49dab2b80" alt=""><figcaption></figcaption></figure></div>

{% hint style="info" %}
모든 내용은 수정 후 '**저장하기**' 버튼을 반드시 눌러주셔야합니다.
{% endhint %}


# 약관 / 개인정보처리방침

레듀 LMS를 통해 교육 서비스 사업을 지속하기 위해서는 이용약관(Term of Used)와 개인정보처리방침(Privacy Policy)를 설정해 주셔야 합니다.

{% hint style="danger" %}
주식회사 로워드는 이용약관 및 개인정보처리방침의 미흡 및 미기재로 인한 불이익 발생 시 책임지지 않고 있으며, 중재의 대상자가 아닙니다.
{% endhint %}

이용약관은 표준 사이트 이용약관을 입력하시면 되며, 각 클래스 별 환불 정책은 [클래스 등록/수정하기](/class/setup)의 환불 정책 설정 칸에서 기입하여 주시기 바랍니다.

이용약관 및 개인정보처리방침 내의 약관 수정이 있을 경우 이용자에게 불리한 내용이 있을 경우, 30일 전으로 고지하는 것을 권장하고 있습니다. 또한 레듀 LMS에서는 이용약관 및 개인정보처리방침의 버전을 관리할 수 있어 이용자가 어떤 내용이 언제부터 변경되었는지 확인이 가능합니다.

개인정보처리방침 상 이용하는 외부서비스 및 SaaS 등에 대하여 개인정보 수집에 대한 고지 의무가 있습니다. 예) Google | 사용 목적 : 이용자 통계 및 분석 | 수집 기간 : 수집 후 2년 간 등

{% hint style="info" %}
관리자 페이지 내에서 이용자의 데이터를 다운로드 받을 시, 외부 유출에 대해 유의하시기 바라며, 개인정보가 수집되어 있는 데이터의 경우 비밀번호를 필히 설정하여 주시기 바랍니다.
{% endhint %}

개인정보를 제 3자에게 제공해야 하는 경우, 개인정보 수집 항목, 수집 사유, 보유 기간, 제3자 제공자 등의 정보를 충분히 제공하고, 수집 및 이용 동의를 받아야 합니다.

표준 이용약관 및 개인정보처리방침은 [공정거래위원회](https://www.ftc.go.kr/) 확인 가능합니다.

***

#### **약관 관리**

{% hint style="info" %}
사이트 내 이용약관을 입력해주시기 바랍니다.
{% endhint %}

<figure><img src="https://1736609049-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FhXqpQKK3ny5H23yHno34%2Fuploads%2FP96J1En9RxjVNLPExFR6%2F%EC%95%BD%EA%B4%80%EA%B4%80%EB%A6%AC.png?alt=media&amp;token=8489f603-4547-4fdf-af43-918ee7d0e0b1" alt=""><figcaption></figcaption></figure>

{% hint style="info" %}
사이트 내 이용약관 설정 및 기존 이용약관을 '**버전 선택**'을 통해 확인 할 수 있습니다.
{% endhint %}

<div align="left"><figure><img src="https://1736609049-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FhXqpQKK3ny5H23yHno34%2Fuploads%2F46RVS7FUVZW4zPqpb85C%2Fimage.png?alt=media&amp;token=996fe006-28ab-4e95-be75-53cedc3180fc" alt=""><figcaption></figcaption></figure></div>

{% hint style="info" %}
모든 내용은 수정 후 '**저장하기**' 버튼을 반드시 눌러주셔야합니다.
{% endhint %}

***

#### **개인정보처리방침**

{% hint style="info" %}
사이트 내 개인정보처리방침을 입력해주시기 바랍니다.
{% endhint %}

<figure><img src="https://1736609049-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FhXqpQKK3ny5H23yHno34%2Fuploads%2F8O35dlY4mtSvHGPfNFKy%2F%EA%B0%9C%EC%9D%B8%EC%A0%95%EB%B3%B4%EC%B2%98%EB%A6%AC%EB%B0%A9%EC%B9%A8.png?alt=media&amp;token=e3996a2f-3620-4c74-9ae6-35caf906d8b2" alt=""><figcaption></figcaption></figure>

{% hint style="info" %}
개인정보처리방침 설정 및 기존 개인정보처리방침을 '**버전 선택**'을 통해 확인 할 수 있습니다.
{% endhint %}

<table><thead><tr><th width="84">순번</th><th width="253">필드 명</th><th>설명</th></tr></thead><tbody><tr><td>1</td><td>개인정보 보호책임자 이름</td><td>책임자의 이름을 입력해주세요.</td></tr><tr><td>2</td><td>개인정보 보호책임자 직책</td><td>책임자의 직책을 입력해주세요.</td></tr><tr><td>3</td><td>개인정보 보호책임자 전화번호</td><td>책임자의 전화번호를 입력해주세요.</td></tr><tr><td>4</td><td>개인정보 보호책임자 부서</td><td>책임자의 부서를 입력해주세요.</td></tr><tr><td>5</td><td>개인정보 보호책임자 메일</td><td>책임자의 메일을 입력해주세요.</td></tr></tbody></table>

<div align="left"><figure><img src="https://1736609049-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FhXqpQKK3ny5H23yHno34%2Fuploads%2F46RVS7FUVZW4zPqpb85C%2Fimage.png?alt=media&amp;token=996fe006-28ab-4e95-be75-53cedc3180fc" alt=""><figcaption></figcaption></figure></div>

{% hint style="info" %}
모든 내용은 수정 후 '**저장하기**' 버튼을 반드시 눌러주셔야합니다.
{% endhint %}


# 검색엔진최적화 (SEO)

{% hint style="info" %}
**검색엔진최적화 (SEO, Search Engine Optimization)란?**

구글 및 네이버, 다음 등 각종 포털 사이트에 우리의 사이트가 식별될 수 있도록 최적화 작업을 하는 것을 의미합니다. 사이트의 아이콘 및 제목, 사이트 설명 등을 설정하여 이용자들이 우리의 사이트에 대한 내용을 미리 확인할 수 있도록 해보세요.
{% endhint %}

#### **SEO 태그 설정**

<figure><img src="https://1736609049-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FhXqpQKK3ny5H23yHno34%2Fuploads%2FKBeRNnTsUT4kASmvA6VQ%2Fimage.png?alt=media&amp;token=216baab0-86d5-4fbd-81f5-1381f8b81395" alt=""><figcaption></figcaption></figure>

<table><thead><tr><th width="78">순번</th><th width="152">필드 명</th><th>설명</th></tr></thead><tbody><tr><td>1</td><td>title 입력</td><td>검색엔진에 나타낼 매타 타이틀을 입력해주세요.</td></tr><tr><td>2</td><td>author 입력</td><td>검색엔진에 나타낼 부 타이틀을 입력해주세요.</td></tr><tr><td>3</td><td>description 입력</td><td><p>검색엔진에 나타낼 간단한 디스크립션을 설정해주세요.</p><p>(ex. 온라인 교육 서비스 솔루션의 새로운 기준, 레듀)</p></td></tr><tr><td>4</td><td>keywords 입력</td><td><p>검색엔진에서 검색 될 키워드를 입력해주세요.</p><p>(ex. LMS, 로워드, 레듀, 교육서비스)</p></td></tr></tbody></table>

<figure><img src="https://1736609049-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FhXqpQKK3ny5H23yHno34%2Fuploads%2Fw84rAeAFjKWePR9Cd7Hl%2Fimage.png?alt=media&amp;token=176c732d-58c2-46e6-b2ba-091d005002f2" alt=""><figcaption></figcaption></figure>

{% hint style="info" %}
**og 란?**

페이스북, 인스타를 기반으로 한 메타 데이터 프로토콜을 이용한 웹사이트 소셜 미디어 플랫폼에서 공유될 때 링크의 정보를 전달하기 위한 정보입니다.
{% endhint %}

<table><thead><tr><th width="82">순번</th><th width="176">필드 명</th><th>설명</th></tr></thead><tbody><tr><td>1</td><td>og:title 입력</td><td>플랫폼에 나타낼 링크 정보의 타이틀을 입력해주세요.</td></tr><tr><td>2</td><td>og:description 입력</td><td>플랫폼에 나타낼 링크 정보의 디스크립션을 입력해주세요.</td></tr><tr><td>3</td><td>og:image 입력</td><td>플랫폼에 나타낼 링크 정보의 이미지를 입력해주세요.</td></tr></tbody></table>

<figure><img src="https://1736609049-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FhXqpQKK3ny5H23yHno34%2Fuploads%2FDv9o26CfG7Pue5e0fhPa%2Fimage.png?alt=media&amp;token=3c583fbc-810e-4fe8-96f5-3252d9c6a12d" alt=""><figcaption></figcaption></figure>

<table><thead><tr><th width="80">순번</th><th width="209">필드 명 </th><th>설명</th></tr></thead><tbody><tr><td>1</td><td>twitter:title 입력</td><td>트위터에 나타낼 링크 정보의 타이트를 입력해주세요.</td></tr><tr><td>2</td><td>twitter:description 입력</td><td>트위터에 나타낼 링크 정보의 디스크립션을 입력해주세요.</td></tr><tr><td>3</td><td>twitter:image 입력</td><td>트위터에 나타낼 링크 정보의 이미지를 입력해주세요.</td></tr></tbody></table>

***

#### **RSS, 사이트맵 설정**

<figure><img src="https://1736609049-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FhXqpQKK3ny5H23yHno34%2Fuploads%2FBw9GbmQNnfTCHg4cPZui%2Fimage.png?alt=media&amp;token=458841fd-4059-400f-bb59-489f05d14333" alt=""><figcaption></figcaption></figure>

{% hint style="warning" %}
RSS, Sitemap 파일은 직접 생성하여 업로드해주세요.
{% endhint %}

<table><thead><tr><th width="89">순번</th><th width="151">필드 명</th><th>설명</th></tr></thead><tbody><tr><td>1</td><td>RSS 업로드</td><td>사이트의 RSS 파일을 업로드해주시기 바랍니다.</td></tr><tr><td>2</td><td>사이트맵 업로드</td><td>사이트의 Sitemap을 업로드 해주시기 바랍니다.</td></tr></tbody></table>

<div align="left"><figure><img src="https://1736609049-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FhXqpQKK3ny5H23yHno34%2Fuploads%2F46RVS7FUVZW4zPqpb85C%2Fimage.png?alt=media&amp;token=996fe006-28ab-4e95-be75-53cedc3180fc" alt=""><figcaption></figcaption></figure></div>

{% hint style="info" %}
모든 내용은 수정 후 '**저장하기**' 버튼을 반드시 눌러주셔야합니다.
{% endhint %}


# 외부 서비스 설정

{% hint style="info" %}
외부 서비스를 연동하여 사용하실 수 있는 기능입니다.
{% endhint %}

<figure><img src="https://1736609049-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FhXqpQKK3ny5H23yHno34%2Fuploads%2Foe9t3Y7flt9sd9eclvOl%2Fimage.png?alt=media&amp;token=3ce02415-f635-4625-b63e-b18917d63126" alt=""><figcaption></figcaption></figure>

<table><thead><tr><th width="108">순번</th><th width="211">필드 명</th><th>설명</th></tr></thead><tbody><tr><td>1</td><td>채널톡</td><td>외부 서비스로 채널톡 연동이 가능합니다.</td></tr><tr><td>2</td><td>카카오 플러스친구</td><td>외부 서비스로 카카오 플러스친구 연동이 가능합니다.</td></tr><tr><td>3</td><td>Microsoft Clarity</td><td>외부 서비스로 클라리티 연동이 가능합니다.</td></tr><tr><td>4</td><td>Google Analytics 4</td><td>외부 서비스로 애널리틱스 연동이 가능합니다.</td></tr><tr><td>5</td><td>Meta Pixel</td><td>외부 서비스로 매타픽셀 연동이 가능합니다.</td></tr><tr><td>6</td><td>네이버 웹마스터 도구<br>(네이버 서치어드바이저)</td><td>외부 서비스로 서치어드바이저 연동이 가능합니다.</td></tr><tr><td>7</td><td>구글 서치 콘솔</td><td>외부 서비스로 구글 서치 콘솔 연동이 가능합니다.</td></tr></tbody></table>

<figure><img src="https://1736609049-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FhXqpQKK3ny5H23yHno34%2Fuploads%2FakCgHyrlHGuTFDHawZyt%2Fimage.png?alt=media&amp;token=989df5e9-3391-4569-9f7e-1b5c4914f030" alt=""><figcaption></figcaption></figure>

{% hint style="info" %}
외부 서비스에서 제공하는 코드를 가져와 입력해주시기 바랍니다.
{% endhint %}

{% hint style="info" %}
**카카오 로그인 연동 방법**
{% endhint %}

1. <https://developers.kakao.com/> 에 로그인 해주시기 바랍니다.
2. 상단 메뉴 앱 클릭 - 앱 - 일반 - REST API 키 복사 - 레듀 사이트 관리자 - 외부 서비스 - 카카오 로그인에 해당 REST API 키를 붙여넣기하고 저장해주시기 바랍니다.

<figure><img src="https://1736609049-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FhXqpQKK3ny5H23yHno34%2Fuploads%2FcYxhxkDCfe83PJz04vOn%2Fimage.png?alt=media&amp;token=54627c74-0493-4023-a736-12b401908144" alt=""><figcaption></figcaption></figure>

3. 다시한번 디벨로퍼스에 들어가신 후 - 카카오 로그인 - 일반 - 사용 설정에서 상태 ON으로 변경해주시기 바랍니다.

<figure><img src="https://1736609049-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FhXqpQKK3ny5H23yHno34%2Fuploads%2F1t7xQaLh3cjeavdh06lK%2Fimage.png?alt=media&amp;token=38f8f8c9-cbb9-431b-a4a4-1b7d318bb8fd" alt=""><figcaption></figcaption></figure>

4. 하단 부분 리다이렉트 URL 등록해주셔야 합니다. \
   a. 도메인\
   b. 도메인/login \
   c. 도메인/kakao \
   d. 도메인/login/kakao \
   e. 도메인/signup

<figure><img src="https://1736609049-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FhXqpQKK3ny5H23yHno34%2Fuploads%2FICP30jLReI5xBFmC2YkX%2Fimage.png?alt=media&amp;token=2c5a4a6a-3033-49ca-83cd-64814d0a3038" alt=""><figcaption></figcaption></figure>

{% hint style="info" %}
순서대로 진행 해주시기 바랍니다.
{% endhint %}

<div align="left"><figure><img src="https://1736609049-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FhXqpQKK3ny5H23yHno34%2Fuploads%2F46RVS7FUVZW4zPqpb85C%2Fimage.png?alt=media&amp;token=996fe006-28ab-4e95-be75-53cedc3180fc" alt=""><figcaption></figcaption></figure></div>

{% hint style="info" %}
모든 내용은 수정 후 '**저장하기**' 버튼을 반드시 눌러주셔야합니다.
{% endhint %}


# 강사관리

{% hint style="info" %}
**강사란?**

해당 사이트의 클래스 별 관리 권한 및 튜터 소개 등을 노출시킬 강사의 정보를 입력해 주시기 바랍니다.  단일 강사의 경우에도 설정하여 주시기 바랍니다.
{% endhint %}

### 강사 등록 하는 방법

<div align="left"><figure><img src="https://1736609049-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FhXqpQKK3ny5H23yHno34%2Fuploads%2FSpQ6UJi0wivra1BFxL7s%2Fimage.png?alt=media&amp;token=247dd544-23e4-4fce-bae9-5ca601a7f096" alt=""><figcaption></figcaption></figure></div>

{% hint style="info" %}
'**등록하기**' 버튼을 누르시면 하단 화면이 나오게 됩니다.
{% endhint %}

<figure><img src="https://1736609049-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FhXqpQKK3ny5H23yHno34%2Fuploads%2F9DErhIKWC3p07IbeXUIZ%2Fimage.png?alt=media&amp;token=6bb7aae1-4c73-4bea-bbf3-e1e4c9d3bb71" alt=""><figcaption></figcaption></figure>

{% hint style="info" %}
강사로 지정하실 아이디를 선택해주세요.
{% endhint %}

<figure><img src="https://1736609049-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FhXqpQKK3ny5H23yHno34%2Fuploads%2FgMTbS2WxlbjrVGa7ibo2%2Fimage.png?alt=media&amp;token=a35cdfc8-787d-46e7-8411-3e38f567fc14" alt=""><figcaption></figcaption></figure>

{% hint style="info" %}
**강사님의 프로필**을 입력해주시면 됩니다.
{% endhint %}

<table><thead><tr><th width="82">순번</th><th width="257">필드 명</th><th>설명</th></tr></thead><tbody><tr><td>1</td><td>사진 업로드</td><td>강사 프로필로 사용될 사진을 237x296로 업로드해주세요.</td></tr><tr><td>2</td><td>표기될 강사 명</td><td>클래스에 표기될 강사 명을 입력해주세요.</td></tr><tr><td>3</td><td>강사 주요 약력을 입력해 주세요</td><td>클래스에 표기될 강사의 약력을 입력해주세요.</td></tr><tr><td>4</td><td>제목</td><td>강조하는 슬로건을 입력해주세요.</td></tr><tr><td>5</td><td>디스크립션</td><td>보조되는 문구 또는 강사의 소개를 간략하게 입력해주세요.</td></tr></tbody></table>

<div align="left"><figure><img src="https://1736609049-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FhXqpQKK3ny5H23yHno34%2Fuploads%2FqGoDvKBP3wvzncaWO70F%2Fimage.png?alt=media&amp;token=514e59c1-54ec-49b1-9106-7675e76aa8d0" alt=""><figcaption></figcaption></figure></div>

{% hint style="info" %}
'**등록하기**' 를 누르시면 강사 지정이 완료됩니다.

[\[**클래스 리스트\]**](/class/list) 에서 **클래스**에 **원하시는 강사**를 **지정**해주시면 됩니다.
{% endhint %}


# 거래처 정보 등록

{% hint style="info" %}
거래처 정보 등록이란?

레듀서비스를 이용해주시는 귀사의 정보를 입력해주시면 됩니다.

해당 정보를 통하여 세금계산서 등 귀사의 정보를 확인하는 용도입니다.
{% endhint %}

<figure><img src="https://1736609049-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FhXqpQKK3ny5H23yHno34%2Fuploads%2FtNO8YNc7hJZtMQdF9xBE%2Fimage.png?alt=media&amp;token=7c30d0ee-2b1f-465c-a1be-c5664097a5e6" alt=""><figcaption></figcaption></figure>

<table><thead><tr><th width="80">순번</th><th width="189">필드 명</th><th>설명</th></tr></thead><tbody><tr><td>1</td><td>거래처 명</td><td>귀사의 상호명을 간단하게 입력해주세요.</td></tr><tr><td>2</td><td>상호명</td><td>사업자 등록증에 명시 된 상호명을 입력해주세요.</td></tr><tr><td>3</td><td>대표자명</td><td>사업자 등록증에 명시 된 대표자명을 입력해주세요.</td></tr><tr><td>4</td><td>사업자등록번호</td><td>사업자 등록증에 명시 된 사업자등록번호를 입력해주세요.</td></tr><tr><td>5</td><td>사업자등록증 첨부</td><td>사업자 등록증을 첨부해주세요.</td></tr><tr><td>6</td><td>업태</td><td>사업자 등록증에 명시 된 업태를 입력해주세요.</td></tr><tr><td>7</td><td>업종</td><td>사업자 등록증에 명시 된 업종을 입력해주세요.</td></tr><tr><td>8</td><td>사업장 주소</td><td>사업자 등록증에 명시 된 사업장 주소를 입력해주세요.</td></tr><tr><td>9</td><td>나머지 주소</td><td>사업자 등록증에 명시 된 나머지 주소를 입력해주세요.</td></tr><tr><td>10</td><td>대표번호</td><td>귀사의 담당자 또는 대표 연락처를 입력해주세요.</td></tr><tr><td>11</td><td>계산서 담당자 명</td><td>귀사의 담당자 또는 대표 성함을 입력해주세요.</td></tr><tr><td>12</td><td>게산서 담당자 이메일</td><td>귀사의 담당자 또는 대표 이메일을 입력해주세요.</td></tr><tr><td>13</td><td>사이트 도메인</td><td>귀사의 도메인 주소를 입력해주세요.</td></tr></tbody></table>

{% hint style="warning" %}
기입을 잘못하는 경우 세금계산서가 발행 안될 수 있습니다.
{% endhint %}

<div align="left"><figure><img src="https://1736609049-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FhXqpQKK3ny5H23yHno34%2Fuploads%2FFKlkZwGpFzsl8rpy2DJT%2Fimage.png?alt=media&amp;token=887bc7c1-486a-4285-85d8-1e6135304b6c" alt=""><figcaption></figcaption></figure></div>

{% hint style="info" %}
모든 설정을 확인 후 '**저장하기**' 버튼을 눌러주세요.
{% endhint %}


# 결제 관리

{% hint style="info" %}
**결제 관리란?**

사이트 내 상품을 구매하는 경우 간편하게 결제하기 위한 PG를 연결 및 설정하는 기능입니다.
{% endhint %}

<figure><img src="https://1736609049-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FhXqpQKK3ny5H23yHno34%2Fuploads%2FweZW8ujZLdVSeGw1Nrdn%2Fimage.png?alt=media&amp;token=cddaf844-ea07-4013-83e5-d632322a07a2" alt=""><figcaption></figcaption></figure>

{% hint style="info" %}
무이자 할부의 경우 카드사마다 지정된 날짜로만 가능합니다.
{% endhint %}

<table><thead><tr><th width="93">순번</th><th width="254">필드 명</th><th>설명</th></tr></thead><tbody><tr><td>1</td><td>PG사 모듈 버전</td><td>레듀 서비스는 한국정보통신의 KICC PG를 사용합니다.</td></tr><tr><td>2</td><td>PG사 ID</td><td>KICC에서 발급받은 ID를 사용하게 됩니다.</td></tr><tr><td>3</td><td>결제수단 설정 (다중 선택)</td><td></td></tr><tr><td>3-1</td><td>가상계좌</td><td>PG사에서 가상계좌를 받아 결제가 가능하게 합니다.</td></tr><tr><td>3-2</td><td>카드결제</td><td>PG사에서 카드 정보를 이용하여 결제가 가능하게 합니다.</td></tr><tr><td>4</td><td>일반 할부설정 (단일 선택)</td><td></td></tr><tr><td>4-1</td><td>일시불 결제</td><td>판매되는 상품을 일시불 결제만 가능하게 합니다.</td></tr><tr><td>4-2</td><td>일반 할부 결제</td><td>판매되는 상품을 일시불 및 할부 결제가 가능하게 합니다.</td></tr><tr><td>5</td><td>일반 할부기간 설정 (다중 선택)</td><td>2~12개월까지 할부결제가 가능하게 합니다.</td></tr><tr><td>6</td><td>무이자 할부 설정</td><td></td></tr><tr><td>6-1</td><td>사용함</td><td>할부 기간동안 무이자로 결제가 되도록 설정합니다.</td></tr><tr><td>6-2</td><td>사용안함</td><td>할부 기간동안 무이자로 설정되지 않습니다.</td></tr><tr><td>6-3</td><td>사용함(PG사 설정에 따름)</td><td>PG사에서 제공되는 할부 개월을 설정합니다.</td></tr><tr><td>7</td><td>가상계좌 입금 기한</td><td>원하는 기한을 입력해주시면 됩니다.</td></tr></tbody></table>


# 어뷰징 관리

{% hint style="info" %}
**어뷰징 관리란?**

사이트 내 이용자들에게 제공되는 서비스기능입니다.
{% endhint %}

<div align="left"><figure><img src="https://1736609049-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FhXqpQKK3ny5H23yHno34%2Fuploads%2FerTm2hudfRHQ9LVCZJiw%2Fimage.png?alt=media&amp;token=26851938-bc96-42fd-912a-80b1f5b80498" alt=""><figcaption></figcaption></figure></div>

<table><thead><tr><th width="77">순번</th><th width="174">필드 명</th><th>설명</th></tr></thead><tbody><tr><td>1</td><td>다중접속 금지 여부</td><td> </td></tr><tr><td>1-1</td><td>사용함</td><td>휴대폰 및 PC에서도 다중 접속이가능해집니다.</td></tr><tr><td>1-2</td><td>사용안함</td><td>하나의 기기에서만 접속이 가능해집니다.</td></tr><tr><td>2</td><td>VOD 워터마크 여부</td><td> </td></tr><tr><td>2-1</td><td>사용함</td><td>VOD를 이용하는 사이트의 경우 자동으로 워터마크가 발행되어 VOD를 보호합니다.</td></tr><tr><td>2-2</td><td>사용안함</td><td>VOD에 워터마크가 발행되지 않고 영상을 내보냅니다.</td></tr><tr><td>3</td><td>액세스 토큰 설정</td><td>사이트에 로그인 후 부재 중일 때 자동으로 로그아웃 처리를 할 수 있도록 처리하는 것을 의미하며, 시간 단위로 설정이 가능합니다.</td></tr></tbody></table>

{% hint style="warning" %}
**토큰은 1시간 설정 시, 이용자가 1시간 동안 행동이 없을 경우 자동으로 로그아웃 처리 됩니다.**
{% endhint %}


# 카카오톡 플러스친구 만들기

<figure><img src="https://1736609049-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FhXqpQKK3ny5H23yHno34%2Fuploads%2FN4R52rkIOo14Ffn1pTsI%2Fdocs-kakaoplus.png?alt=media&amp;token=259b341c-1f56-4f0f-80cf-a4b8ca283071" alt=""><figcaption></figcaption></figure>

## 카카오톡 플러스친구 연동이란?

원활하고 쾌적한 마케팅 환경을 완성시키기 위해 대한민국 전 국민이 사용하는 카카오톡 플러스친구 연동 기능을 지원합니다.

로워드 브릿지 강의 호스팅은 카카오 로그인이 활성화되면, 첫 로그인 혹은 회원가입 시 지정된 카카오톡 플러스 친구 채널로 친구추가가 활성화 되며, 카카오 채널 연동 시 카카오톡 공유하기 기능 또한 활용이 가능합니다.

사업자등록정보가 기입된 상태의 카카오톡 플러스친구 채널이어야 정상적으로 동작합니다.

### 카카오톡 플러스친구 채널이 없어요

카카오톡 플러스친구 채널이 없는 경우, [**카카오 비즈니스**](https://business.kakao.com/)에서 우선 카카오 플러스친구 채널을 생성해야 합니다.\
채널을 생성하는 건 어렵지 않으니 순서대로 따라와 주시면 무난하게 설정이 가능합니다.

**#1. 카카오 비즈니스 접속 후 로그인**

<figure><img src="https://1736609049-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FhXqpQKK3ny5H23yHno34%2Fuploads%2Fo1sDxYlhlzGK9cghulKf%2F%E1%84%89%E1%85%B3%E1%84%8F%E1%85%B3%E1%84%85%E1%85%B5%E1%86%AB%E1%84%89%E1%85%A3%E1%86%BA%202026-01-15%20%E1%84%8B%E1%85%A9%E1%84%92%E1%85%AE%2012.14.14.png?alt=media&amp;token=d7e3b03d-daac-4ffc-a0c1-11b9ff6953e2" alt=""><figcaption><p>카카오 비즈니스 접속 후 로그인 버튼 클릭</p></figcaption></figure>

[카카오 비즈니스 사이트](https://business.kakao.com/)에 접근 후 카카오톡 계정만 있다면 손 쉽게 로그인하실 수 있습니다.\
사이트 접속 이후 우측 상단의 '로그인' 버튼을 클릭하여 카카오 로그인을 진행해 주세요.

**#2. 새 채널 만들기**

<figure><img src="https://1736609049-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FhXqpQKK3ny5H23yHno34%2Fuploads%2FntWrDA3UPs2Ee2G2cjWv%2F%E1%84%89%E1%85%B3%E1%84%8F%E1%85%B3%E1%84%85%E1%85%B5%E1%86%AB%E1%84%89%E1%85%A3%E1%86%BA-2026-01-15-%E1%84%8B%E1%85%A9%E1%84%92%E1%85%AE-12.20.15.png?alt=media&amp;token=22e4ad3d-9e41-42a8-9c39-e185cf3f141e" alt=""><figcaption></figcaption></figure>

로그인에 성공하였다면, 카카오톡에서 검색될 나의 카카오 플러스친구 채널을 생성해야 합니다.\
위 사진과 같이 새 채널을 만들어 주세요.

<figure><img src="https://1736609049-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FhXqpQKK3ny5H23yHno34%2Fuploads%2FCXKmldYfgZKZrmcuWmPI%2F%E1%84%89%E1%85%B3%E1%84%8F%E1%85%B3%E1%84%85%E1%85%B5%E1%86%AB%E1%84%89%E1%85%A3%E1%86%BA%202026-01-15%20%E1%84%8B%E1%85%A9%E1%84%92%E1%85%AE%2012.23.58.png?alt=media&amp;token=8b42104d-1f22-423c-841f-4d2677d50381" alt=""><figcaption></figcaption></figure>

이런 문항들이 있는데, 온라인 사업자이기 때문에 사업자 성격에 맞게 설정해 주시면 생성이 쉽게 됩니다.\
사업자 인증을 시작할 때 모두 입력하면, 자동으로 카카오채널 비즈니스 심사가 시작됩니다.

{% hint style="info" %}
카카오 비즈니스 심사는 영업일 기준 통상 1-2일 소요됩니다.
{% endhint %}

**#3. 카카오 비즈니스 채널 꾸미기**

카카오 플러스친구 채널은 사이트 이용자들이 카카오톡이라는 메신저를 통해 사업체를 접하는 가장 초입이에요.\
이쁘게 꾸며서 채널 구성을 완료해주시고, 완료되었다면 다음 단계로 이어주세요.

### 카카오톡 플러스친구 채널이 있어요

카카오톡 플러스친구 채널이 있으시다면, 내 카카오톡 플러스친구 채널이 비즈니스 등록이 되어 있는지 먼저 확인해야합니다.

[카카오 비즈니스 사이트](https://business.kakao.com/)에 로그인 후 내 채널 관리에서 비즈니스 인증을 받았는지 확인해 보세요.\
카카오 비즈니스 인증이 되지 않은 경우 인증을 진행해 주세요.


# 카카오톡 개발자 도구 설정

<figure><img src="https://1736609049-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FhXqpQKK3ny5H23yHno34%2Fuploads%2FhptcgxNyudzRyn0v9m0z%2Fdocs_kakaodev.png?alt=media&amp;token=0b7296c9-a149-4dec-9943-9d6c76ae9b37" alt=""><figcaption></figcaption></figure>

## 카카오톡 개발자 도구란?

로워드 브릿지 강의 호스팅은 플러스친구 연동 및 카카오 로그인, 공유하기 기능을 제공합니다. 해당 기능을 100% 활용하기 위해서는 카카오톡 개발자 도구 설정이 필요합니다.

[카카오톡 개발자 도구](https://developers.kakao.com/tool)는 이름과 달리 간단하게 설정 가능하니, 무서워할 것 없이 매뉴얼 대로 따라하시면 됩니다.

### 카카오톡 개발자 도구 앱 생성하기

{% hint style="info" %}
이미 사용 중인 앱이 있다면, 설정만 변경해주시면 됩니다.&#x20;

앱 설정 관련된 사항은 #3 앱 설정하기 쪽을 참조해 주세요.
{% endhint %}

**#1. 카카오톡 개발자 도구 사이트에 접속 후 로그인**

[카카오톡 개발자 도구 사이트](https://developers.kakao.com/tool)에 접속해 주세요. 로그인이 되어있지 않다면 사용하실 수 없으니 로그인을 진행해 주세요.\
로그인이 완료되었다면 다음 단계를 이행해 주세요.

**#2. 카카오톡 개발자 도구 앱 페이지 접근 후 앱 생성**

<figure><img src="https://1736609049-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FhXqpQKK3ny5H23yHno34%2Fuploads%2Fv6BJSEt3Pe0fyOuHgJWF%2Fdocs_app.png?alt=media&amp;token=64fa1472-5511-46bc-b17f-7f4d144cf9e1" alt=""><figcaption></figcaption></figure>

카카오톡 개발자 도구 상단 바 메뉴에 앱 메뉴를 클릭하여 접근해 주세요.\
접근 하면 아래와 같은 페이지가 열리게 됩니다.

&#x20;

<figure><img src="https://1736609049-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FhXqpQKK3ny5H23yHno34%2Fuploads%2FRnDDzblyi4nAuYLrou8r%2Fapp_generation.png?alt=media&amp;token=07a1d2df-0b2a-4e6e-963e-df3213d2e595" alt=""><figcaption></figcaption></figure>

우측 상단 상단 바 아래의 파란색 버튼의 **'앱 생성'** 버튼을 클릭하여 앱을 생성해야합니다.\
앱 생성 시 아래와 같은 정보를 받고 있으니 참고하여 미리 준비하시기 바랍니다.

<table><thead><tr><th width="142.30859375">제출 정보</th><th>설명</th><th>비고</th></tr></thead><tbody><tr><td>앱 이름</td><td>사이트 명 입력</td><td></td></tr><tr><td>회사명</td><td>사업자등록증 상 상호명</td><td></td></tr><tr><td>카테고리</td><td>교육 카테고리 선택 </td><td></td></tr><tr><td>앱 대표 도메인</td><td>사이트 도메인이 있을 경우 사이트 도메인 입력, 임시 도메인일 경우 임시도메인 입력</td><td>임시도메인이란? xxx.ledu.kr 등</td></tr><tr><td>앱 아이콘 </td><td>1:1 비율의 앱 아이콘</td><td>128px X 128px 권장</td></tr></tbody></table>

정보를 모두 기입하고 생성하면 앱이 생성되게 됩니다.\
생성된 앱을 클릭하여 앱 설정 화면으로 이동해 주세요.

**#3. 앱 설정하기 (대시보드)**

<figure><img src="https://1736609049-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FhXqpQKK3ny5H23yHno34%2Fuploads%2FEUQD8e7j2nBwz71HG98Y%2F%E1%84%89%E1%85%B3%E1%84%8F%E1%85%B3%E1%84%85%E1%85%B5%E1%86%AB%E1%84%89%E1%85%A3%E1%86%BA%202026-01-15%20%E1%84%8B%E1%85%A9%E1%84%92%E1%85%AE%201.05.08.png?alt=media&amp;token=c7bfe31d-a3c4-4d90-ad98-e5745ee6def2" alt=""><figcaption></figcaption></figure>

앱 설정 화면으로 접근하면 대시보드 페이지가 기본적으로 열리게 됩니다. 대시보드 설정 중 **'비즈 앱 등록'** 버튼을 클릭하여 비즈 앱 인증을 받아주세요.

해당 버튼 클릭 하면, 사업자 정보 등록이 있습니다. 사업자 정보 등록을 완료해 주세요.

{% hint style="info" %}
이미 카카오 비즈니스에서 비즈니스 정보 등록이 완료된 상태라 별도의 추가 입력 없이 넘어갈 수 있습니다.

추가 입력해야 한다면 입력 후 단계를 넘어가 주세요.
{% endhint %}

**#4. 앱 설정하기 (카카오톡 채널)**

카카오톡 플러스친구 채널 비즈니스 인증이 완료되어 있다면 바로 카카오톡 개발자 도구 앱과 카카오톡 플러스친구 채널 간의 연결이 필요합니다.

<figure><img src="https://1736609049-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FhXqpQKK3ny5H23yHno34%2Fuploads%2FdsDpV0Q2u085Hl16NtsX%2Fimage.png?alt=media&amp;token=91e300ee-dd6b-4e6f-84c5-367a522456f2" alt=""><figcaption></figcaption></figure>

좌측 네비게이션 바에서 **앱 > 카카오톡 채널 페이지**에 접근해 주세요.

접근 하면 위 사진과 같이 연결된 카카오톡 채널이 있습니다. 여기서 **비즈니스 채널 연결 버튼**을 클릭해 주세요.\
기존 채널 연결이 안되어 있는 앱의 경우, 아래와 같은 화면이 나타나게 됩니다.

<figure><img src="https://1736609049-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FhXqpQKK3ny5H23yHno34%2Fuploads%2F0q0rX2peo2sH4rsL5pbc%2Fimage.png?alt=media&amp;token=2ae58cd5-14e5-43ad-be67-38eb5ff488c8" alt=""><figcaption></figcaption></figure>

**신청 자격 확인** 버튼을 클릭하여 동의하게 되면 아래와 같이 변경됩니다.

<figure><img src="https://1736609049-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FhXqpQKK3ny5H23yHno34%2Fuploads%2FDCeIwPFNit7pgqGVqpLd%2Fimage.png?alt=media&amp;token=156a5687-f77f-4929-b60a-8e339a331420" alt=""><figcaption></figcaption></figure>

위와 같은 상태로 변경되면 아래 항목들에 대해서 심사 신청을 진행해 주세요.

<table><thead><tr><th width="124.8671875">순서</th><th width="255.2265625">심사 항목</th><th>설명</th></tr></thead><tbody><tr><td>1</td><td>비즈니스 정보 심사</td><td>최 우선적으로 심사 신청을 해야합니다.<br>해당 심사가 되지 않으면, 나머지 항목 심사가 불가능합니다.</td></tr><tr><td>2</td><td>개인정보 동의항목 심사</td><td>이름, 생일, 카카오계정(전화번호) 필수 수집 선택</td></tr><tr><td>3</td><td>카카오톡 채널 연결</td><td>채널 연결 및 대표 채널 설정</td></tr></tbody></table>

{% hint style="danger" %}
꼭 신청 전, 개인정보처리방침 및 이용약관을 설정해 주세요.
{% endhint %}

**#5. 제품 링크 관리 설정**

<figure><img src="https://1736609049-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FhXqpQKK3ny5H23yHno34%2Fuploads%2FlQwQohrR8V9nGNZNMAXY%2Fimage.png?alt=media&amp;token=8304958a-14f4-4eff-8271-d57b4c074ebc" alt=""><figcaption></figcaption></figure>

좌측 네비게이션 바에서 앱 > 제품 링크 관리를 클릭해서 웹 도메인을 추가해 주세요.

내 사이트 도메인을 아래와 같은 포맷으로 입력 후 저장해 주세요.

{% hint style="info" %}
임시 도메인 사용 중이라면 임시 도메인을 입력해서 연동하실 수도 있습니다.\
임시 도메인을 사용할 경우 도메인을 추후에 변경할 때 수정해 주셔야해요.
{% endhint %}

<table><thead><tr><th width="594.66796875">웹 도메인</th><th>속성</th></tr></thead><tbody><tr><td>https://내 사이트 도메인</td><td>기본</td></tr><tr><td>https://www.내 사이트도메인</td><td></td></tr></tbody></table>

**#6. 플랫폼 키 수정 (REST API 키)**

좌측 네비게이션 바에서 앱 > 플랫폼 키 페이지로 이동해 주세요.

<figure><img src="https://1736609049-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FhXqpQKK3ny5H23yHno34%2Fuploads%2F5y2v6gGNfW4JBje2uulu%2Fimage.png?alt=media&amp;token=94ed1b68-df73-42ab-991c-8195e99d52e7" alt=""><figcaption></figcaption></figure>

위와 같이 접근하면 기본적으로 'Default REST\_API\_KEY'가 있는데 클릭해서 이동해 주세요. 없을 경우 키 추가 해주세요.

이동한 페이지 내부에 카카오 로그인 리다이렉트 URI 항목이 있습니다. 아래와 같은 URL을 추가해 주시기 바랍니다.

<figure><img src="https://1736609049-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FhXqpQKK3ny5H23yHno34%2Fuploads%2F1vPFG2dlhpqTHQr9Q4ND%2Fimage.png?alt=media&amp;token=85170091-8e41-4f75-ae60-da4f542280a9" alt=""><figcaption></figcaption></figure>

<table><thead><tr><th width="536.40625">URI</th><th>비고</th></tr></thead><tbody><tr><td>https://내 도메인 주소</td><td>기본</td></tr><tr><td>https://내 도메인 주소/login</td><td></td></tr><tr><td>https://내 도메인 주소/kakao</td><td></td></tr><tr><td>https://내 도메인 주소/login/kakao</td><td></td></tr><tr><td>https://내 도메인 주소/signup</td><td></td></tr></tbody></table>

이후 저장 버튼 클릭하여 저장해 주세요.

**#7. 플랫폼 키 수정 (JavaScript 키)**

좌측 네비게이션 바에서 앱 > 플랫폼 키 페이지로 이동해 주세요.

<figure><img src="https://1736609049-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FhXqpQKK3ny5H23yHno34%2Fuploads%2FxhsTrqnVUZwerC5BvBbc%2Fimage.png?alt=media&amp;token=91388009-e3da-42ea-997c-f14f7ff2a17f" alt=""><figcaption></figcaption></figure>

위와 같이 접근하면 기본적으로 'Default JAVASCRIPT\_KEY'가 있는데 클릭해서 이동해 주세요. 없을 경우 키 추가 해주세요.

이동한 페이지 내부에 **JavaScript SDK 도메인과 카카오 로그인 리다이렉트 URI 항목**이 있습니다. 아래와 같은 URL을 추가해 주시기 바랍니다.

<figure><img src="https://1736609049-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FhXqpQKK3ny5H23yHno34%2Fuploads%2F1vPFG2dlhpqTHQr9Q4ND%2Fimage.png?alt=media&amp;token=85170091-8e41-4f75-ae60-da4f542280a9" alt=""><figcaption></figcaption></figure>

<table><thead><tr><th width="536.40625">URI</th><th>비고</th></tr></thead><tbody><tr><td>https://내 도메인 주소</td><td>기본</td></tr><tr><td>https://내 도메인 주소/login</td><td></td></tr><tr><td>https://내 도메인 주소/kakao</td><td></td></tr><tr><td>https://내 도메인 주소/login/kakao</td><td></td></tr><tr><td>https://내 도메인 주소/signup</td><td></td></tr></tbody></table>

기존 REST API 키와 설정이 동일합니다.

{% hint style="danger" %}
꼭 JAVASCRIPT SDK 도메인과 카카오 로그인 리다이렉트 URI를 동일하게 설정해 주셔야 합니다.
{% endhint %}


# 카카오 간편 로그인 연동

<figure><img src="https://1736609049-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FhXqpQKK3ny5H23yHno34%2Fuploads%2FsebwSyWAC8f8UnIvrHWA%2Fdocs_kakaologin.png?alt=media&amp;token=7cd34cd5-eaf5-449a-b064-baa710032847" alt=""><figcaption></figcaption></figure>

## 카카오톡 간편 로그인 연동이란?

{% hint style="info" %}
카카오톡 간편 로그인이 활성화되면, 이메일을 통한 일반 가입은 불가능합니다.
{% endhint %}

카카오톡 간편 로그인을 통해 로그인 하면, 카카오톡 플러스친구 채널 친구 추가 유도가 자동으로 일어나는 것, 알고 계신가요?

로워드 브릿지 강의 호스팅에서 [카카오톡 플러스친구 만들기](/kakao/pluschannel)와 [카카오톡 개발자 도구 설정](/kakao/developers)이 완료되었으면 바로 카카오 로그인 연동이 3분 만에 가능합니다.

### 카카오톡 간편 로그인 시작하기

<figure><img src="https://1736609049-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FhXqpQKK3ny5H23yHno34%2Fuploads%2FdURGST3H8gCGyFaIRBF0%2Fimage.png?alt=media&amp;token=cce03b2c-63c7-4ccc-8e61-f13377868586" alt=""><figcaption></figcaption></figure>

로워드 브릿지 강의 호스팅에서 바로 연동을 하기 위해서는 관리자 페이지로 접근해야 합니다.\
로워드 브릿지를 통해 개설된 강의 호스팅 관리자 페이지에서 **기본관리 > 외부 서비스 설정** 페이지로 이동해 주세요.

이동 하면 강의 호스팅 서비스에서 쉽게 연동할 수 있는 항목이 나열됩니다.

<figure><img src="https://1736609049-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FhXqpQKK3ny5H23yHno34%2Fuploads%2FGO2gmEt5VdGmE1zolorU%2Fimage.png?alt=media&amp;token=8b227547-1c56-4c00-9434-e7f662d073ae" alt=""><figcaption></figcaption></figure>

카카오 로그인 항목에 수정 버튼을 클릭하여 수정 페이지로 접속합니다.\
해당 페이지로 접속하면 아래와 같은 사진처럼 나타납니다.

<figure><img src="https://1736609049-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FhXqpQKK3ny5H23yHno34%2Fuploads%2FSB3K2WRJqXspv2iVAytd%2Fimage.png?alt=media&amp;token=3f51ce3f-1050-4eee-9f35-45cb34eb5213" alt=""><figcaption></figcaption></figure>

빈 칸에 [카카오톡 개발자 도구 설정](/kakao/developers)에서 설정했었던 REST API키를 복사하여 입력해 줍니다.\
[카카오톡 개발자 도구 사이트 바로가기](https://developers.kakao.com/)

복사한 키를 빈 칸 입력하는 입력창에 붙혀넣고 사용함 처리 후 저장하기 버튼을 클릭해주세요.\
저장하는 순간 카카오 로그인을 통해서만 회원가입이 가능해지며, 이메일을 통한 일반 회원가입은 불가능해 집니다.

**왜 카카오 로그인 설정을 하면 이메일 회원가입을 못하게 하나요?**\
여러 플랫폼의 가맹점 데이터를 종합하여 봤을 때 고객 여정상 고객 DB를 자산화 하기 위해서는 가입 퍼널을 하나로 유지하는 것이 유리하다는 판단입니다.

{% hint style="info" %}
이메일 로그인은 가능합니다.
{% endhint %}


# 카카오톡 공유하기 기능 설정

<figure><img src="https://1736609049-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FhXqpQKK3ny5H23yHno34%2Fuploads%2F3hGWtdFAh0UlCLl6Dv40%2Fdocs_share.png?alt=media&amp;token=12b2ca7c-a2d6-4213-a63e-cabeca851cf8" alt=""><figcaption></figcaption></figure>

## 카카오톡 공유하기란?

<div align="left"><figure><img src="https://1736609049-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FhXqpQKK3ny5H23yHno34%2Fuploads%2FYpcbA0dKOVLezShlRx5W%2Fimage.png?alt=media&amp;token=535bd895-832c-4abe-aacc-abafff97f1cf" alt="" width="375"><figcaption></figcaption></figure></div>

로워드 브릿지 강의 호스팅 내 클래스 등 카카오톡으로 사이트에 접속하는 이용자가 쉽게 공유할 수 있도록 하는 기능입니다.

로워드 브릿지 강의 호스팅에서 [카카오톡 플러스친구 만들기](/kakao/pluschannel)와 [카카오톡 개발자 도구 설정](/kakao/developers)이 완료되었으면 바로 3분 만에 가능합니다.

### 카카오톡 공유하기 시작하기

<figure><img src="https://1736609049-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FhXqpQKK3ny5H23yHno34%2Fuploads%2FdURGST3H8gCGyFaIRBF0%2Fimage.png?alt=media&amp;token=cce03b2c-63c7-4ccc-8e61-f13377868586" alt=""><figcaption></figcaption></figure>

로워드 브릿지 강의 호스팅에서 바로 연동을 하기 위해서는 관리자 페이지로 접근해야 합니다.\
로워드 브릿지를 통해 개설된 강의 호스팅 관리자 페이지에서 **기본관리 > 외부 서비스 설정** 페이지로 이동해 주세요.

이동 하면 강의 호스팅 서비스에서 쉽게 연동할 수 있는 항목이 나열됩니다.

<figure><img src="https://1736609049-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FhXqpQKK3ny5H23yHno34%2Fuploads%2FYBb1c0nU26L0vYoUSfLo%2Fimage.png?alt=media&amp;token=09c338d2-8008-4e19-8400-1ad0f5c8b42a" alt=""><figcaption></figcaption></figure>

카카오톡 공유 항목에 수정 버튼을 클릭하여 수정 페이지로 접속합니다.\
해당 페이지로 접속하면 아래와 같은 사진처럼 나타납니다.

<figure><img src="https://1736609049-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FhXqpQKK3ny5H23yHno34%2Fuploads%2FEMMUIvihP4GKOOs5u7Du%2Fimage.png?alt=media&amp;token=abd2c6d9-67f2-4a3a-81a1-5fa6cedbed3f" alt=""><figcaption></figcaption></figure>

빈 칸에 [카카오톡 개발자 도구 설정](/kakao/developers)에서 설정했었던 JAVASCRIPT API키를 복사하여 입력해 줍니다.\
[카카오톡 개발자 도구 사이트 바로가기](https://developers.kakao.com/)

복사한 키를 빈 칸 입력하는 입력창에 붙혀넣고 사용함 처리 후 저장하기 버튼을 클릭해주세요.\
설정이 완료되면 클래스 상세페이지 내에 카카오톡 공유하기 버튼이 활성화 됩니다.

{% hint style="info" %}
여기까지 카카오 설정이 완료되었습니다.

이외 궁금하신 사항이 있다면, 관리자 페이지 우측 하단 문의하기를 통해 연락주세요.
{% endhint %}


# 구글 태그 매니저 설정

<figure><img src="https://1736609049-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FhXqpQKK3ny5H23yHno34%2Fuploads%2FRfUevukSwnp6fWagBEZF%2Fdocs_analytics.png?alt=media&amp;token=2320b716-70ac-4be0-9d59-fb2f4c4798a4" alt=""><figcaption></figcaption></figure>

## 구글 태그 매니저란?

로워드 브릿지 강의 호스팅 내 다양한 이벤트 (주문하기, 주문 하기 직전, 로그인 등)을 추적하여 채널톡과 연결해서 사용하거나 구글 애널리틱스 등에서 이벤트 통계를 통해 분석 및 조회가 가능하도록 돕는 유틸리티입니다.

구글 애널리틱스가 이미 설치 및 설정되어 있다면 구글 태그 매니저 설정쪽으로 이동해 주세요.

### 구글 애널리틱스 (Google Analytics 4) 설치하기

[구글 애널리틱스 사이트](https://analytics.google.com/)에 접속하여 로그인해 주세요.\
구글 애널리틱스 설치를 위해서 이메일 인증이 가능한 구글 계정이 필요합니다.

<figure><img src="https://1736609049-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FhXqpQKK3ny5H23yHno34%2Fuploads%2Fwtrg3HELVScpcvt2NymA%2Fimage.png?alt=media&amp;token=29c7f76a-ba8f-490d-8c12-5f4db3003f56" alt=""><figcaption></figcaption></figure>

로그인 후 구글 애널리틱스 사이트에 접근하면 위 사진과 같이 측정 시작 버튼이 있습니다.\
해당 버튼을 클릭하여 내 사이트에 구글 애널리틱스 설치를 시작할 수 있습니다.

#### 1. 구글 애널리틱스 계정 생성하기

<figure><img src="https://1736609049-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FhXqpQKK3ny5H23yHno34%2Fuploads%2FVOMz5imtpbGn4KO8KCrw%2Fimage.png?alt=media&amp;token=d3951d79-ccf3-4577-becc-22f9c9dcd7e7" alt=""><figcaption></figcaption></figure>

구글 애널리틱스 측정 시작을 클릭하면 위와 같이 구글 애널리틱스 설정을 할 수 있는 입력 폼이 나타납니다.\
계정 이름으로는 현재 운영 중인 사이트 명을 입력해 주세요.

{% hint style="info" %}
**구글 애널리틱스 계정이 무엇인가요?**

구글 애널리틱스 계정은 하나의 상위 폴더라고 이해하면 쉽습니다.\
해당 계정 내에 여러가지 속성을 추가할 수 있고 여기서 속성은 사이트가 될 수도, 페이지가 될 수도 있습니다.\
예를 들어 워드프레스 사이트를 운영하고 한 눈에 보고 싶다면, 계정 명을 워드프레스 속성 명을 워드프레스 블로그 이름으로 정하면 쉽게 정렬이 가능합니다.

또한 계정 및 속성 별로 사용자 권한을 지급할 수 있으니, 권한 지급을 위해서 분리 하는 것을 권장합니다
{% endhint %}

#### 2. 구글 애널리틱스 속성 생성하기

<figure><img src="https://1736609049-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FhXqpQKK3ny5H23yHno34%2Fuploads%2FnDwND9JPKPikfU3oQ3Bw%2Fimage.png?alt=media&amp;token=c721c210-9523-4604-a998-a14489cc9986" alt=""><figcaption></figcaption></figure>

계정명 설정을 마쳤다면, 속성을 생성해야합니다.

여기서 속성은 사이트 명을 입력하시고, 대한민국 시간대 및 통화를 대한민국 원으로 잡아주세요.\
해당 설정을 하지 않으면 매출이 발생해도 달러로 표기되거나, 통계 시간대가 맞지 않습니다.

#### 3. 비즈니스 규모 설정

<figure><img src="https://1736609049-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FhXqpQKK3ny5H23yHno34%2Fuploads%2F9k7TecMiwKW6FHcuuhdi%2Fimage.png?alt=media&amp;token=b8f269a1-d382-4507-8cf4-cf0d186c622d" alt=""><figcaption></figcaption></figure>

비즈니스 규모 및 업종 카테고리 설정이 필요합니다. 해당 설정을 통하면 표준 편차값 등을 구글 애널리틱스 상에서 제공 받을 수 있습니다.

비즈니스 규모는 현재 구성원 규모에 따라 설정해주시면 됩니다.

<figure><img src="https://1736609049-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FhXqpQKK3ny5H23yHno34%2Fuploads%2F8qh8YLKOQPr40Rd0yTze%2Fimage.png?alt=media&amp;token=a6805372-1c54-4ebe-87f5-2f998e4a30a7" alt=""><figcaption></figcaption></figure>

이후 비즈니스 목표는 리드 생성, 판매 촉진, 웹 또는 앱 트래픽 파악, 사용자 참여 발생 시간 및 유지율 보기 4가지 항목을 모두 체크해 주세요. (기타 비즈니스 목표는 설정하지 않아도 됩니다.)

해당 항목들을 설정하면 위와 맞춤형 보고서로 구글 애널리틱스 최초 설정이 완료됩니다.\
선택을 완료했다면 만들기 버튼을 클릭하여 연동 준비를 해주세요.

#### 4. 구글 애널리틱스 데이터 수집 연동

<figure><img src="https://1736609049-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FhXqpQKK3ny5H23yHno34%2Fuploads%2FqAzSavn8zu4RW5FaXaB5%2Fimage.png?alt=media&amp;token=86d98d80-32b9-4112-ba4d-8a70feba5f91" alt=""><figcaption></figcaption></figure>

속성 만들기가 되었다면, 이제 내 사이트에 구글 애널리틱스를 연동해 줘야 합니다.

<figure><img src="https://1736609049-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FhXqpQKK3ny5H23yHno34%2Fuploads%2F6s0UDOTsycDFatSyCa2j%2Fimage.png?alt=media&amp;token=ade876c2-20ae-4b16-ac30-f4dff916af83" alt=""><figcaption></figcaption></figure>

구글 애널리틱스 연동은 간단합니다. 위 사진과 같이 웹 버튼을 클릭하여 웹사이트 URL에 현재 사이트 도메인을 입력해 주세요. 예를 들어 presslearn.co.kr 이라면, 웹사이트 URL에 입력 후 스트림 이름도 구분 가능하게 입력하고 만들고 계속하기를 입력해 주세요.

{% hint style="danger" %}
사이트 도메인이 변경된다면, 변경된 주소를 추가로 수정하여 입력해 줘야 합니다.
{% endhint %}

만들고 계속하기 버튼을 클릭하면, 연동 설정을 진행해야합니다. 아래 사진에 나오는 코드를 복사하여 주세요.\
코드 전체를 복사하시면 안됩니다. 아래 사진 상 해당 칠 되어 있는 코드를 복사해 주셔야 합니다.

<figure><img src="https://1736609049-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FhXqpQKK3ny5H23yHno34%2Fuploads%2FSXIT0KexUcQuL98YPUdt%2Fimage.png?alt=media&amp;token=a5d6aacd-e099-4b38-b9b9-056325c8de69" alt=""><figcaption></figcaption></figure>

복사가 되었다면, 로워드 브릿지 강의 호스팅 관리자에 접속해 주세요. (내 사이트 관리자)\
이후 기본관리 > 외부 서비스 설정 페이지로 접근 후 아래 사진과 같이 외부 서비스 사용 여부를 사용함으로 변경함과 동시에 입력창에 코드를 넣은 뒤, 저장하기 버튼을 클릭하여 주세요.

<figure><img src="https://1736609049-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FhXqpQKK3ny5H23yHno34%2Fuploads%2F7KvZLPg5DyGrCHb1LRK7%2Fimage.png?alt=media&amp;token=2c630799-e4a3-4b12-97f2-12e24fb93db8" alt=""><figcaption></figcaption></figure>

이제 애널리틱스가 1-3분 뒤 데이터를 수집합니다.

{% hint style="info" %}
트래픽이 없다면 수집된 데이터가 없기에 집계가 되지 않는 것처럼 보일 수 있습니다.
{% endhint %}

### 구글 태그 매니저 연결하기

구글 애널리틱스 연결이 끝났다면, 로워드 브릿지 강의 호스팅에서 제공하는 태그 매니저 설정 값대로 연동을 진행해야 합니다. [구글 태그 매니저 사이트](https://tagmanager.google.com/)에 접속해 주세요.

접근 시 로그인이 되어 있는 상태라면 우측 상단 계정 만들기 버튼을 클릭하여 주세요.

<figure><img src="https://1736609049-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FhXqpQKK3ny5H23yHno34%2Fuploads%2FuczgmT1TExds2gP7wwPd%2Fimage.png?alt=media&amp;token=9bdaee54-cd4e-4215-a2c8-9719e17a4aa4" alt=""><figcaption></figcaption></figure>

계정 만들기 버튼을 클릭하면 아래와 같은 항목이 나타나는데, 국가는 대한민국 계정 이름은 내 사이트 명을 입력해 주세요.\
컨테이너 설정 또한 사이트 도메인, 웹을 선택 후 만들기 버튼을 클릭해 주세요.

헷갈린다면 아래 사진과 동일하게 도메인만 수정하여 만들기 버튼을 클릭해 주세요.\
만들기 버튼을 클릭하면 Google 태그 관리자 서비스 이용약관이 나타나게 되는데, 예를 눌러주시기 바랍니다.

<figure><img src="https://1736609049-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FhXqpQKK3ny5H23yHno34%2Fuploads%2F1SzYb16IFpRUSTM7c73C%2Fimage.png?alt=media&amp;token=7c73eecd-a390-4930-af23-a67f13e9434c" alt=""><figcaption></figcaption></figure>

작업 컨테이너가 생성되었으면 로워드 브릿지 강의 호스팅과 연동해야합니다.

연동하기 위해서는 구글 애널리틱스의 연동 방식과 동일하게 진행됩니다. 아래 사진처럼 코드를 복사하여 로워드 브릿지 관리자에서 외부 서비스 연동 처리를 진행해 주세요.

<figure><img src="https://1736609049-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FhXqpQKK3ny5H23yHno34%2Fuploads%2FOXwxmetKalZQbg8gLGGr%2Fimage.png?alt=media&amp;token=c60fac96-9460-4201-8ab3-b3e87e20a35f" alt=""><figcaption></figcaption></figure>

GTM으로 시작되는 코드를 입력해야 합니다. 해당 코드 복사 한 뒤 내 사이트 관리자 내에서 기본관리 > 외부 서비스 설정 > Google Tag Manager 항목 수정 버튼을 클릭하여 코드를 입력해 주시기 바랍니다.

<figure><img src="https://1736609049-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FhXqpQKK3ny5H23yHno34%2Fuploads%2F0odqCvSkb2I3nMsR9vuS%2Fimage.png?alt=media&amp;token=df367d9a-6222-4268-9a92-4b722ed998dc" alt=""><figcaption></figcaption></figure>

1-3분 뒤, 태그 매니저 웹사이트 테스트에서 테스트를 진행하면 정상적으로 연동 된 것을 확인하실 수 있습니다.


# 구글 태그 매니저 채널톡 연동

<figure><img src="https://1736609049-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FhXqpQKK3ny5H23yHno34%2Fuploads%2FvxkhhQzgMTKxjg8YeKLD%2Fdocs_channel.png?alt=media&amp;token=475d85ca-7eb3-4f04-a446-4ac44488c67e" alt=""><figcaption></figcaption></figure>

## 채널톡 연동이란?

구글 태그 매니저에서 설정된 태그와 이벤트를 채널톡에 불러와서 마케팅 캠페인 설정이 가능합니다.\
태그 매니저에 로그인 태그가 있을 경우, 로그인 되었을때 채널톡 메세지 혹은 카카오톡을 보낼 수도 있습니다.

CRM 자동화 및 마케팅 설정을 위해 채널톡 연동을 필수적으로 진행하는 것을 권장합니다.

### 구글 태그 매니저 채널톡 연동

<figure><img src="https://1736609049-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FhXqpQKK3ny5H23yHno34%2Fuploads%2FdIMgZoC207KzZLWZ7b4k%2Fimage.png?alt=media&amp;token=16e9a3b3-74dc-4047-9574-e483b1675edf" alt=""><figcaption></figcaption></figure>

[구글 태그 매니저 사이트](https://tagmanager.google.com/)로 접근하여, 좌측 메뉴의 템플릿 버튼을 클릭해 주세요.\
클릭하여 템플릿 페이지에 접근하면, 우측 태그 템플릿에 갤러리 검색 버튼을 클릭하여 아래 사진과 같이 검색 후 연결해 주세요.

<figure><img src="https://1736609049-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FhXqpQKK3ny5H23yHno34%2Fuploads%2FpHz98vNT9KMkuX7suG6p%2Fimage.png?alt=media&amp;token=3412f063-7b0d-454c-9b3d-ab584bc7e802" alt=""><figcaption></figcaption></figure>

작업 공간에 추가를 통해 추가하면 태그 설정 시 채널톡 전용 태그를 생성할 수 있게 됩니다.\
해당 연결을 하지 않을 경우 구글 태그 매니저에서 채널톡으로 데이터 전송이 어렵습니다.


# 이벤트 변수 설정하기

<figure><img src="https://1736609049-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FhXqpQKK3ny5H23yHno34%2Fuploads%2F10V00RtltLiNP1m4DRia%2Fdocs_var.png?alt=media&amp;token=65b48ef6-a1ab-46fa-b821-da866cc39d10" alt=""><figcaption></figcaption></figure>

## 이벤트 변수란?

특정 이벤트가 발생했을 때, 당시 상황 값들을 구글 태그 매니저 혹은 채널톡으로 전달하기 위한 이벤트 변수입니다.

예를 들어 로그인 이벤트가 발생했을 때, 오류/성공 여부를 method라는 변수에 저장하면, 구글 태그 매니저 혹은 채널톡에서는 method가 오류인 상태인 사람에게 팝업을 띄운다거나, 구글 애널리틱스에서 로그인 실패한 사람의 통계를 확인할 수 있는 등 데이터 수집을 위한 필수적인 구성 요건입니다.

### 변수 추가 방법

<figure><img src="https://1736609049-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FhXqpQKK3ny5H23yHno34%2Fuploads%2FVCi9fuPnWzRB4KTBitTA%2Fimage.png?alt=media&amp;token=bbd8ab6f-cf42-4b38-99a6-39d4f9b1994e" alt=""><figcaption></figcaption></figure>

구글 태그 매니저 콘솔 내, 좌측 메뉴의 **'변수'**&#xB97C; 클릭하여 사용자 정의 변수의 **'새로 만들기'** 버튼을 찾아 누르면 변수 생성이 가능합니다.

로워드 브릿지 강의 호스팅 내에서 변수 유형은 데이터 영역 변수 및 상수 딱 2가지의 유형만 갖고 있습니다.\
데이터 영역 변수의 경우 로워드 브릿지 강의 호스팅 내에서 제공하는 이벤트들의 값을 받아올 수 있습니다.

상수의 경우 구글 애널리틱스 ID, 구글 애즈 ID 등처럼 변하지 않는 상수를 받아오는 유형입니다.

### 정의 해야하는 변수 (추가 해야할 변수)

모든 변수를 사용하지 않아도 되지만 가급적 광고 효율 및 원활한 통계 처리를 위해서 모든 변수를 정의해주시는 것을 권장 드립니다.

<table><thead><tr><th>변수 이름</th><th width="143.46875">변수 유형</th><th width="282.80078125">데이터 영역 변수 이름</th><th>비고</th></tr></thead><tbody><tr><td>category</td><td>데이터 영역 변수</td><td>category</td><td></td></tr><tr><td>class_ids</td><td>데이터 영역 변수</td><td>class_ids</td><td></td></tr><tr><td>coupon</td><td>데이터 영역 변수</td><td>ecommerce.coupon</td><td></td></tr><tr><td>coupon_code</td><td>데이터 영역 변수</td><td>coupon_code</td><td></td></tr><tr><td>coupon_name</td><td>데이터 영역 변수</td><td>ecommerce.coupon_name</td><td></td></tr><tr><td>coupon_value</td><td>데이터 영역 변수</td><td>coupon_value</td><td></td></tr><tr><td>currency</td><td>데이터 영역 변수</td><td>ecommerce.currency</td><td>기본값 설정 KRW</td></tr><tr><td>ecommerce</td><td>데이터 영역 변수</td><td>ecommerce</td><td></td></tr><tr><td>email</td><td>데이터 영역 변수</td><td>email</td><td></td></tr><tr><td>GA4_ID</td><td>상수</td><td>(예: G-XXXXXXXXX)</td><td>구글 애널리틱스 ID</td></tr><tr><td>grade</td><td>데이터 영역 변수</td><td>grade</td><td></td></tr><tr><td>GTAG</td><td>상수</td><td>(예: GTM-XXXXXXXX)</td><td>구글 태그 매니저 ID</td></tr><tr><td>item_id</td><td>데이터 영역 변수</td><td>item_id</td><td></td></tr><tr><td>item_name</td><td>데이터 영역 변수</td><td>item_name</td><td></td></tr><tr><td>items</td><td>데이터 영역 변수</td><td>ecommerce.items</td><td></td></tr><tr><td>method</td><td>데이터 영역 변수</td><td>method</td><td></td></tr><tr><td>mileage</td><td>데이터 영역 변수</td><td>ecommerce.mileage</td><td></td></tr><tr><td>page_path</td><td>데이터 영역 변수</td><td>page_path</td><td></td></tr><tr><td>page_title</td><td>데이터 영역 변수</td><td>page_title</td><td></td></tr><tr><td>page_url</td><td>데이터 영역 변수</td><td>page_url</td><td></td></tr><tr><td>phone</td><td>데이터 영역 변수</td><td>phone</td><td></td></tr><tr><td>price</td><td>데이터 영역 변수</td><td>price</td><td></td></tr><tr><td>quantity</td><td>데이터 영역 변수</td><td>quantity</td><td></td></tr><tr><td>rating</td><td>데이터 영역 변수</td><td>rating</td><td></td></tr><tr><td>review_content</td><td>데이터 영역 변수</td><td>review_content</td><td></td></tr><tr><td>status</td><td>데이터 영역 변수</td><td>status</td><td></td></tr><tr><td>teacher</td><td>데이터 영역 변수</td><td>teacher</td><td></td></tr><tr><td>transaction_id</td><td>데이터 영역 변수</td><td>ecommerce.transaction_id</td><td></td></tr><tr><td>type</td><td>데이터 영역 변수</td><td>type</td><td></td></tr><tr><td>user_id</td><td>데이터 영역 변수</td><td>user_id</td><td></td></tr><tr><td>value</td><td>데이터 영역 변수</td><td>ecommerce.value</td><td></td></tr></tbody></table>

{% hint style="info" %}
추후 템플릿으로 제공될 예정
{% endhint %}

위 변수들은 채널톡과 구글 애널리틱스 이벤트로 관리됩니다.\
웬만해선 전체 추가를 하는 것을 권장 드립니다.


# 트리거 및 태그 설정하기

<figure><img src="https://1736609049-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FhXqpQKK3ny5H23yHno34%2Fuploads%2F7biZP0QuUHkzozZUK9Dd%2Fdocs_trigger.png?alt=media&amp;token=f74d3429-20dc-4490-b126-166d10f65b97" alt=""><figcaption></figcaption></figure>

## 구글 태그 매니저 트리거란?

구글 태그 매니저 트리거는 로워드 브릿지 강의 호스팅 플랫폼 내에서 특정한 이벤트가 발생하면 트리거 형식으로 태그 매니저 쪽으로 전달하게 됩니다.

예를 들어 결제하기 버튼을 통해 사용자가 결제를 완료했을 경우 결제완료 트리거가 동작하여, 이를 GA 및 채널톡으로 전달합니다.

채널톡이나 구글 애널리틱스는 해당 이벤트로 발생된 정보를 저장하여 마케팅 용도 혹은 통계 집계 용도로 확인이 가능합니다.

### 구글 태그 매니저 트리거 추가하는 방법

구글 태그 매니저의 트리거를 추가하기 위해서는 구글 태그 매니저 관리자 내 좌측 > 트리거 메뉴를 클릭하여 페이지를 접근해 주세요.

이후 아래 사진과 같이 '**새로 만들기**' 버튼을 클릭하여 트리거를 초기 구성할 수 있습니다.

<figure><img src="https://1736609049-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FhXqpQKK3ny5H23yHno34%2Fuploads%2F42jIBNRsgo3Mx65tYNRQ%2Fimage.png?alt=media&amp;token=74257a56-caba-47c3-89a3-a7a7ab6d461c" alt=""><figcaption></figcaption></figure>

트리거는 아래와 같이 4가지 요소를 설정할 수 있습니다.

<figure><img src="https://1736609049-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FhXqpQKK3ny5H23yHno34%2Fuploads%2F3qBJhUNm2xe6Fes2n20l%2Fimage.png?alt=media&amp;token=926c8cce-436d-414f-b7ef-45d3f39fe058" alt=""><figcaption></figcaption></figure>

<table><thead><tr><th width="234.22265625">트리거 설정 값</th><th>설명</th></tr></thead><tbody><tr><td>트리거 제목</td><td>(1번)</td></tr><tr><td>트리거 유형</td><td>(2번)</td></tr><tr><td>이벤트 이름</td><td>(3번) 해당 값은 가이드 대로 설정해야 합니다.</td></tr><tr><td>어디서 실행하는 이벤트인지</td><td>(4번)</td></tr></tbody></table>

입력 후 저장 버튼을 클릭하면 트리거가 생성됩니다.

### 구글 태그 매니저 사전 정의된 트리거 설정하기

대부분의 트리거 설정 값을 가이드대로 설정해야 로워드 팀의 설계 기준대로 사이트 셋업을 진행하실 수 있습니다.

<table><thead><tr><th width="211.9609375">(1번) 트리거 제목</th><th width="131.7578125">(2번) 트리거 유형</th><th>(3번) 이벤트 이름</th><th>(4번) 실행 위치</th></tr></thead><tbody><tr><td>write_review</td><td>맞춤 이벤트</td><td>write_review</td><td>모든 맞춤 이벤트</td></tr><tr><td>view_item_trigger</td><td>페이지뷰</td><td></td><td>page_url 포함 /class?lectureId=</td></tr><tr><td>sign_up_trigger</td><td>맞춤 이벤트</td><td>signup</td><td>모든 맞춤 이벤트</td></tr><tr><td>scroll_depth_100percent</td><td>스크롤 깊이</td><td>세로 스크롤 깊이<br>비율 100퍼센트</td><td>모든 페이지</td></tr><tr><td>scroll_depth_75percent</td><td>스크롤 깊이</td><td>세로 스크롤 깊이<br>비율 75퍼센트</td><td>모든 페이지</td></tr><tr><td>scroll_depth_50percent</td><td>스크롤 깊이</td><td>세로 스크롤 깊이<br>비율 50퍼센트</td><td>모든 페이지</td></tr><tr><td>scroll_depth_25percent</td><td>스크롤 깊이</td><td>세로 스크롤 깊이<br>비율 25퍼센트</td><td>모든 페이지</td></tr><tr><td>scroll_depth_10percent</td><td>스크롤 깊이</td><td>세로 스크롤 깊이<br>비율 10퍼센트</td><td>모든 페이지</td></tr><tr><td>purchase_trigger</td><td>맞춤 이벤트</td><td>purchase</td><td>모든 맞춤 이벤트</td></tr><tr><td>page_view_trigger</td><td>페이지뷰</td><td></td><td>page_url 포함 /myClass/vod<br>/myClass</td></tr><tr><td>page_view</td><td>맞춤 이벤트</td><td>page_view</td><td>모든 맞춤 이벤트</td></tr><tr><td>login_trigger</td><td>맞춤 이벤트</td><td>login</td><td>모든 맞춤 이벤트</td></tr><tr><td>lecture_id</td><td>맞춤 이벤트</td><td>lecture_id</td><td>모든 맞춤 이벤트</td></tr><tr><td>coupon_apply_trigger</td><td>맞춤 이벤트</td><td>listup_coupon</td><td>모든 맞춤 이벤트</td></tr><tr><td>begin_checkout_trigger</td><td>맞춤 이벤트</td><td>begin_checkout</td><td>모든 맞춤 이벤트</td></tr><tr><td>purchase_livefree_trigger</td><td>맞춤 이벤트</td><td>purchase_livefree</td><td>모든 맞춤 이벤</td></tr></tbody></table>

위 트리거를 모두 테이블 내용대로 설정한다면 트리거 설정은 완료 되었습니다.

## 구글 태그 매니저 태그란?

구글 태그 매니저 내의 태그란 특정한 행동이나 이벤트가 발생했을 때 태그를 실행시키는 신호입니다.\
로워드 브릿지 강의 호스팅 플랫폼에서는 사용자의 행동(이벤트)이 발생하면 이를 트리거 형태로 구글 태그 매니저에 전달하게 됩니다.

예를 들어 사용자가 로워드 브릿지 강의 호스팅 플랫폼에서 결제를 완료했을 경우

1. 로워드 브릿지 강의 호스팅에서 결제 완료 이벤트 발생
2. 이 이벤트가 구글 태그 매니저의 결제완료 트리거로 전달
3. 해당 트리거가 동작하면서 연결된 GA(구글 애널리틱스)와 채널톡 태그 실행
4. 구글 애널리틱스에는 전환 데이터가 저장되고 채널톡에는 사용자 행동 정보가 기록됩니다.

### 구글 태그 매니저 태그 추가하는 방법

<figure><img src="https://1736609049-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FhXqpQKK3ny5H23yHno34%2Fuploads%2F0Q5mfkVUzvvlgWwB79Qq%2Fimage.png?alt=media&amp;token=d3cfbade-ca79-426d-8a48-991f1d68a3bf" alt=""><figcaption></figcaption></figure>

구글 태그 매니저 관리자 콘솔에서 좌측 태그 메뉴를 클릭해서 태그 설정 화면으로 접속하신 뒤, '새로 만들기' 버튼을 클릭하여 태그를 생성할 수 있습니다.

<figure><img src="https://1736609049-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FhXqpQKK3ny5H23yHno34%2Fuploads%2FIAuLDwKkGjMsgKNGHwzf%2Fimage.png?alt=media&amp;token=1e5678b8-6460-478f-9dd8-59145180ac99" alt=""><figcaption></figcaption></figure>

위 사진과 같이 블록 형식의 빨간 영역을 클릭하게 되면 태그 구성 설정과 트리거 설정들을 할 수 있습니다.\
트리거 설정과 마찬가지로 태그별 이름은 좌 상단에 설정할 수 있습니다.

태그를 생성할때 태그 구성에서 로워드 브릿지 강의 호스팅에서 사용되는 주요 태그 유형은 주로 2가지를 사용합니다.

<table><thead><tr><th width="170.1875">태그 유형</th><th>설명</th></tr></thead><tbody><tr><td>Google 애널리틱스</td><td>태그 발생 시 구글 애널리틱스 매체로 데이터를 전송합니다.</td></tr><tr><td>Channel.io</td><td>태그 발생 시 채널톡으로 데이터를 전송합니다.</td></tr><tr><td>Google Ads(선택)</td><td>구글 광고로 직접 태그 전환을 넘길 경우에만 사용합니다.</td></tr></tbody></table>

{% hint style="info" %}
사전에 채널톡 연동이 되어 있지 않으면, 채널톡 태그 유형은 선택하실 수 없습니다.
{% endhint %}

구글 애널리틱스와 채널톡 둘 다 이벤트를 동시에 발생시키기에, 하나의 태그를 채널톡, Google 애널리틱스 용도로 2개씩 생성해야합니다.

<figure><img src="https://1736609049-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FhXqpQKK3ny5H23yHno34%2Fuploads%2Fng7EOlz14huauLE3m38s%2Fimage.png?alt=media&amp;token=485ca9a2-dde2-48de-92a5-fe1f290bbafe" alt=""><figcaption></figcaption></figure>

구글 애널리틱스 태그 유형의 경우, 꼭 Google 애널리틱스: GA4 이벤트를 클릭해 주세요.

#### Google 애널리틱스: GA4 이벤트 태그 설정 방법

<figure><img src="https://1736609049-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FhXqpQKK3ny5H23yHno34%2Fuploads%2Fz33U6NUre5ANW6nwLEhD%2Fimage.png?alt=media&amp;token=d9f0df77-0642-4eb2-a796-3f4d76c1d221" alt=""><figcaption></figcaption></figure>

구글 애널리틱스 이벤트로 태그 유형을 설정할 경우 측정 ID에 사전에 정의하였던 GA4\_ID 변수를 넣어줍니다.\
여기서 변수 값은 중괄호가 겹쳐진 형태로 변수를 감싸야합니다. \*사진 참고

<figure><img src="https://1736609049-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FhXqpQKK3ny5H23yHno34%2Fuploads%2FTW6Ksbk0e0ZbKk6RtIhc%2Fimage.png?alt=media&amp;token=16fa2d0a-8fcc-4b68-b1d6-3213de7ea9b6" alt=""><figcaption></figcaption></figure>

### 설정해야할 태그 (구글 애널리틱스 태그 유형)

구글 애널리틱스에 설정할 태그에 대한 정리입니다. 각 요소에 맞게 꼭 설정해야 값이 정상적으로 전달됩니다.

<table data-full-width="false"><thead><tr><th width="188.57421875">태그명</th><th width="159.95703125">이벤트 이름</th><th width="296.91015625">이벤트 매개변수 : 값</th><th width="172.94140625">사용자 속성</th><th width="251.328125">트리거</th></tr></thead><tbody><tr><td>GA4_Begin_checkout</td><td>begin_checkout</td><td>lecture: {{item_id}}<br>lecture_name: {{item_name}}<br>quantity: {{quantity}}<br>price: {{price}}<br>currency: {{currency}}</td><td></td><td>begin_checkout_trigger</td></tr><tr><td>GA4_Coupon_listup</td><td>listup_coupon</td><td>code: {{coupon_code}}<br>type: {{type}}<br>status: {{status}}<br>value: {{value}}</td><td>user: {{user_id}}</td><td>coupon_apply_trigger</td></tr><tr><td>GA4_Login</td><td>login</td><td>method: {{method}}<br>status: {{status}}<br>class_ids: {{class_ids}}<br>grade: {{grade}}</td><td>user: {{user_id}}</td><td>login_trigger</td></tr><tr><td>GA4_PageView</td><td>pageview</td><td>refferer: {{Referrer}}<br>URL: {{Page URL}}<br>Path: {{Page Path}}<br>Title: {{page_title}}</td><td>user: {{user_id}}</td><td>All Pages</td></tr><tr><td>GA4_Purchase</td><td>purchase</td><td>transaction_id: {{transaction_id}}<br>value: {{value}}<br>currency: {{currency}}<br>coupon: {{coupon}}<br>coupon_name: {{coupon_name}}<br>mileage: {{mileage}}<br>items: {{items}}</td><td>user: {{user_id}}<br>email: {{email}}<br>phone: {{phone}}<br><br><strong>전자상거래 데이터 전송</strong><br><strong>Data Layer</strong></td><td>purchase_trigger</td></tr><tr><td>GA4_Review_write</td><td>write_review</td><td>lecture: {{item_id}}<br>rating: {{rating}}<br>review_contents: {{review_content}}</td><td>user: {{user_id}}</td><td>write_review</td></tr><tr><td>GA4_scroll_depth_100percent</td><td>scroll100</td><td></td><td><strong>태그 실행 옵션</strong><br>페이지 당 한 번</td><td>scroll_depth_100percent</td></tr><tr><td>GA4_scroll_depth_75percent</td><td>scroll75</td><td></td><td><strong>태그 실행 옵션</strong><br>페이지 당 한 번</td><td>scroll_depth_75percent</td></tr><tr><td>GA4_scroll_depth_50percent</td><td>scroll50</td><td></td><td><strong>태그 실행 옵션</strong><br>페이지 당 한 번</td><td>scroll_depth_50percent</td></tr><tr><td>GA4_scroll_depth_25percent</td><td>scroll25</td><td></td><td><strong>태그 실행 옵션</strong><br>페이지 당 한 번</td><td>scroll_depth_25percent</td></tr><tr><td>GA4_scroll_depth_10percent</td><td>scroll10</td><td></td><td><strong>태그 실행 옵션</strong><br>페이지 당 한 번</td><td>scroll_depth_10percent</td></tr><tr><td>GA4_Signup</td><td>signup</td><td>method: {{method}}<br>status: {{status}}<br>refferer: {{Referrer}}</td><td>user: {{user_id}}</td><td>sign_up_trigger</td></tr><tr><td>GA4_View_item</td><td>view_item</td><td>lecture: {{item_id}}<br>lecture_name: {{item_name}}<br>category: {{category}}<br>teacher: {{teacher}}<br>price: {{price}}<br>currency: {{currency}}</td><td></td><td>view_item_trigger</td></tr><tr><td>Google TAG</td><td>Google 태그<br>(Google 애널리틱스 이벤트 아님)</td><td>{{GA4_ID}}</td><td></td><td>Initialization - All Pages</td></tr><tr><td>GTAG Install</td><td>Google 태그<br>(Google 애널리틱스 이벤트 아님)</td><td>{{GTAG}} </td><td></td><td>Initialization - All Pages</td></tr><tr><td>GA4_Purchase_livefree</td><td>purchase_livefree</td><td><p>transaction_id: {{transaction_id}} value: {{value}}</p><p>currency: {{currency}}</p><p>coupon: {{coupon}}</p><p>coupon_name: {{coupon_name}} mileage: {{mileage}}</p><p>items: {{items}}</p></td><td>user: {{user_id}}<br>email: {{email}}<br>phone: {{phone}}</td><td>purchase_livefree_trigger</td></tr></tbody></table>

### 설정해야할 태그 (Channel.io 태그 유형)

채널톡에 설정할 태그에 대한 정리입니다. 각 요소에 맞게 꼭 설정해야 값이 정상적으로 전달됩니다.\
Action(액션) 값은 무조건 Track (Send Event)로 설정해야합니다.

<table data-full-width="false"><thead><tr><th width="188.57421875">태그명</th><th width="159.18359375">이벤트 이름</th><th width="296.91015625">이벤트 매개변수 : 값</th><th width="251.328125">트리거</th></tr></thead><tbody><tr><td>CH_begin_checkout</td><td>begin_checkout</td><td>lecture: {{item_id}}<br>lecture_name: {{item_name}}<br>quantity: {{quantity}}<br>price: {{price}}<br>currency: {{currency}}</td><td>begin_checkout_trigger</td></tr><tr><td>CH_class_ids</td><td>class_ids</td><td>class_ids: {{class_ids}}</td><td>lecture_id</td></tr><tr><td>CH_coupon_listup</td><td>listup_coupon</td><td>code: {{coupon_code}}<br>type: {{type}}<br>status: {{status}}<br>value: {{value}}<br>user: {{user_id}}</td><td>coupon_apply_trigger</td></tr><tr><td>CH_login</td><td>login</td><td>method: {{method}}<br>status: {{status}}<br>user: {{user_id}}<br>class_ids: {{class_ids}}<br>grade: {{grade}}</td><td>login_trigger</td></tr><tr><td>CH_lecture_id</td><td>lectureId</td><td>class_ids: {{class_ids}}</td><td>lecture_id</td></tr><tr><td>CH_page_view</td><td>page_view</td><td>page_path: {{page_path}}<br>page_url: {{page_url}}</td><td>page_view<br>page_view_trigger</td></tr><tr><td>CH_Purchase</td><td>purchase</td><td>value: {{value}}<br>currency: {{currency}}<br>coupon: {{coupon}}<br>coupon_name: {{coupon_name}}<br>mileage: {{mileage}}<br>items: {{items}}</td><td>purchase_trigger</td></tr><tr><td>CH_review_write</td><td>write_review</td><td>lecture: {{item_id}}<br>rating: {{rating}}<br>review_contents: {{review_content}}<br>user: {{user_id}}</td><td>write_review</td></tr><tr><td>CH_scroll100</td><td>scroll100</td><td></td><td>scroll_depth_100percent</td></tr><tr><td>CH_scroll75</td><td>scroll75</td><td></td><td>scroll_depth_75percent</td></tr><tr><td>CH_scroll50</td><td>scroll50</td><td></td><td>scroll_depth_50percent</td></tr><tr><td>CH_scroll25</td><td>scroll25</td><td></td><td>scroll_depth_25percent</td></tr><tr><td>CH_scroll10</td><td>scroll10</td><td></td><td>scroll_depth_10percent</td></tr><tr><td>CH_signup</td><td>signup</td><td>method: {{method}}<br>status: {{status}}<br>refferer: {{Referrer}}<br>user: {{user_id}}</td><td>sign_up_trigger</td></tr><tr><td>CH_view_item</td><td>view_item</td><td>lecture: {{item_id}}<br>lecture_name: {{item_name}}<br>category: {{category}}<br>teacher: {{teacher}}<br>price: {{price}}<br>currency: {{currency}}</td><td>view_item_trigger</td></tr><tr><td>CH_Purchase_livefree</td><td>purchase_livefree</td><td>value: {{value}}<br>currency: {{currency}}<br>coupon: {{coupon}}<br>coupon_name: {{coupon_name}}<br>mileage: {{mileage}}<br>items: {{items}}</td><td>purchase_livefree_trigger</td></tr></tbody></table>

구글 애널리틱스 태그 설정과 크게 다른 부분은 없으나, 채널톡 유형은 사용자 정보를 이벤트 매개 변수에 포함시켜 보낸다는 특징이 있어, 사용자 특정이 필요할 경우 user: {{user\_id}}를 추가합니다.

## 변경사항 배포하기

템플릿, 변수, 트리거, 태그 설정이 완료 되었다면, 이제 실제 내 사이트에 배포할 시간입니다.\
배포는 우측 상단 제출하기를 클릭하면 아래와 같은 사진처럼 나타나게 됩니다.

<figure><img src="https://1736609049-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FhXqpQKK3ny5H23yHno34%2Fuploads%2Fi7yvb5wCsU7kIUJNxVWZ%2Fimage.png?alt=media&amp;token=ca29efa7-c7d7-4c48-959a-e1c0b0308b04" alt=""><figcaption></figcaption></figure>

버전 이름을 간단하게 1.0이라고 기재한 뒤,\
버전 설명에 어떤 항목을 추가했는지 기록용으로 작성하여 게시해 주세요.

{% hint style="info" %}
버전은 이후 추가, 수정이 잘못되었을때 기존에 제출한 배포로 되돌릴 수 있습니다.\
업데이트 기록을 촘촘히 하시는 것을 권장 드립니다.
{% endhint %}


# 메타 픽셀 설치하기

<figure><img src="https://1736609049-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FhXqpQKK3ny5H23yHno34%2Fuploads%2FaOam2djpDkftoWlAU93Y%2Fdocs_meta1.png?alt=media&amp;token=dc062118-9baa-41b9-b615-8b53084923c1" alt=""><figcaption></figcaption></figure>

## 메타 픽셀이 무엇인가요?

메타 픽셀은 로워드 브릿지 강의 호스팅에 방문한 사용자의 행동을 기록해서 광고에 활용할 수 있도록 도와주는 추적 도구입니다. 쉽게, 누가 우리 사이트에서 무엇을 했는지 메타에 알려주는 역할을 합니다.

메타 픽셀이 있으면 광고를 보고 누가 들어왔고, 그 사람이 어떤 행동을 했는지 추적이 가능합니다.

#### 구글 애널리틱스랑 뭐가 다른가요?

구글 애널리틱스와 메타 픽셀은 기능적으로 다릅니다.

| 구분    | 메타 픽셀        | 구글 애널리틱스   |
| ----- | ------------ | ---------- |
| 목적    | 광고 최적화       | 통계 분석      |
| 주 사용처 | 페이스북, 인스타 광고 | 전체 방문 분석   |
| 핵심    | 누가 전환했는가?    | 어떻게 이용했는가? |

### 메타 픽셀 설정 방법

[메타 광고 관리자](https://adsmanager.facebook.com/)에 로그인하신 뒤, 아래 사진의 비즈니스 포트폴리오 만들기를 통해 광고 계정을 생성해야합니다.

<figure><img src="https://1736609049-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FhXqpQKK3ny5H23yHno34%2Fuploads%2FoCZOUyfvmfastyMfGTAZ%2Fimage.png?alt=media&amp;token=988bd4cc-5454-4e3d-aee3-c8583adcc65f" alt=""><figcaption></figcaption></figure>

해당 버튼을 클릭하면 아래 사진과 같은 팝업이 나타나게 되는데, 해당 팝업에서 빈 칸 없이 모든 내용을 채워주세요.\
채워진 내용을 기반으로 담당자 설정등을 진행하실 수 있습니다.

<figure><img src="https://1736609049-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FhXqpQKK3ny5H23yHno34%2Fuploads%2FUTxmqEtDUMnOSAw6S8L2%2Fimage.png?alt=media&amp;token=dabe076b-d30f-4895-b3a9-f15a370ff541" alt=""><figcaption></figcaption></figure>

광고 계정 설정이 완료되었다면, 아래 사진과 같은 화면으로 접근하여 메타 픽셀 설정을 진행해야 합니다.\
좌측 관리자 메뉴 내에서 이벤트 관리자 메뉴를 클릭하여 이동해 주세요.

<figure><img src="https://1736609049-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FhXqpQKK3ny5H23yHno34%2Fuploads%2F0Aoex8uwqVEiAkC9dr35%2Fimage.png?alt=media&amp;token=44a95386-86eb-4e06-9851-489e2e738a89" alt=""><figcaption></figcaption></figure>

이벤트 관리자로 접근하면 데이터 연결 버튼이 나타나는데,\
해당 버튼을 클릭하여 신규 데이터를 연결해 주세요.\
데이터 연결을 클릭하면 새 데이터 소스 연결 팝업에서 웹을 클릭해 주세요.

<figure><img src="https://1736609049-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FhXqpQKK3ny5H23yHno34%2Fuploads%2FpmnpWqx7ZUMck8j0lqbE%2Fimage.png?alt=media&amp;token=7d6a5ee0-41c1-4d73-92cf-801e44d8b5aa" alt=""><figcaption></figcaption></figure>

<figure><img src="https://1736609049-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FhXqpQKK3ny5H23yHno34%2Fuploads%2FLlBi5ug0xo5w1yHPhAm0%2Fimage.png?alt=media&amp;token=838092b1-f4c0-4c5c-bb06-0825e41b0a98" alt=""><figcaption></figcaption></figure>

<figure><img src="https://1736609049-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FhXqpQKK3ny5H23yHno34%2Fuploads%2FAikPnNt3munQG8OBY1tl%2Fimage.png?alt=media&amp;token=20e6aab8-ed3c-4369-99b0-6eaee8338d66" alt=""><figcaption></figcaption></figure>

만들기 버튼을 클릭하고 나면 아래와 같은 화면이 나타납니다.\
이제 픽셀을 사이트에 설치해야 합니다. 'Meta 픽셀 설정' 버튼을 클릭해줍니다.

클릭하면 '코드 직접 설치'를 클릭하여 접근해 주세요.

<figure><img src="https://1736609049-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FhXqpQKK3ny5H23yHno34%2Fuploads%2FQ48czG63rqeVmaCpz6zS%2Fimage.png?alt=media&amp;token=44ffbb0a-a13a-4ce4-9614-4e2221c9d6c9" alt=""><figcaption></figcaption></figure>

<figure><img src="https://1736609049-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FhXqpQKK3ny5H23yHno34%2Fuploads%2FXUTd9U0qLeUpuyDoiixf%2Fimage.png?alt=media&amp;token=0318f146-86b2-4f8b-a9c4-a2849d3d3ee1" alt=""><figcaption></figcaption></figure>

아래 사진과 같은 화면이 나타납니다.\
코드를 복사해서 로워드 브릿지 강의 호스팅에 연결하기 위해 코드 복사 버튼을 클릭해주세요.

{% hint style="info" %}
코드 복사를 클릭할 경우 자동으로 클립보드에 저장됩니다. Ctrl + V 하면 붙여넣을 수 있습니다.
{% endhint %}

<figure><img src="https://1736609049-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FhXqpQKK3ny5H23yHno34%2Fuploads%2Fvl7DqZpcQAvIJSE5ePsK%2Fimage.png?alt=media&amp;token=efaad8e5-04d4-4a4c-bc9b-46b951275a48" alt=""><figcaption></figcaption></figure>

복사했다면, 로워드 브릿지 강의 호스팅 관리자로 들어가서\
기본 관리 > 외부 코드 설정 페이지로 이동해 주세요.

외부 코드 설정에서 추가하기 버튼을 클릭해 주세요.

<figure><img src="https://1736609049-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FhXqpQKK3ny5H23yHno34%2Fuploads%2FMeK6SZK8C8pDEbKqMLqP%2Fimage.png?alt=media&amp;token=d6bfe30e-b491-4780-a4b9-8275d9b63567" alt=""><figcaption></figcaption></figure>

클릭하면 아래와 같은 상태로 나타나는데, 코드 타입을 \<script> 삽입 형으로 설정한 뒤 복사한 코드를 그대로 붙여넣어 주세요.

<figure><img src="https://1736609049-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FhXqpQKK3ny5H23yHno34%2Fuploads%2Fl22AlBwlCauJbIqUmllr%2Fimage.png?alt=media&amp;token=7e234ca9-fde6-4ffe-a964-13a6ea0d9fef" alt=""><figcaption></figcaption></figure>

붙어 넣을때 아래와 같은 값이 붙여넣어질텐데, 살짝 수정이 필요합니다.

```
<!-- Meta Pixel Code -->
<script>
!function(f,b,e,v,n,t,s)
{if(f.fbq)return;n=f.fbq=function(){n.callMethod?
n.callMethod.apply(n,arguments):n.queue.push(arguments)};
if(!f._fbq)f._fbq=n;n.push=n;n.loaded=!0;n.version='2.0';
n.queue=[];t=b.createElement(e);t.async=!0;
t.src=v;s=b.getElementsByTagName(e)[0];
s.parentNode.insertBefore(t,s)}(window, document,'script',
'https://connect.facebook.net/en_US/fbevents.js');
fbq('init', '2311164926059777');
fbq('track', 'PageView');
</script>
<noscript><img height="1" width="1" style="display:none"
src="https://www.facebook.com/tr?id=2311164926059777&ev=PageView&noscript=1"
/></noscript>
<!-- End Meta Pixel Code -->
```

\<script>와 \</script>를 지워주세요.\
그럼 아래와 같이 최종적으로 입력됩니다.

```
<!-- Meta Pixel Code -->
!function(f,b,e,v,n,t,s)
{if(f.fbq)return;n=f.fbq=function(){n.callMethod?
n.callMethod.apply(n,arguments):n.queue.push(arguments)};
if(!f._fbq)f._fbq=n;n.push=n;n.loaded=!0;n.version='2.0';
n.queue=[];t=b.createElement(e);t.async=!0;
t.src=v;s=b.getElementsByTagName(e)[0];
s.parentNode.insertBefore(t,s)}(window, document,'script',
'https://connect.facebook.net/en_US/fbevents.js');
fbq('init', '2311164926059777');
fbq('track', 'PageView');
<noscript><img height="1" width="1" style="display:none"
src="https://www.facebook.com/tr?id=2311164926059777&ev=PageView&noscript=1"
/></noscript>
<!-- End Meta Pixel Code -->
```

이 상태에서 \<noscript> ...... \</noscript>를 복사하고 지워주세요.\
지운 상태로 저장해 주시면 됩니다.

지운 것은 바로 외부 코드를 하나 더 추가해준 뒤,\
아래와 같이 noscript 삽입 형으로 선택해 주세요.

<figure><img src="https://1736609049-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FhXqpQKK3ny5H23yHno34%2Fuploads%2Fh3zSpAlA2TAFLxUxZbhv%2Fimage.png?alt=media&amp;token=7d37aa1c-966e-4e75-8809-ee2a49a477ba" alt=""><figcaption></figcaption></figure>

똑같이 \<noscript>와 \</noscript>를 지워준 뒤 아래 코드와 같이 저장하면 끝입니다.

```
<img height="1" width="1" style="display:none"
src="https://www.facebook.com/tr?id=2311164926059777&ev=PageView&noscript=1"
/>
```

시간이 지나면 실제 픽셀 이벤트가 발생하면 자동으로 집계됩니다다.


# 메타 픽셀 이벤트 설정 (전환)

<figure><img src="https://1736609049-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FhXqpQKK3ny5H23yHno34%2Fuploads%2Fj8Ql6LcEvHrh3A8z4nYq%2Fdocs_pixel.png?alt=media&amp;token=47052f9a-02dd-4d58-9daa-abd1b5fad891" alt=""><figcaption></figcaption></figure>

{% hint style="info" %}
해당 가이드는 광고 설정 방법에 대한 가이드가 아닙니다.\
광고 설정이나 셋팅은 광고 대행사 혹은 광고 담당자에게 문의해 주세요.
{% endhint %}

## 메타 픽셀 이벤트 뭐로 잡아야하나요?

로워드 브릿지 강의 호스팅에서 2가지로 이벤트가 발생하고 있습니다.\
강의 신청 시 completeRegistration 이벤트가 발생하고, 결제 완료 시 purchase 이벤트가 발생됩니다.

| 이벤트                                   | 발생 조건                                      | 어디서 쓰나요?                           |
| ------------------------------------- | ------------------------------------------ | ---------------------------------- |
| <p>completeRegistration<br>(등록완료)</p> | <p>수강 신청을 클릭했을 경우<br>(기 수강자는 이벤트 발생안함)</p> | 무료 강의 등 실 결제가 발생하지 않는 강의 상품에 적용    |
| <p>purchase<br>(결제완료)</p>             | 결제가 완료된 경우                                 | 유료 강의 결제 완료 기준으로 전환 최적화가 필요한 경우 적용 |

메타 광고 세트 설정 시 이벤트를 등록완료 혹은 결제완료 이벤트를 설정하여 광고를 최적화해 보세요.


# 캠페인이란?

레듀를 이용하는 고객의 행동 데이터를 기반으로, 특정 조건에 맞는 고객에게 배너 노출 또는 CRM 메시지를 자동 발송하는 마케팅 기능을 말합니다.

#### 일회성 캠페인이란?

일회성 캠페인은 특정 시점에 1회만 발송하는 캠페인으로,\
설정한 대상(특정  세그먼트)에게 단발성 메시지 또는 배너를 노출하는 방식입니다.

발송 수단

1. 카카오톡 알림톡 / 브랜드 메시지
2. 문자(SMS) 메시지
3. 배너

#### 일반 캠페인이란?

일반 캠페인은 고객의 행동이나 조건에 따라 반복적으로 실행되는 자동화 캠페인으로,\
일회성 메시지와 동일하게 메시지를 발송 할 수 있으나,\
레듀 이용 고객의 행동 데이터를 기반으로 지속적인 메시지 또는 배너를 노출합니다.

* 특정 페이지 방문 시 자동 발송
* 결제 미완료 고객 대상 리마인드
* 일정 기간 미접속 시 재방문 유도
* 특정 기능 사용/미사용에 따른 안내

즉, 고객 행동을 트리거로 설정하여 상시 운영 가능한 캠페인입니다.

#### CRM 메시지 유형 안내

CRM은 고객과의 커뮤니케이션을 위해 크게 3가지 유형으로 구분됩니다.

1. 카카오톡 알림톡 / 브랜드 메시지
2. 문자(SMS) 메시지
3. 채널톡 배너

각 유형은 발송 대상, 활용 목적, 제약 사항이 서로 다릅니다.

***

#### 카카오톡 알림톡이란?

카카오톡 알림톡은 사전에 확보한 고객 DB를 기반으로,\
조건에 해당하는 모든 대상자에게 발송 가능한 안내성 메시지입니다.

주요 특징

* 채널 친구 추가 여부와 관계없이 발송 가능
* 결제 안내, 상태 알림, 서비스 안내 등 정보성 메시지에 적합
* 대량 발송 시 비용 효율이 높음

유의사항

* 반드시 카카오톡 템플릿 사전 검수가 필요
* 템플릿은 발송 최소 1\~2일 전 대행사 및 카카오 승인 필요
* 승인된 템플릿은 이후 지속적으로 재사용 가능
* 광고성·자극적인 문구는 승인 불가

비용

* 1명당 7원

***

#### 카카오톡 브랜드 메시지란?

카카오톡 브랜드 메시지는 카카오톡 Biz 채널을 추가한 고객에게만\
발송할 수 있는 광고·마케팅 목적의 메시지입니다.

주요 특징

* 채널 친구에게만 발송 가능
* 이벤트, 할인, 프로모션 등 광고성 메시지 발송 가능
* 이미지, 강조 문구 등 마케팅 요소 활용에 적합

***

#### 문자(SMS)란?

문자(SMS)는 휴대폰 번호를 기반으로 발송되는 일반 문자 메시지를 의미하며,\
광고성 메시지와 일반 메시지로 구분됩니다.

주요 특징

* 카카오톡 미사용자에게도 도달 가능
* 긴급 공지, 단순 안내 등 범용성 높음

중요 사항

* 일반 메시지의 경우\
  채널톡에서 ‘광고성 메시지 수신 거부’를 설정한 고객에게도\
  정상적으로 발송 가능

***

#### 채널톡 배너란?

채널톡 배너는 레듀 사이트 내 특정 페이지 방문 또는 특정 행동 발생 시,\
사이트 화면에 배너를 노출하여 마케팅 메시지를 전달하는 기능입니다.

활용 예시

* 특정 페이지 진입 시 안내 배너 노출
* 결제 전/후 행동에 따른 배너 노출
* 이벤트, 공지, 전환 유도용 메시지

특징

* 실시간 행동 기반 노출
* 사이트 이용 흐름을 방해하지 않으면서 자연스러운 마케팅 가능


# 채널톡 카카오톡 채널 설정

#### 채널톡 카카오톡 설정 방법

채널톡에서 카카오톡 기능을 사용하기 위해서는 카카오 채널 연동이 필요합니다.

설정 경로

> 채널톡 설정 → 연동 → 앱스토어 → 카카오 클릭

이용 중인 카카오 채널을 연동한 후,\
필요에 따라 아래 기능을 선택하여 활성화하시면 됩니다.

* 상담톡 (카카오 친구 고객센터 연동)
* 알림톡
* 브랜드 메시지(친구톡)

***

#### 알림톡 관리 및 신청 방법

알림톡 템플릿 생성 및 관리는 아래 경로에서 진행합니다.

설정 경로

> 채널톡 설정 → 연동 → 앱스토어 → 카카오 → 알림톡 관리

1. ‘새 템플릿’ 버튼 클릭
2. 발송에 사용할 템플릿 문구 작성
3. 검수 요청 후 승인 완료 시 사용 가능

***

#### 알림톡 템플릿 변수 설정 방법

알림톡은 변수 설정이 가능하여,\
발송 시점에 고객별 정보로 자동 치환할 수 있습니다.

변수 작성 방식

```
#{원하는 변수명}
```

***

#### 템플릿 작성 예시

```
안녕하세요. 레듀입니다.

#{구매자명}님께서
#{날짜} 신청해주신 상품 안내입니다.

#{상품명}의 경우 발송까지
약 3일 정도 소요됩니다.
```

해당 형식으로 작성 후 제출하시면,\
이후 발송 시 #{구매자명}, #{날짜}, #{상품명} 부분은\
상황에 맞게 자유롭게 수정하여 사용할 수 있습니다.

***

#### 참고 사항

* 템플릿 승인 후에는 동일 템플릿을 반복 사용 가능
* 변수 값만 변경하여 다양한 상황에 활용 가능
* 광고성·자극적인 문구는 알림톡 승인 불가


# 캠페인 이벤트 설정하기

#### 캠페인 진행 구조 안내

캠페인은 아래 총 6가지 단계로 구성되어 운영됩니다.

1. 시작 이벤트
2. 대상 고객
3. 대기 시간
4. 메시지
5. 운영
6. 목표

***

### 1. 시작 이벤트 안내

시작 이벤트는 캠페인을 트리거하는 사용자 행동을 의미하며,\
현재 아래 5가지 이벤트를 사용할 수 있습니다.

사용 가능한 이벤트 종류

1. 페이지 조회
2. purchase
3. signup
4. login
5. coupon\_listup

***

#### 1) 페이지 조회 (page\_view)

페이지 조회는 사용자의 페이지 방문(뷰) 을 의미합니다.

* 특정 페이지 또는 전체 페이지 방문 시 이벤트 발생 가능
* URL 일부 파라미터 값으로 조건 설정 가능
* UTM 파라미터 기준으로도 설정 가능

예시)

* 특정 랜딩페이지 방문 시 배너 노출
* 결제 페이지 방문 후 미결제 고객 리마인드

***

#### 2) purchase (결제 완료)

purchase는 결제 완료 이벤트를 의미합니다.

예시)

* 무료특강 신청 완료 후 카카오톡 오픈채팅방 안내 메시지 발송
* 강의 결제 완료 시 수강생 전용 카톡방 및 안내사항 자동 발송

결제 완료 이후 자동 안내 메시지 발송에 적합

***

#### 3) signup (회원가입)

signup은 회원가입 이벤트를 의미합니다.

* 이메일 회원가입 시 signup 이벤트 발생
* 카카오톡 로그인을 사용하는 경우,\
  카카오톡 최초 로그인 시 회원가입 → signup 이벤트 발생

예시)

* 회원가입 직후 환영 메시지 발송
* 추천 강의, 무료특강 안내 메시지 발송

***

#### 4) login (로그인)

login 이벤트는 사용자 로그인 시 발생합니다.

* 로그인 시점에 메시지 발송 가능
* 특정 조건의 회원만 대상으로 별도 이벤트 설정 가능

예시)

* 휴면 고객 로그인 시 웰컴 메시지
* 특정 등급 회원 로그인 시 안내 메시지

***

#### 5) coupon\_listup (쿠폰 등록)

coupon\_listup은 쿠폰 코드 등록 시 발생하는 이벤트입니다.

* 사용자가 쿠폰 코드를 등록하면 이벤트 발생
* 쿠폰 등록 완료 시 자동 메시지 발송 가능

***

#### 이벤트 활용 시 가능한 기본 시나리오

위 5가지 이벤트를 활용하면 다음과 같은 기본 메시지 자동화가 가능합니다.

* 회원가입 시 메시지 발송
* 로그인 시 환영 메시지 발송
* 결제 완료 시 안내 메시지 발송
* 쿠폰 등록 시 메시지 발송

***

#### 확장 활용 시나리오 (퍼널 구성)

더 세부적으로는 아래와 같은 CRM 퍼널 구성이 가능합니다.

* 쿠폰 등록 후 사용 기한 안내 + D-day 리텐션 퍼널
* 특정 클래스 수강생 대상 리텐션 및 타 클래스 유도 퍼널
* 로그인 후 특정 페이지 접속 시 결제 페이지 유도 퍼널
* 회원가입 후 무료특강 미신청 회원 대상 리텐션 퍼널

***

#### 2. 대상 고객 안내

대상 고객은 조건에 맞는 사용자 그룹을 지정하여 설정할 수 있습니다.

#### 설정 가능 조건 예시

* 특정 클래스 수강 여부
* 최근 접속일 기준
* 별도로 생성한 세그먼트 대상

***

#### 클래스 기준 대상 설정 (class\_id)

특정 클래스를 기준으로 고객을 지정하려면:

1. 필터 추가하기 선택
2. 수강이력 또는 `class_id` 선택
3. 클래스별로 부여된 id 값 입력

class\_id란?

* 강의마다 부여되는 고유 ID
* 세그먼트로만 활용 가능
* 특정 수강생 그룹을 대상으로 CRM 발송 가능

※ class\_id는 액션 이벤트가 아니기 때문에\
다양한 캠페인에 유연하게 활용 가능합니다.

***

#### 3. 대기 시간 안내

이벤트 발생 후 메시지를 발송하기까지의 지연 시간을 설정할 수 있습니다.

설정 단위

* 즉시
* 초 / 분 / 시간 / 일 단위

예시)

* 결제 완료 10분 후 안내 메시지
* 쿠폰 등록 3일 후 리마인드 메시지

***

#### 4. 메시지 안내

대기 시간 이후 발송될 메시지 유형 및 문구를 설정합니다.

* 자유 문구 작성
* 카카오톡 알림톡 / 브랜드 메시지 선택 가능

***

#### 5. 운영 안내

운영 단계에서는 캠페인의 작동 조건을 설정합니다.

* 특정 날짜에만 작동
* 특정 시간대에만 작동
* 광고성 / 정보성 메시지 구분 설정 가능

***

#### 6. 목표 안내

목표는 메시지를 받은 고객이 이후 특정 이벤트를 발생시켰는지를\
날짜 기준으로 확인하기 위한 지표입니다.

purchase 이벤트를 목표로 설정할 경우

* 메시지 수신 이후
* 실제 결제가 발생했는지 추적 가능

즉, 메시지 → 결제 전환 여부 측정이 가능합니다.


# 카테고리 관리

{% hint style="info" %}
카테고리 관리란?

사이트 내 이용자가 사이트를 이동할 때에 편의성을 제공하는 기능입니다.
{% endhint %}

<figure><img src="https://1736609049-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FhXqpQKK3ny5H23yHno34%2Fuploads%2F3QvA7HabqvmZYM8AXyvW%2Fimage.png?alt=media&amp;token=ee83a473-c925-4301-b1d8-30801fee6478" alt=""><figcaption></figcaption></figure>

<table><thead><tr><th width="84">순번</th><th width="221">필드 명</th><th>설명</th></tr></thead><tbody><tr><td>1</td><td>생성</td><td>'<strong>생성</strong>' 버튼을 누르시면 '<strong>새 카테고리</strong>' 가 만들어집니다.</td></tr><tr><td>2</td><td>선택삭제</td><td>삭제하길 원하는 카테고리를 체크하고 '<strong>선택삭제</strong>' 누르시면 삭제됩니다.</td></tr><tr><td>3</td><td>카테고리 명</td><td>카테고리의 이름을 입력해주세요.</td></tr><tr><td>4</td><td>카테고리 노출상태</td><td> </td></tr><tr><td>(4-1)</td><td>노출함</td><td>카테고리가 사이트에 노출이 됩니다.</td></tr><tr><td>(4-2)</td><td>노출안함</td><td>카테고리가 사이트에 노출이 안됩니다.</td></tr><tr><td>5</td><td>카테고리 접근권한</td><td> </td></tr><tr><td>(5-1)</td><td>전체</td><td>모든 사용자에게 카테고리가 사이트에 노출됩니다.</td></tr><tr><td>(5-2)</td><td>회원전용</td><td>사이트 내 회원들에게만 카테고리가 사이트에 노출됩니다.</td></tr><tr><td>6</td><td>상위 카테고리 선택</td><td>선택한 카테고리의 상위 카테고리를 설정 할 수 있습니다.</td></tr><tr><td>7</td><td>카테고리 상단 영역 꾸미기</td><td>이미지와 디스크립션 등을 설정 할 수 있습니다.</td></tr></tbody></table>

<div align="left"><figure><img src="https://1736609049-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FhXqpQKK3ny5H23yHno34%2Fuploads%2F46RVS7FUVZW4zPqpb85C%2Fimage.png?alt=media&amp;token=996fe006-28ab-4e95-be75-53cedc3180fc" alt=""><figcaption></figcaption></figure></div>

{% hint style="info" %}
모든 내용은 수정 후 '**저장하기**' 버튼을 반드시 눌러주셔야합니다.
{% endhint %}


# 클래스 리스트

{% hint style="info" %}
**클래스 리스트란?**

사이트 내 판매할 클래스와 판매 하고 있는 클래스를 등록 및 수정이 가능하며, 지금까지 만든 클래스를 확인 할 수 있는 기능입니다.
{% endhint %}

<figure><img src="https://1736609049-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FhXqpQKK3ny5H23yHno34%2Fuploads%2FJxY8ZTNQU4HlvqB2ye0d%2F%ED%81%B4%EB%9E%98%EC%8A%A4%20%EB%A6%AC%EC%8A%A4%ED%8A%B81.png?alt=media&amp;token=8bee21aa-0d9f-4178-8564-07be99368c4c" alt=""><figcaption></figcaption></figure>

<table><thead><tr><th width="80">순번</th><th width="149">필드 명</th><th>설명</th></tr></thead><tbody><tr><td>1</td><td>검색창</td><td>사이트 내 클래스를 검색하여 확인 할 수 있습니다.</td></tr><tr><td>2</td><td>메인클래스 설정</td><td>사이트 내 가장 대표로 넣을 클래스를 지정할 수 있습니다.</td></tr><tr><td>3</td><td>등록하기</td><td><p>'<strong>등록하기</strong>' 버튼을 누르시면 새로 클래스를 만들 수 있습니다.</p><p>(자세한 사항은 <a href="/class/setup">[클래스 등록/수정하기]</a>를 확인해주시기 바랍니다.)</p></td></tr><tr><td>4</td><td>선택삭제</td><td>지우고 싶은 클래스를 체크 후 '<strong>선택삭제</strong>' 버튼을 누르시면 삭제가 됩니다.</td></tr><tr><td>5</td><td>수강관리</td><td><p>수강생, 클래스 리뷰 등 자세하게 확인이 가능합니다.</p><p>(자세한 사항은 <a href="/class/setup">[클래스 등록/수정하기]</a>를 확인해주시기 바랍니다.)</p></td></tr><tr><td>6</td><td>수정하기</td><td><p>클래스의 모든 부분을 수정할 수 있습니다.</p><p>(자세한 사항은 <a href="/class/setup">[클래스 등록/수정하기]</a>를 확인해주시기 바랍니다.)</p></td></tr></tbody></table>


# 클래스 등록/수정하기

{% hint style="info" %}
강사를 지정할 때에는 [\[강사 관리\]](/default-setting/tutor)에서 먼저 강사를 설정 후 클래스에서 지정해주세요.
{% endhint %}

<figure><img src="https://1736609049-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FhXqpQKK3ny5H23yHno34%2Fuploads%2F9q8PF5J3h8VQ8ZBy5nx9%2F%ED%81%B4%EB%9E%98%EC%8A%A4%EB%93%B1%EB%A1%9D1.png?alt=media&amp;token=3a36b1f8-021d-4cf1-a882-7969d1674e43" alt=""><figcaption></figcaption></figure>

<table><thead><tr><th width="84">순번</th><th width="212">필드 명</th><th>설명</th></tr></thead><tbody><tr><td>1</td><td>클래스 썸네일</td><td>원하시는 클래스 썸네일을 업로드해주시면 됩니다.</td></tr><tr><td>2</td><td>클래스명</td><td>원하시는 클래스 명을 입력해주시면 됩니다.</td></tr><tr><td>3</td><td>클래스 노출 설정</td><td> </td></tr><tr><td>(3-1)</td><td>노출함</td><td>사이트에 클래스를 노출합니다.</td></tr><tr><td>(3-2)</td><td>노출안함</td><td>사이트에 클래스를 노출하지 않습니다.</td></tr><tr><td>4</td><td>클래스 판매 설정</td><td> </td></tr><tr><td>(4-1)</td><td>판매함</td><td>사이트에 클래스를 판매합니다.</td></tr><tr><td>(4-2)</td><td>판매안함</td><td>사이트에 클래스를 판매하지 않습니다.</td></tr><tr><td>5</td><td>클래스 검색, 연관 키워드</td><td>클래스 검색 시 나타낼 키워드를 입력해주세요.</td></tr><tr><td>6</td><td>강사 선택</td><td><a href="/default-setting/tutor">[강사관리]</a>에서 추가한 강사를 입력해주세요.</td></tr><tr><td>7</td><td>카테고리 선택</td><td><a href="/class/category">[카테고리 관리]</a>에서 추가한 카테고리를 선택 후 지정하실 수 있습니다.</td></tr><tr><td>8</td><td>관련 클래스 선택</td><td>사이트 내 클래스 우측하단에 노출 될 클래스를 선택해주세요.</td></tr></tbody></table>

<figure><img src="https://1736609049-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FhXqpQKK3ny5H23yHno34%2Fuploads%2Fn6qhHebuRbKeHBCoxtKh%2F%ED%81%B4%EB%9E%98%EC%8A%A4%EB%93%B1%EB%A1%9D2.png?alt=media&amp;token=87e591e8-ccac-4b1e-8d1e-32d5a3588902" alt=""><figcaption></figcaption></figure>

<table><thead><tr><th width="79">순번</th><th width="155">필드 명</th><th>설명</th></tr></thead><tbody><tr><td>1</td><td>에디터 이용하기</td><td><p>레듀 스튜디오로 다양한 활용이 가능합니다.</p><p><a href="/design/ledu-studio">[레듀 스튜디오]</a>에서 자세한 사항을 확인 가능합니다.</p></td></tr><tr><td>2</td><td>이미지 추가</td><td>이용약관 이미지를 추가할 수 있습니다.</td></tr><tr><td>3</td><td>상세 내용</td><td>이용약관 텍스트 및 CSS를 추가할 수 있습니다.</td></tr></tbody></table>

{% hint style="info" %}
이용약관은 [\[약관 / 개인정보처리\]](/default-setting/term)을 이용하여 클래스에 맞는 양식을 넣어주세요.
{% endhint %}

<figure><img src="https://1736609049-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FhXqpQKK3ny5H23yHno34%2Fuploads%2Fk9lS5CX7LKlgw043Smpm%2F%ED%81%B4%EB%9E%98%EC%8A%A4%EB%93%B1%EB%A1%9D3.png?alt=media&amp;token=20a44c71-db1d-4311-a937-5c82ceecd7cd" alt=""><figcaption></figcaption></figure>

<table><thead><tr><th width="77">순번</th><th width="119">필드 명</th><th>설명</th></tr></thead><tbody><tr><td>1</td><td>이미지 추가</td><td>이용약관 이미지를 추가할 수 있습니다.</td></tr><tr><td>2</td><td>상세 내용</td><td>이용약관 텍스트 및 CSS를 추가할 수 있습니다.</td></tr></tbody></table>

### **강의 섹션추가**

{% hint style="warning" %}
클래스 개설 시 강의 섹션이 없는 클래스는 저장되지 않습니다.
{% endhint %}

<div align="left"><figure><img src="https://1736609049-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FhXqpQKK3ny5H23yHno34%2Fuploads%2FkCgVZj3JicqC0iTa8t1p%2Fimage.png?alt=media&amp;token=805ab436-615e-4f6c-b2d4-1223c0f7b397" alt=""><figcaption></figcaption></figure></div>

{% hint style="info" %}
'**강의 섹션추가**' 버튼을 눌러 자신이 원하는 강의의 챕터 또는 카테고리를 만들 수 있습니다.
{% endhint %}

<figure><img src="https://1736609049-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FhXqpQKK3ny5H23yHno34%2Fuploads%2FjDtQ5oTgJZ3p7FhJnCzp%2Fimage.png?alt=media&amp;token=2d49b77d-c6aa-45b7-98a2-2ddfd3fb374f" alt=""><figcaption></figcaption></figure>

{% hint style="info" %}
섹션 이름으로 자신이 원하는 챕터 또는 카테고리의 이름을 입력해주세요.
{% endhint %}

<figure><img src="https://1736609049-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FhXqpQKK3ny5H23yHno34%2Fuploads%2FddCmBFt06t96bVDT34YX%2Fimage.png?alt=media&amp;token=ebeb9ab5-ec6a-456c-a9e0-17bc9f5f3d54" alt=""><figcaption></figcaption></figure>

{% hint style="info" %}
'**강의 추가하기**' 버튼을 눌러 원하시는 강의 페이지를 만들 수 있습니다.
{% endhint %}

<figure><img src="https://1736609049-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FhXqpQKK3ny5H23yHno34%2Fuploads%2FKYTR9J88uqlQHzlxpAlK%2Fimage.png?alt=media&amp;token=83c8c850-9702-444e-bbca-8e126e543db4" alt=""><figcaption></figcaption></figure>

{% hint style="info" %}
**VOD / 전자책 / 라이브** 3가지 보기중 원하는 서비스를 눌러주세요.
{% endhint %}

### **VOD**&#x20;

<figure><img src="https://1736609049-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FhXqpQKK3ny5H23yHno34%2Fuploads%2FoxKtTcqrcRKFqG1gEous%2F%EA%B0%95%EC%9D%98%EB%93%B1%EB%A1%9DVOD.png?alt=media&amp;token=970f813c-d676-4fb4-aba6-d7fad489c0dc" alt=""><figcaption></figcaption></figure>

<table><thead><tr><th width="78">순번</th><th width="188">필드 명</th><th>설명</th></tr></thead><tbody><tr><td>1</td><td>강의 제목</td><td>강의 제목을 입력해주세요.</td></tr><tr><td>2</td><td>강의 옵션</td><td> </td></tr><tr><td>(a)</td><td>동영상 잠금하기</td><td>VOD를 임의 조작할 수 없도록 합니다.</td></tr><tr><td>(b)</td><td>영상 100% 시청하기</td><td>VOD를 100% 시청해야만 다음 강의로 넘어갑니다.</td></tr><tr><td>(c)</td><td>배속재생 허용하기</td><td>VOD를 배속재생이 가능하게 합니다.</td></tr><tr><td>(d)</td><td>영상 무료로 공개하기</td><td>VOD를 무료로 공개하여 OT영상으로도 만들 수 있습니다.</td></tr><tr><td>3</td><td>자료 업로드</td><td>강의 VOD 영상을 업로드 해주세요.</td></tr><tr><td>4</td><td>이미지 추가</td><td>강의 내용의 필요한 이미지를 추가할 수 있습니다.</td></tr><tr><td>5</td><td>상세 내용</td><td>강의 내용의 텍스트 또는 CSS를 추가할 수 있습니다.</td></tr></tbody></table>

### **전자책**

<figure><img src="https://1736609049-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FhXqpQKK3ny5H23yHno34%2Fuploads%2FlHUCLafrFTxMcWpMtOlY%2F%EA%B0%95%EC%9D%98%EB%93%B1%EB%A1%9D%EC%A0%84%EC%9E%90%EC%B1%85.png?alt=media&amp;token=6137bbbd-9f62-47f6-b6b8-feaeef56b691" alt=""><figcaption></figcaption></figure>

<table><thead><tr><th width="82">순번</th><th width="122">필드 명</th><th>설명</th></tr></thead><tbody><tr><td>1</td><td>강의 제목</td><td>강의 제목을 입력해주세요.</td></tr><tr><td>2</td><td>자료 업로드</td><td>강의에 들어갈 자료를 업로드해주세요.</td></tr><tr><td>3</td><td>이미지 추가</td><td>강의 내용의 필요한 이미지를 업로드해주세요.</td></tr><tr><td>4</td><td>상세 내용</td><td>강의 내용의 텍스트 또는 CSS를 추가할 수 있습니다.</td></tr></tbody></table>

### **라이브**

<figure><img src="https://1736609049-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FhXqpQKK3ny5H23yHno34%2Fuploads%2FPrwvPsuuffuzjsE8W2o3%2F%EA%B0%95%EC%9D%98%EB%93%B1%EB%A1%9D%20%EB%9D%BC%EC%9D%B4%EB%B8%8C.png?alt=media&amp;token=b947152c-8f64-40cb-851f-b4a939b922d1" alt=""><figcaption></figcaption></figure>

<table><thead><tr><th width="84">순번</th><th width="133">필드 명</th><th>설명</th></tr></thead><tbody><tr><td>1</td><td>강의 제목</td><td>강의 제목을 입력해주세요.</td></tr><tr><td>2</td><td>라이브 링크</td><td>라이브 하시는 플랫폼의 url 주소를 입력해주세요.</td></tr><tr><td>3</td><td>이미지 추가</td><td>강의 내용의 필요한 이미지를 업로드해주세요.</td></tr><tr><td>4</td><td>상세 내용</td><td>강의 내용의 텍스트 또는 CSS를 추가할 수 있습니다.</td></tr></tbody></table>

<div align="left"><figure><img src="https://1736609049-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FhXqpQKK3ny5H23yHno34%2Fuploads%2FlBocKRtDy2ycPAd8PveK%2Fimage.png?alt=media&amp;token=adcd69fa-6192-4b0f-9e1f-71e893076b21" alt=""><figcaption></figcaption></figure></div>

{% hint style="info" %}
모든 설정을 확인 후 '**저장하기**' 버튼을 눌러주세요.
{% endhint %}

{% hint style="warning" %}
섹션 설정 이후 상단 우측에 클래스'**저장하기**' 버튼을 눌러주세요.
{% endhint %}


# 회원 조회/삭제/등록/수정

{% hint style="info" %}
사이트 내 회원들의 모든 DB를 조회 및 수정이 가능합니다.\
필요 시 회원의 DB를 임의적으로 등록할 수 있습니다.
{% endhint %}

### **회원 리스트**

{% hint style="info" %}
회원들의 DB 정보를 확인 할 수 있습니다.
{% endhint %}

<figure><img src="https://1736609049-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FhXqpQKK3ny5H23yHno34%2Fuploads%2Fk6S17ZlhhwzCpjFS5QOd%2F%ED%9A%8C%EC%9B%90%EB%A6%AC%EC%8A%A4%ED%8A%B8.png?alt=media&amp;token=92273a44-dbd9-4b1e-8e1f-17272b41c07c" alt=""><figcaption></figcaption></figure>

<table><thead><tr><th width="81">순번</th><th width="139">필드 명</th><th>설명</th></tr></thead><tbody><tr><td>1</td><td>검색 창</td><td>사이트내에 회원 DB를 검색가능합니다.</td></tr><tr><td>2</td><td>회원 등급</td><td>회원 등급별로 검색 및 확인할 수 있습니다.</td></tr><tr><td>3</td><td>날짜 지정</td><td>날짜 별 가입자에 대한 정보를 확인 가능합니다.</td></tr><tr><td>4</td><td>등록하기</td><td>회원 DB를 임의적으로 만들어 등록할 수 있습니다.</td></tr><tr><td>5</td><td>선택탈퇴</td><td>탈퇴 시킬 회원을 체크하여 '<strong>선택탈퇴</strong>'를 누르시면 DB가 사라집니다.</td></tr><tr><td>6</td><td>다운로드</td><td>회원 리스트를 다운로드 할 수 있습니다.</td></tr><tr><td>7</td><td>회원 정보 상세</td><td>결제내역, 수강이력, 자세히 등 회원 상세 정보를 확인 할 수 있습니다.</td></tr></tbody></table>

### **회원 상세 정보**

{% hint style="info" %}
사이트 내 회원 정보를 조회 및 수정이 가능하며, 별도의 메모도 가능합니다.
{% endhint %}

<figure><img src="https://1736609049-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FhXqpQKK3ny5H23yHno34%2Fuploads%2FdvEKx7UDIdXYL1bIjj7C%2F%ED%9A%8C%EC%9B%90%EC%83%81%EC%84%B8%EC%A0%95%EB%B3%B4.png?alt=media&amp;token=e881752b-8522-4325-b557-199891e298b4" alt=""><figcaption></figcaption></figure>

<table><thead><tr><th width="89">순번</th><th width="201">필드 명</th><th>설명</th></tr></thead><tbody><tr><td>1</td><td>회원 요약 정보</td><td>이름, 이메일, 연락처, 기입일, 최종 로그인을 확인 가능합니다.</td></tr><tr><td>2</td><td>회원 이용 요약</td><td>총 결제금액, 현재 마일리지, 보유 쿠폰을 확인 할 수 있습니다.</td></tr><tr><td>3</td><td>고객 메모</td><td>회원의 특이사항 등을 메모하는 칸입니다.</td></tr><tr><td>4</td><td>요약 테이블 정보</td><td> </td></tr><tr><td>(4-1)</td><td>회원등급</td><td>사이트 내 회원 등급을 설정할 수 있습니다.</td></tr><tr><td>(4-2)</td><td>이름</td><td>회원 이름을 확인 및 변경이 가능합니다.</td></tr><tr><td>(4-3)</td><td>닉네임</td><td>회원 닉네임을 확인 및 변경 가능합니다.</td></tr><tr><td>(4-4)</td><td>연락처</td><td>회원 연락처를 확인 및 변경 가능합니다.</td></tr><tr><td>(4-5)</td><td>성별</td><td>회원 성별을 확인가능 합니다.</td></tr><tr><td>(4-6)</td><td>개인정보 수집 동의</td><td>개인정보 수집 동의를 했는지 확인 가능합니다.</td></tr><tr><td>(4-7)</td><td>이메일</td><td>회원 이메일을 확인 및 변경 가능합니다.</td></tr><tr><td>(4-8)</td><td>상점 구분</td><td>사이트 내 이용자 구분 <br>(ex. ledu -> ledu / presslearn - > presslearn)</td></tr><tr><td>(4-9)</td><td>아이디</td><td>회원 아이디를 확인 및 변경 가능합니다.</td></tr><tr><td>(4-10)</td><td>회원 가입일</td><td>회원가입 날짜를 확인 가능합니다.</td></tr><tr><td>(4-11)</td><td>주소</td><td>회원 주소를 확인 가능합니다. (수집 시)</td></tr><tr><td>(4-12)</td><td>나이</td><td>회원 나이를 확인 가능 합니다. (수집 시)</td></tr><tr><td>(4-13)</td><td>SNS 및 마케팅 수집 동의</td><td>SNS 및 마케팅 수집 동의 여부를 알 수 있습니다. (수집 시)</td></tr><tr><td>(4-14)</td><td>비밀번호 변경</td><td>비밀번호 변경이 가능합니다.</td></tr></tbody></table>

<div align="left"><figure><img src="https://1736609049-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FhXqpQKK3ny5H23yHno34%2Fuploads%2FQvH8hih108kV59AZo1LX%2Fimage.png?alt=media&amp;token=2bdadcb8-59f2-4637-80f6-2cd2defcc5aa" alt=""><figcaption></figcaption></figure></div>

{% hint style="warning" %}
회원 정보 변경 시 '**저장하기**' 버튼을 눌러주세요.
{% endhint %}

### **결제내역**

{% hint style="info" %}
사이트 내 이용자가 현재까지 결제한 내역에 대해서 알려드립니다.
{% endhint %}

<figure><img src="https://1736609049-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FhXqpQKK3ny5H23yHno34%2Fuploads%2FbX48PqIJfWyqjCLADYx8%2F%ED%9A%8C%EC%9B%90%20%EA%B2%B0%EC%A0%9C%EB%82%B4%EC%97%AD.png?alt=media&amp;token=44c51e54-2ac2-4ec4-bae7-affcf6aa7b67" alt=""><figcaption></figcaption></figure>

<table><thead><tr><th width="80">순번</th><th width="141">필드 명</th><th>설명</th></tr></thead><tbody><tr><td>1</td><td>결제일</td><td>수강 결제 한 날짜를 표시합니다.</td></tr><tr><td>2</td><td>결제한 클래스</td><td>결제한 클래스 이름과 클래스 리디렉션을 보여줍니다.</td></tr><tr><td>3</td><td>결제금액</td><td>결제한 금액을 표시합니다.</td></tr><tr><td>4</td><td>결제상태</td><td>결제 대기 및 결제 완료 등 현재 결제상태를 나타냅니다.</td></tr><tr><td>5</td><td>자세히</td><td>현재 수강하고 있는 클래스의 진행률을 알 수 있습니다.</td></tr><tr><td>6</td><td>환불하기</td><td>결제한 전액 금액을 환불 할 수 있습니다.</td></tr><tr><td>7</td><td>환불금액</td><td>환불 시 환불 금액에 대해서 표시됩니다.</td></tr></tbody></table>

### **수강내역**

{% hint style="info" %}
사이트 내 회원의 활동 이력을 확인하실 수 있습니다.
{% endhint %}

<figure><img src="https://1736609049-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FhXqpQKK3ny5H23yHno34%2Fuploads%2FGwym5x2hhwQn2R7PotkU%2Fimage.png?alt=media&amp;token=95d525b5-36eb-4bce-8891-4672e4d9c915" alt=""><figcaption></figcaption></figure>

<table><thead><tr><th width="79">순번</th><th width="158">필드 명</th><th>설명</th></tr></thead><tbody><tr><td>1</td><td>최근 수강이력</td><td>최근 시청한 클래스 내 수강 이력을 표시합니다.</td></tr><tr><td>2</td><td>질문/답변 내용</td><td>최근 이용한 질문 및 답변에 대한 내용을 표시합니다.</td></tr><tr><td>3</td><td>수강 중인 클래스</td><td>현재 수강 중인 클래스를 표시합니다.</td></tr></tbody></table>

### **환불 방법**

<div align="left"><figure><img src="https://1736609049-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FhXqpQKK3ny5H23yHno34%2Fuploads%2FBFWVKrxvueZFR7fxvHUr%2Fimage.png?alt=media&amp;token=504801e9-cce8-4f50-b26d-5410c632f29d" alt=""><figcaption></figcaption></figure></div>

{% hint style="info" %}
'**환불하기**' 버튼을 눌러주세요.
{% endhint %}

<figure><img src="https://1736609049-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FhXqpQKK3ny5H23yHno34%2Fuploads%2FbJkmcarKZakRZxl6IRS4%2Fimage.png?alt=media&amp;token=f432e2ff-d863-4bc9-8c89-f763ff724c9f" alt=""><figcaption></figcaption></figure>

{% hint style="info" %}
환불하고 싶은 \[**부분 환불**], \[**전액 환불**] 체크 후 '**환불하기**' 버튼 눌러주세요.
{% endhint %}


# 회원등급 설정

{% hint style="info" %}
사이트 내 회원등급을 다양하게 설정할 수 있습니다.
{% endhint %}

### **회원등급 설정 방법**

<div align="left"><figure><img src="https://1736609049-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FhXqpQKK3ny5H23yHno34%2Fuploads%2Faz6J7JxtxW8gwCEe6BkS%2Fimage.png?alt=media&amp;token=2b6ecd99-4a25-48ad-a9fb-c2bb65cfa8c7" alt=""><figcaption></figcaption></figure></div>

{% hint style="info" %}
**'등록하기'** 버튼을 눌러 회원등급 설정이 가능합니다.
{% endhint %}

<figure><img src="https://1736609049-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FhXqpQKK3ny5H23yHno34%2Fuploads%2FgFEJVODvHISWE2AY7Jd1%2Fimage.png?alt=media&amp;token=132d107b-322a-4ad6-8d93-893832d184c5" alt=""><figcaption></figcaption></figure>

<table><thead><tr><th width="84">순번</th><th width="109">필드 명</th><th>설명</th></tr></thead><tbody><tr><td>1</td><td>등급명</td><td>회원등급에 설정할 이름을 입력해주세요.</td></tr><tr><td>2</td><td>중복확인</td><td>'<strong>중복확인</strong>' 버튼을 눌러 중복 확인해주세요.</td></tr></tbody></table>

### **등급 평가 기준**

{% hint style="info" %}
회원 등급의 조건을 설정할 수 있습니다.
{% endhint %}

<figure><img src="https://1736609049-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FhXqpQKK3ny5H23yHno34%2Fuploads%2FeZJgGQlRzEB6KyVXfTOp%2Fimage.png?alt=media&amp;token=bb9ca20e-9ad9-41cb-8a6f-e4e958bc586e" alt=""><figcaption></figcaption></figure>

<table><thead><tr><th width="86">순번</th><th width="97">필드 명</th><th>설명</th></tr></thead><tbody><tr><td>1</td><td>방문횟수</td><td>원하는 숫자를 기입하여 조건을 설정해주세요.</td></tr><tr><td>2</td><td>작성글수</td><td>원하는 숫자를 기입하여 조건을 설정해주세요.</td></tr><tr><td>3</td><td>댓글개수</td><td>원하는 숫자를 기입하여 조건을 설정해주세요.</td></tr></tbody></table>

{% hint style="warning" %}
조건달성 시 자동적으로 등급이 적용됩니다.
{% endhint %}

### **특정 클래스 수강 기준**

{% hint style="info" %}
회원 등급의 조건을 설정할 수 있습니다.
{% endhint %}

<figure><img src="https://1736609049-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FhXqpQKK3ny5H23yHno34%2Fuploads%2FZlYMJpkqV7pY0KSfsRX3%2Fimage.png?alt=media&amp;token=c0248d1a-a08f-4115-b1f1-646586acfa7d" alt=""><figcaption></figcaption></figure>

{% hint style="info" %}
특정등급을 설정할 클래스를 지정해주세요.
{% endhint %}

<div align="left"><figure><img src="https://1736609049-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FhXqpQKK3ny5H23yHno34%2Fuploads%2F4ubM0euh4EFr1cyKDj08%2Fimage.png?alt=media&amp;token=898485f2-5a36-4f8b-a36d-013addae6bbd" alt=""><figcaption></figcaption></figure></div>

{% hint style="info" %}
모든 설정을 마친 후에는 '**저장하기**' 버튼을 눌러주세요.
{% endhint %}


# 마일리지 기본설정

{% hint style="info" %}
**마일리지란?**

마일리지는 사이트 내 현금처럼 사용할 수 있는 화폐입니다.
{% endhint %}

<figure><img src="https://1736609049-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FhXqpQKK3ny5H23yHno34%2Fuploads%2FVJGrKltnBFXdiShSBgxm%2F%EB%A7%88%EC%9D%BC%EB%A6%AC%EC%A7%80%20%EA%B8%B0%EB%B3%B8%EC%84%A4%EC%A0%95.png?alt=media&amp;token=bbe2cc3e-0ed4-41f4-bb09-87bcd469fa51" alt=""><figcaption></figcaption></figure>

<table><thead><tr><th width="82">순번</th><th width="222">필드 명</th><th>설명</th></tr></thead><tbody><tr><td>1</td><td>마일리지 사용</td><td> </td></tr><tr><td>(1-1)</td><td>사용함</td><td>사이트 내에 마일리지 사용을 이용할 수 있습니다.</td></tr><tr><td>(1-2)</td><td>사용안함</td><td>사이트 내에 마일리지 사용을 이용할 수 없습니다.</td></tr><tr><td>2</td><td>몰 노출 이름</td><td>포인트 이름을 입력해주세요.</td></tr><tr><td>3</td><td>단위 (선택)</td><td>사용할 포인트 단위를 입력해주세요.</td></tr><tr><td>4</td><td>마일리지 지급 후 만료기한</td><td><p>마일리지가 지급 된 후 사용 기간을 입력해주세요.</p><p>(공백 시 제한 없음)</p></td></tr></tbody></table>

{% hint style="info" %}
설정 후에는 '**저장하기**' 버튼을 눌러주세요.
{% endhint %}


# 마일리지 사용설정

{% hint style="info" %}
마일리지 사용 설정을 통하여 판매하는 상품에 구매 제한을 만들 수 있습니다.
{% endhint %}

<figure><img src="https://1736609049-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FhXqpQKK3ny5H23yHno34%2Fuploads%2FerilfwX8J3DvBljxjLRy%2F%EB%A7%88%EC%9D%BC%EB%A6%AC%EC%A7%80%20%EC%82%AC%EC%9A%A9%EC%84%A4%EC%A0%95.png?alt=media&amp;token=526f6d5e-ac62-4562-a7d5-137a8331a331" alt=""><figcaption></figcaption></figure>

<table><thead><tr><th width="79">순번</th><th width="206">필드 명</th><th>설명</th></tr></thead><tbody><tr><td>1</td><td>최소 보유 마일리지 제한</td><td>사이트 내 이용자가 결제 시 최소 마일리지를 보유하고 있어야지만 사용이 가능하게 설정할 수 있습니다.</td></tr><tr><td>2</td><td>최소 사용 마일리지 제한</td><td>사이트 내 이용자가 결제 시 사용 할 최소 마일리지를 설정할 수 있습니다.</td></tr></tbody></table>

{% hint style="info" %}
설정 후에는 '**저장하기**' 버튼을 눌러주세요.
{% endhint %}


# 마일리지 지급설정

{% hint style="info" %}
마일리지를 이벤트 별 자동으로 지급 설정을 할 수 있습니다.
{% endhint %}

<figure><img src="https://1736609049-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FhXqpQKK3ny5H23yHno34%2Fuploads%2FeDC8CbnFAR3UTXmlvxMT%2F%EB%A7%88%EC%9D%BC%EB%A6%AC%EC%A7%80%20%EC%A7%80%EA%B8%89%EC%84%A4%EC%A0%95.png?alt=media&amp;token=c73d1d89-d168-4c19-885c-2bb251e1cb99" alt=""><figcaption></figcaption></figure>

### **신규 회원 가입 지급**

<table><thead><tr><th width="80">순번</th><th width="175">필드 명</th><th>설명</th></tr></thead><tbody><tr><td>1</td><td>신규 회원 가입 시</td><td>신규 회원 가입 시 이용자에게 자동 지급 될 마일리지 금액을 설정할 수 있습니다.</td></tr><tr><td>2</td><td>이메일 수신 동의 시</td><td>이메일 수신 동의 시 이용자에게 자동 지급 될 마일리지 금액을 설정할 수 있습니다.</td></tr><tr><td>3</td><td>SMS 수신 동의 시</td><td>SMS 수신 동의 시 이용자에게 자동 지급 될 마일리지 금액을 설정할 수 있습니다.</td></tr></tbody></table>

### **추천인 등록**

<table><thead><tr><th width="80">순번</th><th width="241">필드 명</th><th>설명</th></tr></thead><tbody><tr><td>4</td><td>추천인 아이디를 등록한 회원</td><td>추천인을 등록한 회원에게 자동으로 지급 될 마일리지 금액을 설정할 수 있습니다.</td></tr><tr><td>5</td><td>추천인으로 등록된 회원</td><td>추천인으로 적용된 회원에게 자동으로 지급 될 마일리지 금액을 설정할 수 있습니다.</td></tr></tbody></table>

### **생일 축하 마일리지**

<table><thead><tr><th width="80">순번</th><th width="119">필드 명</th><th>설명</th></tr></thead><tbody><tr><td>6</td><td>생일인 회원</td><td>생일인 회원에게 자동으로 지급 될 마일리지 금액을 설정할 수 있습니다.</td></tr></tbody></table>

{% hint style="info" %}
설정 후에는 '**저장하기**' 버튼을 눌러주세요.
{% endhint %}


# 마일리지 지급/차감 내역

{% hint style="info" %}
마일리지를 지급/차감 내역 확인 및 수동적 마일리지 지급/차감이 가능합니다.
{% endhint %}

### **마일리지 지급/차감 내역**

<figure><img src="https://1736609049-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FhXqpQKK3ny5H23yHno34%2Fuploads%2F00Ubc6mdDpX3Jni7LW95%2F%EB%A7%88%EC%9D%BC%EB%A6%AC%EC%A7%80%EC%A7%80%EA%B8%89%EC%B0%A8%EA%B0%90%EB%82%B4%EC%97%AD.png?alt=media&amp;token=842b920e-051e-4e03-bc88-6c9a4da6b4f9" alt=""><figcaption></figcaption></figure>

<table><thead><tr><th width="86">순번</th><th width="178">필드 명 </th><th>설명</th></tr></thead><tbody><tr><td>1</td><td>검색 창</td><td>마일리지 지급/차단 된 DB를 검색 할 수 있습니다.</td></tr><tr><td>2</td><td>기간 설정</td><td>원하는 날짜를 설정하여 검색 할 수 있습니다.</td></tr><tr><td>3</td><td>마일리지 지급/차감</td><td><p>마일리지 지급 또는 차감을 할 수 있습니다.</p><p>(자세한 사항은 하단 '<strong>지급/차감</strong>'을 확인해주세요.)</p></td></tr><tr><td>4</td><td>보기 선택</td><td>10개 단위로 50개 까지 리스트를 확인 할 수 있습니다.</td></tr><tr><td>5</td><td>다운로드</td><td>지급된 DB를 엑셀 파일로 받아보실 수 있습니다.</td></tr><tr><td>6</td><td>지급/차감 내역</td><td>사이트 내 마일리지가 지급/차감 된 내역을 확인 가능합니다.</td></tr></tbody></table>

### **마일리지 지급/차감**

<figure><img src="https://1736609049-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FhXqpQKK3ny5H23yHno34%2Fuploads%2FP1B3czeYDmfIkzidnKxH%2F%EB%A7%88%EC%9D%BC%EB%A6%AC%EC%A7%80%EC%A7%80%EA%B8%89%EC%B0%A8%EA%B0%90.png?alt=media&amp;token=2ebf3093-8a39-42a5-8b03-7c7103bdc198" alt=""><figcaption></figcaption></figure>

<table><thead><tr><th width="81">순번</th><th width="137">필드 명</th><th>설명</th></tr></thead><tbody><tr><td>1</td><td>검색 창</td><td>원하는 회원이 이름을 검색할 수 있습니다.</td></tr><tr><td>2</td><td>지급/차감</td><td>지급 또는 차감을 선택하실 수 있습니다.</td></tr><tr><td>3</td><td>마일리지 금액</td><td>지급/차감 할 금액을 입력해주세요.</td></tr><tr><td>4</td><td>사유</td><td>지급/차감 할 사유를 입력해주세요.</td></tr></tbody></table>

{% hint style="warning" %}
사유 입력 시 지급/차감 되는 이용자에게도 해당 사유가 노출됩니다.
{% endhint %}

{% hint style="info" %}
설정 후에는 '**저장하기**' 버튼을 눌러주세요.
{% endhint %}


# 자동 메일 설정

{% hint style="info" %}
자동 메일은 [\[몰  기본 설정\]](/default-setting/foundation) 입력하신 '대표 이메일'로 전송됩니다.
{% endhint %}

<figure><img src="https://1736609049-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FhXqpQKK3ny5H23yHno34%2Fuploads%2FFSJyCk4LVIhMtDFAXSTp%2Fimage.png?alt=media&amp;token=f99f9c8a-09aa-4bbc-bf99-c4e6e5d87f6c" alt=""><figcaption></figcaption></figure>

<table><thead><tr><th width="83">순번</th><th width="174">필드 명</th><th>설명</th></tr></thead><tbody><tr><td>1</td><td>자동 메일 사용 설정</td><td> </td></tr><tr><td>(1-1)</td><td>사용함</td><td>사이트 내 자동 메일 사용을 하지 않게 합니다.</td></tr><tr><td>(1-2)</td><td>사용 안함</td><td>사이트 내 자동 메일 사용을 하지 않게 합니다.</td></tr></tbody></table>


# 자동 메일 템플릿 리스트

{% hint style="info" %}
템플릿을 만들어 이벤트 별 이메일이 자동으로 전송되게 할 수 있습니다.
{% endhint %}

### **자동 메일 템플릿 리스트**

<figure><img src="https://1736609049-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FhXqpQKK3ny5H23yHno34%2Fuploads%2FBms9NkSb246FBcApwQJH%2F%EC%9E%90%EB%8F%99%EB%A9%94%EC%9D%BC%20%ED%85%9C%ED%94%8C%EB%A6%BF%EB%A6%AC%EC%8A%A4%ED%8A%B8.png?alt=media&amp;token=9ddcfb06-e187-4822-8ea2-209bacdd8c99" alt=""><figcaption></figcaption></figure>

<table><thead><tr><th width="79">순번</th><th width="135">필드 명</th><th>설명</th></tr></thead><tbody><tr><td>1</td><td>검색 창</td><td>자동 메일 템플릿을 검색 할 수 있습니다.</td></tr><tr><td>2</td><td>기간 설정</td><td>자동 메일 템플릿을 만들었던 날짜로 조회가 가능합니다.</td></tr><tr><td>3</td><td>등록하기</td><td>자동 메일 템플릿을 등록하실 수 있습니다.<br>(자세한 사항은 하단 ‘<strong>자동 메일 템플릿 등록 방법</strong>’을 확인해주세요.</td></tr><tr><td>4</td><td>선택삭제</td><td>자동 메일 템플릿을 체크 후 '<strong>선택삭제</strong>' 버튼을 누르시면 삭제 됩니다.</td></tr><tr><td>5</td><td>템플릿 리스트</td><td>등록된 템플릿을 확인 하실 수 있습니다.</td></tr></tbody></table>

### **자동 메일 템플릿 등록 방법**

<figure><img src="https://1736609049-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FhXqpQKK3ny5H23yHno34%2Fuploads%2FD8gOwj663GcqUFLSJYgV%2Fimage.png?alt=media&amp;token=804860bb-0d6b-4023-a100-651a280dff96" alt=""><figcaption></figcaption></figure>

<table><thead><tr><th width="78">순번</th><th width="149">필드 명</th><th>설명</th></tr></thead><tbody><tr><td>1</td><td>결제 완료</td><td>결제 완료 시 자동 메일이 전송되는 템플릿을 만들 수 있습니다.</td></tr><tr><td>2</td><td>입금 요청</td><td>가상계좌 결제 시 입금요청 자동 메일이 전송되는 템플릿을 만들 수 있습니다.</td></tr><tr><td>3</td><td>환불 완료</td><td>환불 시 자동 메일이 전송되는 템플릿을 만들 수 있습니다.</td></tr><tr><td>4</td><td>회원 가입</td><td>회원 가입 시 자동 메일이 전송되는 템플릿을 만들 수 있습니다.</td></tr><tr><td>5</td><td>회원 탈퇴</td><td>회원 탈퇴 시 자동 메일이 전송되는 템플릿을 만들 수 있습니다.</td></tr><tr><td>6</td><td>비밀번호 초기화</td><td>비밀번호 초기화 시 자동 메일이 전송되는 템플릿을 만들 수 있습니다.</td></tr></tbody></table>

{% hint style="info" %}
6가지의 선택지 중 한가지를 선택해주세요.
{% endhint %}

<figure><img src="https://1736609049-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FhXqpQKK3ny5H23yHno34%2Fuploads%2FSMQW6k9n3pwMwfYR6iRi%2F%EC%9E%90%EB%8F%99%EB%A9%94%EC%9D%BC%20%ED%85%9C%ED%94%8C%EB%A6%BF%201.png?alt=media&amp;token=fa4f1cd9-2e8a-405b-a2bf-44c510c3f6f8" alt=""><figcaption></figcaption></figure>

<table><thead><tr><th width="80">순번</th><th width="120">필드 명</th><th>설명</th></tr></thead><tbody><tr><td>1</td><td>템플릿 순번</td><td>현재 등록중인 템플릿 번호 입니다.</td></tr><tr><td>2</td><td>템플릿 명</td><td><p>템플릿 이름을 설정하시면 됩니다.</p><p>(ex. 회원가입 템플릿, 회원탈퇴 템플릿 등)</p></td></tr><tr><td>3</td><td>중복 할인</td><td>템플릿 명의 중복확인을 확인해주세요.</td></tr><tr><td>4</td><td>이미지 추가</td><td>자동으로 전송될 메일의 내용 중 이미지를 추가 할 수 있습니다.</td></tr><tr><td>5</td><td>상세 내용</td><td>자동으로 전송될 메일의 내용을 입력해주시면 됩니다.</td></tr></tbody></table>

{% hint style="info" %}
상세 내용 안에는 텍스트 또는 CSS도 추가 할 수 있습니다.
{% endhint %}

<figure><img src="https://1736609049-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FhXqpQKK3ny5H23yHno34%2Fuploads%2FuF0BdApJG1NyNy24LD3Z%2Fimage.png?alt=media&amp;token=6f8c3133-110e-44fb-94cc-fdd7f05a52ef" alt=""><figcaption></figcaption></figure>

<table><thead><tr><th width="80">순번</th><th width="106">필드 명</th><th>설명</th></tr></thead><tbody><tr><td>1</td><td>사용함</td><td>자동 메일 템플릿을 활성화합니다.</td></tr><tr><td>2</td><td>사용 안함</td><td>자동 메일 템플릿을 비활성화 합니다.</td></tr></tbody></table>

{% hint style="info" %}
모든 설정을 마친 후에는 '**저장하기**' 버튼을 눌러주세요.
{% endhint %}


# 자동 메일 발송내역

{% hint style="info" %}
자동 메일 발송 사유와 회원 이메일 등 확인 할 수 있습니다.
{% endhint %}

<figure><img src="https://1736609049-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FhXqpQKK3ny5H23yHno34%2Fuploads%2FZ5cNdOW8JLHWuDl6CzfF%2F%EC%9E%90%EB%8F%99%EC%9D%B4%EB%A9%94%EC%9D%BC%EB%82%B4%EC%97%AD.png?alt=media&amp;token=25914fa9-3867-4ad9-aa2d-9908efac0696" alt=""><figcaption></figcaption></figure>

<table><thead><tr><th width="87">순번</th><th width="137">필드 명</th><th>설명</th></tr></thead><tbody><tr><td>1</td><td>검색 창</td><td>메일이 발송 된 정보로 검색이 가능합니다.</td></tr><tr><td>2</td><td>기간 설정</td><td>기간을 설정하여 검색이 가능합니다.</td></tr><tr><td>3</td><td>발송된 이메일</td><td>자동으로 발송된 이메일의 발송 내역을 확인 가능합니다.</td></tr></tbody></table>


# 쿠폰 리스트

{% hint style="info" %}
사이트 내 판매중인 상품에 대한 할인 쿠폰 및 적립금 쿠폰을 확인 및 생성할 수 있습니다.
{% endhint %}

<figure><img src="https://1736609049-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FhXqpQKK3ny5H23yHno34%2Fuploads%2FOydVmniDMdY06ZRuvDYz%2F%EC%BF%A0%ED%8F%B0%EB%A6%AC%EC%8A%A4%ED%8A%B8.png?alt=media&amp;token=4e7d1bbe-4ef7-4ef2-8b47-9fcac783a57d" alt=""><figcaption></figcaption></figure>

<table><thead><tr><th width="77">순번</th><th width="239">필드 명</th><th>설명</th></tr></thead><tbody><tr><td>1</td><td>검색 창</td><td>쿠폰을 검색 할 수 있습니다.</td></tr><tr><td>2</td><td>기간 설정</td><td>기간을 설정하여 쿠폰을 검색 할 수 있습니다.</td></tr><tr><td>3</td><td>지급방식/쿠폰구분/발급상태</td><td>검색하고 싶은 부분에 체크하여 검색 할 수 있습니다.</td></tr><tr><td>4</td><td>등록하기</td><td><p>쿠폰을 등록 할 수 있습니다.</p><p>(자세한 사항은 하단 '<strong>등록 방법</strong>'을 확인해주세요.)</p></td></tr><tr><td>5</td><td>선택삭제</td><td>삭제하고 싶은 쿠폰을 체크 후 '<strong>선택삭제</strong>' 버튼을 눌러 삭제가 가능합니다.</td></tr><tr><td>6</td><td>쿠폰 리스트</td><td>지금까지 만든 쿠폰의 리스트와 수정이 가능합니다.</td></tr></tbody></table>

### **쿠폰 등록 방법**

<figure><img src="https://1736609049-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FhXqpQKK3ny5H23yHno34%2Fuploads%2FEQJt3sL5CxS5DJxEi0Le%2F%EC%BF%A0%ED%8F%B0%EB%93%B1%EB%A1%9D%ED%95%98%EA%B8%B01.png?alt=media&amp;token=4bf7beb2-fff8-488b-89b8-9854e0bd3669" alt=""><figcaption></figcaption></figure>

<table><thead><tr><th width="88">순번</th><th width="212">필드 명</th><th>설명</th></tr></thead><tbody><tr><td>1</td><td>쿠폰 번호</td><td>사이트 내 현재까지 만들어진 쿠폰의 번호가 보여집니다.</td></tr><tr><td>2</td><td>할인,적립 쿠폰/자동,코드</td><td> </td></tr><tr><td>(2-1)</td><td>할인 쿠폰</td><td>사이트 내 판매되는 상품을 할인 해주는 쿠폰입니다.</td></tr><tr><td>(2-2)</td><td>적립 쿠폰</td><td>사이트 내 적립금을 지급할 수 있는 쿠폰입니다.</td></tr><tr><td>(2-a)</td><td>자동</td><td>쿠폰 번호를 자동으로 생성합니다.</td></tr><tr><td>(2-b)</td><td>코드</td><td>쿠폰 번호를 임의적으로 생성합니다.</td></tr><tr><td>3</td><td>쿠폰 사용 범위</td><td>사이트 내 모든 상품, 특정 상품, 특정 카테고리를 지정하여 사용할 수 있게 합니다.</td></tr><tr><td>4</td><td>쿠폰 명</td><td><p>쿠폰의 이름을 입력해주세요.</p><p>(ex. 가입자 1,000명 돌파 축하 쿠폰)</p></td></tr><tr><td>5</td><td>쿠폰 혜택</td><td> </td></tr><tr><td>(5-1)</td><td>퍼센트 할인</td><td>사이트 내 판매되는 상품의 금액을 퍼센트로 할인 해주는 쿠폰입니다.</td></tr><tr><td>(5-2)</td><td>금액 할인</td><td>사이트 내 판매되는 상품의 금액을 지정하여 할인 해주는 쿠폰입니다.</td></tr><tr><td>6</td><td>쿠폰 발급 수량</td><td>쿠폰의 수량을 입력해주세요.</td></tr><tr><td>7</td><td>쿠폰 사용 기간 설정</td><td><p>쿠폰을 사용 할 수 있는 기간을 설정해주세요.</p><p>('<strong>제한 없음</strong>' 체크 시 무제한으로 쿠폰을 사용 할 수 있습니다.)</p></td></tr><tr><td>8</td><td>쿠폰 설명</td><td>쿠폰을 발행하는 목적에 대한 설명을 입력해주세요.</td></tr></tbody></table>

### **코드로 지정 시**

<figure><img src="https://1736609049-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FhXqpQKK3ny5H23yHno34%2Fuploads%2FxpJyV85eaq1tAkxKn7n2%2Fimage.png?alt=media&amp;token=ca1e21f9-e83a-479c-9ea4-68a54accb827" alt=""><figcaption></figcaption></figure>

{% hint style="info" %}
쿠폰번호를 임의적으로 작성하여 생성할 수 있습니다.
{% endhint %}

<div align="left"><figure><img src="https://1736609049-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FhXqpQKK3ny5H23yHno34%2Fuploads%2F30R2kWaOVd0Qemd0DZ2J%2Fimage.png?alt=media&amp;token=04453351-ef94-49fe-8ad8-2d5a4e0e17ee" alt=""><figcaption></figcaption></figure></div>

{% hint style="info" %}
모든 설정을 마친 후에는 '**저장하기**' 버튼을 눌러주세요.
{% endhint %}


# 출석체크 리스트

{% hint style="info" %}
**출석체크란?**

사이트 내 이용자가 출석체크를 하며, 이벤트 및 방문 분석이 가능합니다.
{% endhint %}

<figure><img src="https://1736609049-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FhXqpQKK3ny5H23yHno34%2Fuploads%2Fe8Onqm1KVEmFr9qXrp6m%2F%EC%B6%9C%EC%84%9D%EC%B2%B4%ED%81%AC%EB%A6%AC%EC%8A%A4%ED%8A%B8.png?alt=media&amp;token=be6464ec-8402-4171-a18b-b11f399f66e6" alt=""><figcaption></figcaption></figure>

<table><thead><tr><th width="87">순번</th><th width="151">필드 명</th><th>설명</th></tr></thead><tbody><tr><td>1</td><td>검색 창</td><td>이벤트 명을 검색 할 수 있습니다.</td></tr><tr><td>2</td><td>기간 설정</td><td>기간 내 이벤트들을 검색 할 수 있습니다.</td></tr><tr><td>3</td><td>이벤트 형태</td><td>원하는 항목에 체크하여 검색 할 수 있습니다.</td></tr><tr><td>(3-1)</td><td>진행 상태</td><td> </td></tr><tr><td>(a)</td><td>진행중</td><td>진행중인 출석체크 이벤트를 확인 할 수 있습니다.</td></tr><tr><td>(b)</td><td>중단</td><td>중단중인 출석체크 이벤트를 확인 할 수 있습니다.</td></tr><tr><td>(3-2)</td><td>이벤트 유형</td><td> </td></tr><tr><td>(a)</td><td>스탬프형</td><td>출석체크 페이지에서 '<strong>출석체크</strong>' 버튼을 눌러 출석체크가 되는 유형입니다.</td></tr><tr><td>(b)</td><td>로그인형</td><td>로그인 시 출석체크가 자동적으로 되는 유형입니다.</td></tr><tr><td>(c)</td><td>댓글형</td><td>출석체크 페이지에서 댓글을 남기면 출석체크가 되는 유형입니다.</td></tr><tr><td>(3-3)</td><td>출석체크 형태</td><td> </td></tr><tr><td>(a)</td><td>누적</td><td>누적된 출석체크 횟수로 이벤트를 발생합니다.</td></tr><tr><td>(b)</td><td>연속</td><td>연속된 출석체크 횟수로 이벤트를 발생합니다.</td></tr><tr><td>(c)</td><td>출석할 때 마다</td><td>출석체크 할때 마다 이벤트를 발생합니다.</td></tr><tr><td>4</td><td>등록하기</td><td><p>출석체크 페이지를 새로 만드실 수 있습니다.</p><p>(자세한 사항은 '<strong>출석체크 페이지 만드는 방법</strong>'을 확인해주세요.)</p></td></tr><tr><td>5</td><td>선택삭제</td><td>삭제하고 싶은 출석체크를 체크 후 '<strong>선택삭제</strong>' 버튼을 누르시면 삭제됩니다.</td></tr><tr><td>6</td><td>출석체크 리스트</td><td>사이트 내 만들어진 출석체크 페이지들을 확인 및 수정이 가능합니다.</td></tr></tbody></table>

**출석체크 페이지 만드는 방법**

<figure><img src="https://1736609049-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FhXqpQKK3ny5H23yHno34%2Fuploads%2FzR4Pzdm85I2uBlCoTFtV%2F%EC%B6%9C%EC%84%9D%EC%B2%B4%ED%81%AC%EB%93%B1%EB%A1%9D%EB%B0%A9%EB%B2%95.png?alt=media&amp;token=93f0c269-bc18-46b3-815a-cd85e7418f27" alt=""><figcaption></figcaption></figure>

<table><thead><tr><th width="84">순번</th><th width="225">필드 명</th><th>설명</th></tr></thead><tbody><tr><td>1</td><td>출석체크 이벤트명</td><td>출석체크 이벤트의 이름을 입력해주세요.</td></tr><tr><td>2</td><td>이벤트 유형</td><td> </td></tr><tr><td>(2-1)</td><td>스탬프형</td><td>출석체크 페이지에서 '<strong>출석체크</strong>' 버튼을 눌러 출석체크가 되는 유형입니다.</td></tr><tr><td>(2-2)</td><td>로그인형</td><td>로그인 시 출석체크가 자동적으로 되는 유형입니다.</td></tr><tr><td>(2-3)</td><td>댓글형</td><td>출석체크 페이지에서 댓글을 남기면 출석체크가 되는 유형입니다.</td></tr><tr><td>3</td><td>이벤트 조건</td><td> </td></tr><tr><td>(3-1)</td><td>누적</td><td>누적된 출석체크 횟수로 이벤트를 발생합니다.</td></tr><tr><td>(3-2)</td><td>연속</td><td>연속된 출석체크 횟수로 이벤트를 발생합니다.</td></tr><tr><td>(3-3)</td><td>출석할 때 마다</td><td>출석체크 할때 마다 이벤트를 발생합니다.</td></tr><tr><td>4</td><td>이벤트 기간 설정</td><td>출석체크 활성화 기간을 입력해주세요.</td></tr><tr><td>5</td><td>이벤트 지급 조건</td><td>출석체크 횟수를 지정하여 달성 시 혜택이 지급됩니다.</td></tr><tr><td>6</td><td>조건 달성 시 보상 혜택</td><td> </td></tr><tr><td>(6-1)</td><td>미일리지 지급</td><td>조건 달성 회원에게 마일리지를 지급합니다.</td></tr><tr><td>(6-2)</td><td>쿠폰 지급</td><td><a href="/promotion/coupon">[쿠폰 리스트]</a> 쿠폰을 만들어 조건 달성 회원에게 쿠폰을 지급합니다.</td></tr><tr><td>7</td><td>이벤트 상단 영역 꾸미기</td><td> </td></tr><tr><td>(7-1)</td><td>이미지 추가</td><td>출석체크 페이지 상단에 이미지를 추가 할 수 있습니다.</td></tr><tr><td>(7-2)</td><td>이벤트 상단 영역 내용</td><td>출석체크 페이지에 대한 텍스트 및 CSS를 추가 할 수 있습니다.</td></tr><tr><td>8</td><td>이벤트 하단 영역 꾸미기</td><td> </td></tr><tr><td>(8-1)</td><td>이미지 추가</td><td>출석체크 페이지 하단에 이미지를 추가 할 수 있습니다.</td></tr><tr><td>(8-2)</td><td>이벤트 하단 영역 내용</td><td>출석체크 페이지에 대한 텍스트 및 CSS를 추가 할 수 있습니다.</td></tr><tr><td>9</td><td>스템프 이미지 업로드</td><td>출석체크 페이지 내 스템프를 업로드하여 사용 할 수 있습니다.</td></tr><tr><td>10</td><td>출석완료 메시지</td><td>출석 완료시 메시지를 입력해주세요.</td></tr><tr><td>11</td><td>이벤트 조건 달성 시 메시지</td><td>이벤트 조건 달성 시 메시지를 입력해주세요.</td></tr></tbody></table>

<div align="left"><figure><img src="https://1736609049-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FhXqpQKK3ny5H23yHno34%2Fuploads%2F30R2kWaOVd0Qemd0DZ2J%2Fimage.png?alt=media&amp;token=04453351-ef94-49fe-8ad8-2d5a4e0e17ee" alt=""><figcaption></figcaption></figure></div>

{% hint style="info" %}
모든 설정을 마친 후에는 '**저장하기**' 버튼을 눌러주세요.
{% endhint %}


# 진척율 프로모션 리스트

{% hint style="info" %}
**진척율 프로모션이란?**

사이트 내 판매되는 상품의 진척율을 확인 및 이벤트를 발생 시킬 수 있는 기능입니다.
{% endhint %}

<figure><img src="https://1736609049-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FhXqpQKK3ny5H23yHno34%2Fuploads%2Fp6FwMoyQCPnVz4zb2sh3%2F%EC%A7%84%EC%B2%99%EC%9C%A8%20%ED%94%84%EB%A1%9C%EB%AA%A8%EC%85%98%20%EB%A6%AC%EC%8A%A4%ED%8A%B8.png?alt=media&amp;token=ccd20edd-7575-418f-8585-a9a25ef0aaa8" alt=""><figcaption></figcaption></figure>

<table><thead><tr><th width="84">순번</th><th width="137">필드 명</th><th>설명</th></tr></thead><tbody><tr><td>1</td><td>검색 창</td><td>프로모션을 검색할 수 있습니다.</td></tr><tr><td>2</td><td>기간 설정</td><td>기간 별 프로모션을 검색할 수 있습니다.</td></tr><tr><td>3</td><td>진행상태</td><td> </td></tr><tr><td>(3-1)</td><td>진행중</td><td>진행중인 진척율 프로모션을 검색할 수 있습니다.</td></tr><tr><td>(3-2)</td><td>중단</td><td>중단 중인 진척율 프로모션을 검색할 수 있습니다.</td></tr><tr><td>4</td><td>등록하기</td><td><p>진척율 프로모션을 새로 등록할 수 있습니다.</p><p>(자세한 사항은 하단 '<strong>진척율 프로모션 등록 방법</strong>'을 참고해주세요.)</p></td></tr><tr><td>5</td><td>선택삭제</td><td>삭제하고 싶은 프로모션을 체크 후 '<strong>선택삭제</strong>' 버튼을 눌러주면 삭제됩니다.</td></tr><tr><td>6</td><td>이벤트 리스트</td><td>프로모션 리스트의 요약 정보 및 수정이 가능합니다.</td></tr></tbody></table>

**진척율 프로모션 등록 방법**

<figure><img src="https://1736609049-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FhXqpQKK3ny5H23yHno34%2Fuploads%2FFxtsk8vd4DvX3Tj3UqvJ%2F%EC%A7%84%EC%B2%99%EC%9C%A8%ED%94%84%EB%A1%9C%EB%AA%A8%EC%85%98%EB%A7%8C%EB%93%A4%EA%B8%B0.png?alt=media&amp;token=bf78b47f-12ef-4878-953c-432cff0963ff" alt=""><figcaption></figcaption></figure>

<table><thead><tr><th width="84">순번</th><th width="156">필드 명</th><th>설명</th></tr></thead><tbody><tr><td>1</td><td>이벤트 번호</td><td>사이트 내 진척율 프로모션 개설한 번호입니다.</td></tr><tr><td>2</td><td>이벤트 명</td><td>진척율 프로모션 이름을 입력해주세요.</td></tr><tr><td>3</td><td>이벤트 기간 설정</td><td><p>진척율 프로모션을 활성화 할 기간을 설정해주세요.</p><p>('<strong>제한 없음</strong>' 설정 시 기한없이 진행됩니다.)</p></td></tr><tr><td>4</td><td>이벤트 범위</td><td>사이트 내 판매되는 상품을 선택 후 진척율을 입력해주세요.</td></tr><tr><td>5</td><td>달성 보상 설정</td><td> </td></tr><tr><td>(5-1)</td><td>메시지</td><td>진척율 달성 시 나타낼 메시지 내용을 입력해주세요.</td></tr><tr><td>(5-2)</td><td>쿠폰</td><td><a href="/promotion/coupon">[쿠폰리스트]</a>에서 설정한 쿠폰을 선택해주세요.</td></tr><tr><td>(5-3)</td><td>적립금</td><td>지급 할 적립금 금액을 입력해주세요.</td></tr></tbody></table>

<figure><img src="https://1736609049-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FhXqpQKK3ny5H23yHno34%2Fuploads%2F5VjGov3LfQazdAeMqw4K%2Fimage.png?alt=media&amp;token=a96686b5-4d1a-42e5-9760-e844928d2416" alt=""><figcaption></figcaption></figure>

{% hint style="info" %}
모든 설정을 마친 후 '**저장하기**' 버튼을 눌러주세요.
{% endhint %}


# 게시판 리스트

{% hint style="info" %}
**게시판 리스트란?**

사이트 내 게시판을 확인 및 수정,등록이 가능한 기능입니다.
{% endhint %}

<figure><img src="https://1736609049-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FhXqpQKK3ny5H23yHno34%2Fuploads%2Fl7TvKJ5F0m0FQDvWDW3f%2F%EA%B2%8C%EC%8B%9C%EB%AC%BC%20%EB%A6%AC%EC%8A%A4%ED%8A%B8.png?alt=media&amp;token=a1997af5-0503-493c-a568-82953cb4a832" alt=""><figcaption></figcaption></figure>

<table><thead><tr><th width="82">순번</th><th width="133">필드 명</th><th>설명</th></tr></thead><tbody><tr><td>1</td><td>검색 창</td><td>사이트 내 만들어진 게시판을 검색할 수 있습니다.</td></tr><tr><td>2</td><td>등록하기</td><td><p>게시판을 새로 등록할 수 있습니다.</p><p>(자세한 내용은 <a href="/board/add">[게시판 등록/수정]</a>에서 확인 해주세요.)</p></td></tr><tr><td>3</td><td>선택삭제</td><td>삭제하고 싶은 게시판을 체크 후 '<strong>선택삭제</strong>'버튼을 눌러 삭제 가능합니다.</td></tr><tr><td>4</td><td>게시판 리스트</td><td>사이트 내 만들어진 게시판 리스트를 확인 및 수정 가능합니다.</td></tr></tbody></table>

{% hint style="danger" %}
게시판 삭제 시 게시판 내 게시물도 모두 삭제 됩니다.
{% endhint %}


# 게시판 등록/수정

{% hint style="info" %}
게시글 등록 및 수정을 통하여 게시글을 사이트 이용자에 맞게 이용할 수 있습니다.
{% endhint %}

<figure><img src="https://1736609049-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FhXqpQKK3ny5H23yHno34%2Fuploads%2FzPA42ER4BTCkM5CPo2VO%2F%EA%B2%8C%EC%8B%9C%ED%8C%90%EB%93%B1%EB%A1%9D.png?alt=media&amp;token=24b12300-16b1-4041-95dd-cf94185e8512" alt=""><figcaption></figcaption></figure>

<table><thead><tr><th width="84">순번</th><th width="191">필드 명</th><th>설명</th></tr></thead><tbody><tr><td>1</td><td>게시판 명</td><td>게시판의 이름을 입력해주세요.</td></tr><tr><td>2</td><td>게시판 아이디 입력</td><td>문의</td></tr><tr><td>3</td><td>게시판 권한 설정</td><td> </td></tr><tr><td>(3-1)</td><td>전체(회원 + 비회원)</td><td>사이트 내 모든 사용자가 이용이 가능합니다.</td></tr><tr><td>(3-2)</td><td>관리자 전용</td><td>사이트 내 관리자만 이용이 가능합니다.</td></tr><tr><td>(3-3)</td><td>회원 전용</td><td>사이트 내 회원만 이용이 가능합니다.</td></tr><tr><td>(3-4)</td><td>특정 회원 등급</td><td><p>사이트 내 특정회원등급만 이용이 가능합니다</p><p>(특정회원등급의 경우 다중으로 선택하여 지정할 수 있습니다.)</p></td></tr><tr><td>4</td><td>수정 권한 설정</td><td> </td></tr><tr><td>(4-1)</td><td>전체(작성자 + 관리자)</td><td>작성자와 관리자 모두 수정이 가능합니다.</td></tr><tr><td>(4-2)</td><td>작성자</td><td>작성자만 수정이 가능합니다.</td></tr><tr><td>(4-3)</td><td>괸리자</td><td>관리자만 수정이 가능합니다.</td></tr><tr><td>(4-4)</td><td>수정불가</td><td>발행 후 수정을 할 수 없게 합니다.</td></tr><tr><td>5</td><td>글/댓글 설정</td><td> </td></tr><tr><td>(5-1)</td><td>댓글 기능 사용 여부</td><td> </td></tr><tr><td>(a)</td><td>사용함</td><td>게시물에 댓글 기능을 활성화 합니다.</td></tr><tr><td>(b)</td><td>사용 안함</td><td>게시물에 댓글 기능을 비활성화 합니다.</td></tr><tr><td>(5-2)</td><td>댓글 권한</td><td> </td></tr><tr><td>(a)</td><td>전체(회원 + 비회원)</td><td>사이트 내 모든 이용자가 사용 가능합니다.</td></tr><tr><td>(b)</td><td>관리자 전용</td><td>사이트 내 관리자만 사용 가능합니다.</td></tr><tr><td>(c)</td><td>회원 전용</td><td>사이트 내 회원만 사용 가능합니다.</td></tr><tr><td>(d)</td><td>특정 회원 등급</td><td><p>사이트 내 특정회원등급만 사용 가능합니다.</p><p>(특정회원등급의 경우 다중으로선택하여 지정할 수 있습니다.)</p></td></tr><tr><td>(5-3)</td><td>게시글 추천 기능</td><td>게시글을 상단에 올려 추천할 수 있습니다.</td></tr><tr><td>(a)</td><td>사용함</td><td>게시글 추천 기능을 활성화 합니다.</td></tr><tr><td>(b)</td><td>사용안함</td><td>게시글 추천 기능을 비활성화 합니다.</td></tr><tr><td>(5-4)</td><td>비밀글 설정</td><td> </td></tr><tr><td>(a)</td><td>작성 시 기본 일반글</td><td>글 발행 시 일반글로 발행 됩니다.</td></tr><tr><td>(b)</td><td>작성 시 기본 비밀글</td><td>글 발행 시 비밀글로 발행 됩니다.</td></tr><tr><td>(c)</td><td>무조건 일반글</td><td>비밀글을 설정 할 수 없습니다.</td></tr><tr><td>(b)</td><td>무조건 비밀글</td><td>일반글을 설정 할 수 없습니다.</td></tr><tr><td>(5-5)</td><td>비밀댓글 설정</td><td> </td></tr><tr><td>(a)</td><td>작성 시 기본 일반댓글</td><td>댓글 입력 시 일반댓글로 설정 됩니다.</td></tr><tr><td>(b)</td><td>작성 시 기본 비밀댓글</td><td>댓글 입력 시 비밀댓글로 설정 됩니다.</td></tr><tr><td>(c)</td><td>무조건 일반댓글</td><td>비밀 댓글을 활성화 할 수 없습니다.</td></tr><tr><td>(d)</td><td>무조건 비밀댓글</td><td>일반 댓글을 활성화 할 수 없습니다.</td></tr></tbody></table>

<figure><img src="https://1736609049-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FhXqpQKK3ny5H23yHno34%2Fuploads%2FdiHnMTzqUYYS8dnmV3nv%2F%EA%B2%8C%EC%8B%9C%ED%8C%90%20%EB%93%B1%EB%A1%9D2.png?alt=media&amp;token=2d239ceb-d4b5-44ae-81e9-c3d5c06f225f" alt=""><figcaption></figcaption></figure>

<table><thead><tr><th width="85">순번</th><th width="211">필드 명</th><th>설명</th></tr></thead><tbody><tr><td>6</td><td>게시글 말머리 기능</td><td>게시글 제목 앞 말머리 기능을 활성화 합니다.</td></tr><tr><td>(6-1)</td><td>사용함</td><td>게시글 제목 앞 말머리 기능을 활성화 합니다.</td></tr><tr><td>(6-2)</td><td>사용안함</td><td>게시글 제목 앞 말머리 기능을 비활성화 합니다.</td></tr><tr><td>7</td><td>말머리 타이틀</td><td>문의</td></tr><tr><td>8</td><td>말머리명</td><td>말머리 명을 다중으로 추가 및 선택해 사용할 수 있습니다.</td></tr><tr><td>9</td><td>글 작성 시 적립금 설정</td><td>게시판에 글 작성 시 적립금을 설정할 수 있습니다.</td></tr><tr><td>10</td><td>댓글 작성 시 적립금 설정</td><td>게시글에 댓글 작성 시 적립금을 설정할 수 있습니다.</td></tr></tbody></table>

<figure><img src="https://1736609049-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FhXqpQKK3ny5H23yHno34%2Fuploads%2FRTUUfClLUdXHv7ESvvJr%2Fimage.png?alt=media&amp;token=88e84308-ba8f-4971-b675-ef18b72ffba3" alt=""><figcaption></figcaption></figure>

<figure><img src="https://1736609049-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FhXqpQKK3ny5H23yHno34%2Fuploads%2FOn5IDMMQR3blAEVdY48X%2Fimage.png?alt=media&amp;token=38241a8a-0608-4b2c-9887-bb3f9e980b67" alt=""><figcaption></figcaption></figure>

<table><thead><tr><th width="87">순번</th><th width="229">필드 명</th><th>설명</th></tr></thead><tbody><tr><td>11</td><td>게시판 상/하단 영역 꾸미기</td><td> </td></tr><tr><td>(11-1)</td><td>이미지 추가</td><td>게시판 상/하단에 이미지를 추가하여 꾸밀 수 있습니다.</td></tr><tr><td>(11-2)</td><td>상세 내용</td><td>게시판 상/하단에 텍스트 및 CSS를 추가하여 꾸밀 수 있습니다.</td></tr></tbody></table>

<figure><img src="https://1736609049-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FhXqpQKK3ny5H23yHno34%2Fuploads%2F9xrv5tBeSCWQaDpPIjwL%2Fimage.png?alt=media&amp;token=85f9a79d-8d3c-49ff-98a9-e78f067a7f79" alt=""><figcaption></figcaption></figure>

{% hint style="info" %}
모든 설정을 마친 후 '**저장하기**' 버튼을 눌러주세요.
{% endhint %}


# 게시글 리스트

{% hint style="info" %}
게시글 리스트란?

사이트 내 게시글을 모두 확인이 가능하며 확인 및 수정이 가능한 서비스 기능입니다.
{% endhint %}

<figure><img src="https://1736609049-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FhXqpQKK3ny5H23yHno34%2Fuploads%2FwWqqDQiMZN39XVNtelLy%2F%EA%B2%8C%EC%8B%9C%EB%AC%BC%20%EB%A6%AC%EC%8A%A4%ED%8A%B82.png?alt=media&amp;token=7acc14c2-7c39-4fa3-829a-56769efbeaed" alt=""><figcaption></figcaption></figure>

<table><thead><tr><th width="86">순번</th><th width="156">필드 명</th><th>설명</th></tr></thead><tbody><tr><td>1</td><td>검색 창</td><td>게시글을 검색하는 기능입니다.</td></tr><tr><td>2</td><td>기간 설정</td><td>설정한 기간 내 작성 된 게시글을 검색하는 기능입니다.</td></tr><tr><td>3</td><td>게시판 타입</td><td> </td></tr><tr><td>(3-1)</td><td>일반</td><td>게시판 게시물을 검색합니다.</td></tr><tr><td>(3-2)</td><td>갤러리</td><td>갤러리 게시판 게시물을 검색합니다.</td></tr><tr><td>(3-3)</td><td>리뷰</td><td>작성 된 리뷰를 검색합니다.</td></tr><tr><td>4</td><td>베스트 리뷰 이동</td><td><p>베스트 리뷰를 지정하고 싶은 게시글을 선택하여</p><p>'<strong>베스트 리뷰 이동</strong>'을 누르면 베스트 리뷰로 지정됩니다.</p></td></tr><tr><td>5</td><td>선택삭제</td><td>삭제하고 싶은 게시글을 선택하여 '<strong>선택삭제</strong>' 버튼을 누르시면 삭제 됩니다.</td></tr><tr><td>6</td><td>게시글 리스트</td><td>사이트 내 게시글을 확인 및 수정이 가능합니다.</td></tr></tbody></table>


# 베스트 리뷰 설정

{% hint style="info" %}
베스트 리뷰란?

사이트 내 이용자가 작성한 글이 어떠한 사유를 통해 공지사항처럼 띄울 수 있는 기능입니다.
{% endhint %}

<figure><img src="https://1736609049-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FhXqpQKK3ny5H23yHno34%2Fuploads%2FwdTLPHSdZxdwnJPXptty%2F%EB%B2%A0%EC%8A%A4%ED%8A%B8%20%EB%A6%AC%EB%B7%B0.png?alt=media&amp;token=c2287702-f368-4760-98f8-ba421d80a565" alt=""><figcaption></figcaption></figure>

<table><thead><tr><th width="87">순번</th><th width="200">필드 명</th><th>설명</th></tr></thead><tbody><tr><td>1</td><td>검색 창</td><td>베스트 리뷰를 검색할 수 있습니다.</td></tr><tr><td>2</td><td>기간 설정</td><td>기간 내 베스트 리뷰를 검색할 수 있습니다.</td></tr><tr><td>3</td><td>베스트 리뷰 순서 설정</td><td> </td></tr><tr><td>(3-1)</td><td>올리기</td><td>베스트 리뷰를 선택 후 게시판에서 순서를 올릴 수 있습니다.</td></tr><tr><td>(3-2)</td><td>내리기</td><td>베스트 리뷰를 선택 후 게시판에서 순서를 내릴 수 있습니다.</td></tr><tr><td>4</td><td>선택삭제</td><td>삭제하고 싶은 게시글을 선택하여 '<strong>선택삭제</strong>' 버튼을 누르시면 삭제 됩니다.</td></tr><tr><td>5</td><td>베스트 리뷰 리스트</td><td>베스트 리뷰에 대한 정보를 확인 할 수 있습니다.</td></tr></tbody></table>

{% hint style="info" %}
베스트 리뷰 리스트에서 삭제가 되어도 게시글 리스트에는 사라지지 않습니다.
{% endhint %}


# 상단 메뉴 관리

{% hint style="info" %}
**상단 메뉴란?**

상단 메뉴는 사이트 내 상단에 존재하는 메뉴입니다.
{% endhint %}

<figure><img src="https://1736609049-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FhXqpQKK3ny5H23yHno34%2Fuploads%2FfJlmB5eY7x2bKbpzJoCp%2F%EC%83%81%EB%8B%A8%EB%A9%94%EB%89%B4%EB%A6%AC%EC%8A%A4%ED%8A%B8.png?alt=media&amp;token=f0413c47-a593-4232-86b7-5fcc75576644" alt=""><figcaption></figcaption></figure>

<table><thead><tr><th width="81">순번</th><th width="174">필드 명</th><th>설명</th></tr></thead><tbody><tr><td>1</td><td>상단 메뉴 순서 설정</td><td> </td></tr><tr><td>(1-1)</td><td>올리기</td><td>위치를 변경하고 싶은 상단 메뉴를 체크하고 '<strong>올리기</strong>' 버튼을 눌러 변경 가능합니다.</td></tr><tr><td>(1-2)</td><td>내리기</td><td>위치를 변경하고 싶은 상단 메뉴를 체크하고 '<strong>내리기</strong>' 버튼을 눌러 변경 가능합니다.</td></tr><tr><td>2</td><td>등록하기</td><td><p>상단 메뉴를 새로 등록 할 수 있습니다.</p><p>(자세한 사항은 하단 '<strong>상단 메뉴 등록 방법</strong>'을 확인 해주세요.)</p></td></tr><tr><td>3</td><td>선택삭제</td><td>삭제하고 싶은 상단 메뉴를 선택하여 '<strong>선택삭제</strong>' 버튼을 누르시면 삭제 됩니다.</td></tr><tr><td>4</td><td>상단메뉴 리스트</td><td>사이트 내 만들어진 상단 메뉴를 확인 및 수정이 가능합니다.</td></tr></tbody></table>

**상단 메뉴 등록 방법**

<figure><img src="https://1736609049-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FhXqpQKK3ny5H23yHno34%2Fuploads%2FcbZEP0V3GiOV0pgVXroN%2F%EC%83%81%EB%8B%A8%EB%A9%94%EB%89%B4%EB%93%B1%EB%A1%9D%EB%B0%A9%EB%B2%95.png?alt=media&amp;token=d80a6940-06a0-4ee9-9f44-414ff410c298" alt=""><figcaption></figcaption></figure>

<table><thead><tr><th width="90">순번</th><th width="155">필드 명</th><th>설명</th></tr></thead><tbody><tr><td>1</td><td>메뉴명</td><td>상단 메뉴 이름을 입력해주세요.</td></tr><tr><td>2</td><td>이동할 링크</td><td>사용할 링크를 입력해주세요.</td></tr><tr><td>(2-1)</td><td>새 창으로 열기</td><td>상단 메뉴 클릭 시 새 창으로 열립니다.</td></tr><tr><td>(2-2)</td><td>메인 페이지 지정</td><td>메인 페이지로 지정이 됩니다.</td></tr><tr><td>(2-3)</td><td>선택 안할 시</td><td>현재 창에서 이동합니다.</td></tr><tr><td>3</td><td>노출 여부</td><td> </td></tr><tr><td>(3-1)</td><td>노출함</td><td>사이트 내 이용자에게 상단 메뉴로 노출됩니다.</td></tr><tr><td>(3-2)</td><td>노출안함</td><td>사이트 내 이용자에게 상단 메뉴로 노출되지 않습니다.</td></tr><tr><td>4</td><td>노출 조건 설정</td><td> </td></tr><tr><td>(4-1)</td><td>전체</td><td>사이트 내 모든 이용자에게 상단 메뉴로 노출됩니다.</td></tr><tr><td>(4-2)</td><td>회원만</td><td>사이트 내 회원에게 상단 메뉴로 노출됩니다.</td></tr><tr><td>(4-3)</td><td>비회원만</td><td>사이트 내 비회원에게 상단 메뉴로 노출됩니다.</td></tr></tbody></table>

{% hint style="info" %}
모든 설정을 마친 후 '**저장하기**' 버튼을 눌러주세요.
{% endhint %}


# 메인 배너 리스트

{% hint style="info" %}
**메인 배너란?**

사이트 내 이용자가 사이트를 이용할 때에 보여지는 배너를 의미합니다.
{% endhint %}

<figure><img src="https://1736609049-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FhXqpQKK3ny5H23yHno34%2Fuploads%2FdEW2TUbxm1jwtvdEXGiw%2F%EB%A9%94%EC%9D%B8%EB%B0%B0%EB%84%88%EB%A6%AC%EC%8A%A4%ED%8A%B8.png?alt=media&amp;token=b3b3b20a-2387-452d-92d2-6fab8de7ff60" alt=""><figcaption></figcaption></figure>

<table><thead><tr><th width="84">순번</th><th width="154">필드 명</th><th>설명</th></tr></thead><tbody><tr><td>1</td><td>등록하기</td><td><p>메인 배너를 새로 등록할 수 있습니다.</p><p>(자세한 사항은 하단 '<strong>메인 배너 등록 방법</strong>'을 확인해주세요.)</p></td></tr><tr><td>2</td><td>선택삭제</td><td>삭제하고 싶은 메인 배너를 체크 후 '<strong>선택삭제</strong>' 버튼을 눌러주세요.</td></tr><tr><td>3</td><td>메인 배너 리스트</td><td>메인 배너 리스트 확인 및 수정이 가능합니다.</td></tr></tbody></table>

**메인 배너 등록 방법**

<figure><img src="https://1736609049-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FhXqpQKK3ny5H23yHno34%2Fuploads%2F8L0N6QjUFI2Zav7TPUOH%2F%EB%A9%94%EC%9D%B8%EB%B0%B0%EB%84%88%EB%93%B1%EB%A1%9D%EB%B0%A9%EB%B2%95.png?alt=media&amp;token=b7f4dbcc-cc28-42dd-9291-4a282a403ac0" alt=""><figcaption></figcaption></figure>

<table><thead><tr><th width="90">순번</th><th width="140">필드 명</th><th>설명</th></tr></thead><tbody><tr><td>1</td><td>메인 배너 제목</td><td>메인 배너의 제목을 입력해주세요.</td></tr><tr><td>2</td><td>이동할 링크</td><td>사용할 url 주소를 입력해주세요.</td></tr><tr><td>3</td><td>노출 여부</td><td> </td></tr><tr><td>(3-1)</td><td>노출함</td><td>메인 배너를 노출합니다.</td></tr><tr><td>(3-2)</td><td>노출안함</td><td>메인 배너를 노출하지 않습니다.</td></tr><tr><td>4</td><td>노출 기간 설정</td><td><p>메인 배너의 노출 기간을 설정 할 수 있습니다.</p><p>('<strong>제한없음</strong>' 설정 시 기간없이 노출됩니다.)</p></td></tr><tr><td>5</td><td>자료 업로드</td><td>메인 배너로 사용할 이미지 등을 업로드해주세요.</td></tr></tbody></table>

{% hint style="info" %}
모든 설정을 마친 후 '**저장하기**' 버튼을 눌러주세요.
{% endhint %}


# 랜딩 페이지 리스트

{% hint style="info" %}
**랜딩 페이지란?**

사이트 내 랜딩 페이지를 별도로 만들어 이벤트 별 개별 페이지를 제공하는 서비스 기능입니다.
{% endhint %}

<figure><img src="https://1736609049-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FhXqpQKK3ny5H23yHno34%2Fuploads%2Fvq9C3bQ33SvKd9AjCGfO%2F%EB%9E%9C%EB%94%A9%ED%8E%98%EC%9D%B4%EC%A7%80%EB%A6%AC%EC%8A%A4%ED%8A%B8.png?alt=media&amp;token=9469a4a7-b97e-469a-98b0-a107aa31695e" alt=""><figcaption></figcaption></figure>

<table><thead><tr><th width="81">순번</th><th width="171">필드 명</th><th>설명</th></tr></thead><tbody><tr><td>1</td><td>등록하기</td><td><p>랜딩 페이지를 새로 등록할 수 있습니다.</p><p>(자세한 사항은 하단 '<strong>랜딩 페이지 등록 방법</strong>'을 확인해주세요.)</p></td></tr><tr><td>2</td><td>선택삭제</td><td>삭제하고 싶은 랜딩 페이지를 체크 후 '<strong>선택삭제</strong>' 버튼을 눌러주세요.</td></tr><tr><td>3</td><td>랜딩 페이지 리스트</td><td>랜딩 페이지 리스트 확인 및 수정이 가능합니다.</td></tr></tbody></table>

**랜딩 페이지 등록 방법**

<figure><img src="https://1736609049-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FhXqpQKK3ny5H23yHno34%2Fuploads%2FDmfWyntqsxpUIsfYpI7C%2F%EB%9E%9C%EB%94%A9%ED%8E%98%EC%9D%B4%EC%A7%80%EB%93%B1%EB%A1%9D%EB%B0%A9%EB%B2%95.png?alt=media&amp;token=2e898c20-fab2-450e-b9fe-0f57fbb91f0d" alt=""><figcaption></figcaption></figure>

<table><thead><tr><th width="84">순번</th><th width="177">필드 명</th><th>설명</th></tr></thead><tbody><tr><td>1</td><td>메인 설정</td><td>체크 시 메인 랜딩 페이지로 설정 됩니다.</td></tr><tr><td>2</td><td>랜딩 페이지 이름</td><td>랜딩 페이지 이름을 입력해주세요.</td></tr><tr><td>3</td><td>랜딩 페이지 URL</td><td>랜딩 페이지에 사용 할 url을 입력해주세요.</td></tr><tr><td>4</td><td>랜딩 페이지 유형</td><td> </td></tr><tr><td>(4-1)</td><td>웹 페이지 유형</td><td>웹 문서 유형으로 페이지를 만들 수 있습니다.</td></tr><tr><td>(4-2)</td><td>아티클 유형</td><td><a href="/design/ledu-studio">[ledu STUDIO]</a>에서 확인 가능합니다.</td></tr><tr><td>5</td><td>노출 여부</td><td> </td></tr><tr><td>(5-1)</td><td>노출함</td><td>랜딩 페이지를 노출할 수 있습니다.</td></tr><tr><td>(5-2)</td><td>노출안함</td><td>랜딩 페이지를 노출 하지 않습니다.</td></tr><tr><td>6</td><td>노출 기간 설정</td><td><p>노출 기간을 설정 할 수 있습니다.</p><p>('<strong>제한없음</strong>' 설정 시 기간 제한 없이 사용 가능합니다.)</p></td></tr><tr><td>7</td><td>노출 대상</td><td> </td></tr><tr><td>(7-1)</td><td>전체(회원 + 비회원)</td><td>사이트 내 모든 이용자에게 노출 됩니다.</td></tr><tr><td>(7-2)</td><td>관리자 전용</td><td>사이트 내 관리자에게 노출 됩니다.</td></tr><tr><td>(7-3)</td><td>회원 전용</td><td>사이트 내 회원에게 노출됩니다.</td></tr><tr><td>(7-4)</td><td>특정 회원 등급</td><td>특정 회원 등급에게 노출됩니다.</td></tr></tbody></table>

{% hint style="info" %}
**SEO 설정은 이전**[ **\[검색엔진최적화 (SEO)\]**](/default-setting/seo) **와 동일합니다.**
{% endhint %}

<figure><img src="https://1736609049-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FhXqpQKK3ny5H23yHno34%2Fuploads%2FraGrXZpc9eGRB7eqqxYj%2FSEO%EC%84%A4%EC%A0%951.png?alt=media&amp;token=65114d4f-cfa9-40a5-b010-68c53e29f1f6" alt=""><figcaption></figcaption></figure>

<table><thead><tr><th width="78">순번</th><th width="152">필드 명</th><th>설명</th></tr></thead><tbody><tr><td>1</td><td>title 입력</td><td>검색엔진에 나타낼 매타 타이틀을 입력해주세요.</td></tr><tr><td>2</td><td>author 입력</td><td>검색엔진에 나타낼 부 타이틀을 입력해주세요.</td></tr><tr><td>3</td><td>description 입력</td><td><p>검색엔진에 나타낼 간단한 디스크립션을 설정해주세요.</p><p>(ex. 온라인 교육 서비스 솔루션의 새로운 기준, 레듀)</p></td></tr><tr><td>4</td><td>keywords 입력</td><td><p>검색엔진에서 검색 될 키워드를 입력해주세요.</p><p>(ex. LMS, 로워드, 레듀, 교육서비스)</p></td></tr></tbody></table>

{% hint style="info" %}
**og 란?**

페이스북, 인스타를 기반으로 한 메타 데이터 프로토콜을 이용한 웹사이트 소셜 미디어 플랫폼에서 공유될 때 링크의 정보를 전달하기 위한 정보입니다.
{% endhint %}

<table><thead><tr><th width="82">순번</th><th width="176">필드 명</th><th>설명</th></tr></thead><tbody><tr><td>1</td><td>og:title 입력</td><td>플랫폼에 나타낼 링크 정보의 타이틀을 입력해주세요.</td></tr><tr><td>2</td><td>og:description 입력</td><td>플랫폼에 나타낼 링크 정보의 디스크립션을 입력해주세요.</td></tr><tr><td>3</td><td>og:image 입력</td><td>플랫폼에 나타낼 링크 정보의 이미지를 입력해주세요.</td></tr></tbody></table>

<figure><img src="https://1736609049-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FhXqpQKK3ny5H23yHno34%2Fuploads%2FOKme1JR0AltO13RpTkzH%2FSEO%EC%84%A4%EC%A0%953.png?alt=media&amp;token=9318bc70-4848-4924-9c5e-1661da6d30bd" alt=""><figcaption></figcaption></figure>

<table><thead><tr><th width="80">순번</th><th width="209">필드 명 </th><th>설명</th></tr></thead><tbody><tr><td>1</td><td>twitter:title 입력</td><td>트위터에 나타낼 링크 정보의 타이트를 입력해주세요.</td></tr><tr><td>2</td><td>twitter:description 입력</td><td>트위터에 나타낼 링크 정보의 디스크립션을 입력해주세요.</td></tr><tr><td>3</td><td>twitter:image 입력</td><td>트위터에 나타낼 링크 정보의 이미지를 입력해주세요.</td></tr></tbody></table>

<figure><img src="https://1736609049-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FhXqpQKK3ny5H23yHno34%2Fuploads%2F8fQttwATXUAk08mZU2AU%2F%EB%9E%9C%EB%94%A9%ED%8E%98%EC%9D%B4%EC%A7%80%EB%93%B1%EB%A1%9D%EB%B0%A9%EB%B2%953.png?alt=media&amp;token=ab6d29bc-fe18-4094-8db0-d7b646a064a1" alt=""><figcaption></figcaption></figure>

<table><thead><tr><th width="78">순번</th><th width="156">필드 명</th><th>설명</th></tr></thead><tbody><tr><td>1</td><td>에디터 사용하기</td><td>자세한 내용은 <a href="/design/ledu-studio">[ledu STUDIO]</a>에서 확인해주세요.</td></tr><tr><td>2</td><td>이미지 추가</td><td>랜딩 페이지를 꾸밀 이미지를 추가 할 수 있습니다.</td></tr><tr><td>3</td><td>상세 내용</td><td>랜딩 페이지를 꾸밀 텍스트 및 CSS를 추가 할 수 있습니다.</td></tr></tbody></table>

<div align="left"><figure><img src="https://1736609049-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FhXqpQKK3ny5H23yHno34%2Fuploads%2FgD8NV6hq8hFAzCIG2Kxs%2Fimage.png?alt=media&amp;token=b0220fe2-3562-45d2-bb5d-b049672e6bcd" alt=""><figcaption></figcaption></figure></div>

{% hint style="info" %}
모든 설정을 마친 후 '**저장하기**' 버튼을 눌러주세요.
{% endhint %}


# DB 수집용 랜딩페이지 만들기

DB 수집용 랜딩 원페이지를 만드는 방법에 대해서 서술합니다.

{% hint style="info" %}
사전에 DB를 수집할 클래스가 생성되어 있어야 합니다.
{% endhint %}

## 개요

로워드 브릿지 강의 호스팅에서 무료 강의 등 마케팅 용도로 회원가입이 아닌, 사용자 정보만 폼을 통해 입력 받는 DB 랜딩을 위한 랜딩페이지를 구성할 수 있습니다. [예시 페이지 확인하기](https://presslearn.co.kr/landing)

아래 사진과 같이 DB 수집용 랜딩페이지는 미리 수집용 클래스가 생성되어 있어야하며, 해당 클래스의 수강관리에서 수강생 정보를 다운로드 받거나 사용할 수 있습니다.

<figure><img src="https://1736609049-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FhXqpQKK3ny5H23yHno34%2Fuploads%2FqfSgedZHjRhzZPfbs0DE%2Fimage.png?alt=media&amp;token=37c58944-280b-491a-8c78-b9c777af303e" alt=""><figcaption></figcaption></figure>

### 설정 방법

<figure><img src="https://1736609049-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FhXqpQKK3ny5H23yHno34%2Fuploads%2FO3rGSMASrSFwZIuZJQWU%2Fimage.png?alt=media&amp;token=67217c50-f3fd-4cd3-b4ec-07873cc50c14" alt=""><figcaption></figcaption></figure>

**강의 호스팅 관리자 페이지 > 랜딩 페이지 리스트 > 등록하기 버튼**을 클릭하여 주세요.\
[랜딩 페이지 리스트](/design/landing)에 대한 설명은 여기를 클릭하여 확인해 주세요.

<figure><img src="https://1736609049-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FhXqpQKK3ny5H23yHno34%2Fuploads%2Feh8aNZtp4SrGi1ghGIQd%2Fimage.png?alt=media&amp;token=47e3c663-c238-4374-ae54-a2a8cda37e84" alt=""><figcaption></figcaption></figure>

각 필수 항목들을 입력하시고, 랜딩 페이지 유형을 원페이지 유형으로 선택 후 저장 먼저 진행해 주세요.\
랜딩 페이지 유형은 설정 시 헤더 등이 노출되지 않는 하나의 랜딩 페이지 제작용으로 사용 가능합니다.

{% hint style="info" %}
원페이지 유형의 경우 Inner Container의 가로 값을 조절할 수 있습니다.
{% endhint %}

#### ledu STUDIO를 통해 페이지 꾸미기

<figure><img src="https://1736609049-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FhXqpQKK3ny5H23yHno34%2Fuploads%2FvSyANKfZsUSAirChR3nL%2Fimage.png?alt=media&amp;token=e4b42223-ad78-42af-8b32-5297477dee2f" alt=""><figcaption></figcaption></figure>

랜딩 페이지 내 ledu STUDIO 사용하기 버튼을 클릭하여 노코드 빌더 도구를 열어 주세요.\
일반적인 랜딩 페이지를 생성하고 디자인할 때와 동일한 구조로 만들 수 있어요.

로워드팀에서 운영하는 프레스런은 원페이지 너비를 850px를 사용하고 있어서 원페이지 너비 850px를 권장해요.\
원페이지 너비 설정은 아래 사진을 참고해주세요.

<figure><img src="https://1736609049-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FhXqpQKK3ny5H23yHno34%2Fuploads%2FlC4fw7JsyP8c6P32Kpk1%2Fimage.png?alt=media&amp;token=f9334e93-b83f-445d-9874-706a4ccb74dd" alt=""><figcaption></figcaption></figure>

원페이지 너비를 설정하였으면 ledu STUDIO를 이용해서 페이지를 꾸며주시면 되요.\
다만 입력 폼을 받기 위해서는 **배너형 컴포넌트를 클릭해서 DB 수집 배너 컴포넌트를 생성**해 주셔야해요.

좌측 하단 배너형 컴포넌트를 찾아 클릭하면 컴포넌트 생성기 모달 팝업에서 DB 수집 배너 컴포넌트를 선택하실 수 있어요.

<figure><img src="https://1736609049-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FhXqpQKK3ny5H23yHno34%2Fuploads%2FTkSBsh0IUdVoUIIfp6Rz%2Fimage.png?alt=media&amp;token=d238e610-dab5-44ed-a860-314add065579" alt=""><figcaption></figcaption></figure>

여기서 해당 폼을 입력하면 수집된 DB가 연결될 클래스를 딱 1개만 단수 지정할 수 있으며, 광고성 정보를 보낼 예정이라면 에디터 입력하기를 클릭하여 광고 동의 약관을 기재해 주세요.

링크의 경우 폼 입력하고 나면 보내질 링크 주소를 입력하는 영역으로, 보통 카카오톡 오픈 채팅방 URL 링크를 많이 삽입하고 있습니다.

<table><thead><tr><th width="212.34765625">요소</th><th>설명</th></tr></thead><tbody><tr><td>클래스 선택</td><td>사용자 DB를 저장할 클래스를 지정할 수 있는 요소</td></tr><tr><td>링크</td><td>입력 폼에 데이터가 입력된 후 넘어갈 링크</td></tr><tr><td>광고성 정보 수신 동의 약관</td><td>광고성 정보 수신 동의 약관을 입력할 수 있는 요소</td></tr></tbody></table>

#### 타이머 배너 버튼 클릭 시 입력 폼으로 이동시키는 방법

<figure><img src="https://1736609049-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FhXqpQKK3ny5H23yHno34%2Fuploads%2FoGfKseFv0O2qD2IbNRIn%2Fimage.png?alt=media&amp;token=1f997cb7-a314-46ba-9a42-d09da23666d7" alt=""><figcaption></figcaption></figure>

위 사진과 같은 하단 타이머 배너의 버튼을 클릭하면 바로 입력폼으로 화면을 이동시키기 위해서는 컴포넌트를 먼저 생성해야합니다. ledu STUDIO 좌측 하단 배너형 컴포넌트를 클릭하여 주세요.

<figure><img src="https://1736609049-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FhXqpQKK3ny5H23yHno34%2Fuploads%2FXuFkwdwwivNFuqSB8wa3%2Fimage.png?alt=media&amp;token=51a6d4c4-bea7-4190-b424-61db0b77132d" alt=""><figcaption></figcaption></figure>

다양한 요소는 기호에 맞게 설정하시면 되며 우리가 주의깊게 봐야할 지점은 아래와 같습니다.\
링크 영역에 아래와 같은 주소를 입력해 주세요.

<figure><img src="https://1736609049-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FhXqpQKK3ny5H23yHno34%2Fuploads%2FEn7UkJOFn0kLqF2BNEDb%2Fimage.png?alt=media&amp;token=a6ff7096-eff5-47f9-86a3-caded99c1444" alt=""><figcaption></figcaption></figure>

랜딩 페이지 URL에 입력했던 정보를 그대로 도메인과 함께 입력 후 #submit을 입력해 주세요.

프레스런의 경우 아래와 같이 입력합니다.\
`https://presslearn.co.kr/landing#submit`

입력 후 저장해서 해당 랜딩 페이지를 접근하면 버튼 클릭 시 입력폼으로 바로 이동됩니다.

#### 폼이 제출될 경우 어떤 태그 이벤트가 발생하나요?

{% hint style="info" %}
미리 설정되지 않은 경우 태그 이벤트가 발생하지 않습니다.
{% endhint %}

폼이 제출되면 태그 매니저에 purchase\_livefree 라는 이벤트가 발생됩니다. 해당 태그는 [**구글 태그 매니저 설정**](/gtm/init) 페이지를 통해 확인하여 주세요.<br>

확인해야할 페이지

[**구글 태그 매니저 설정**](/gtm/init)\
[**이벤트 변수 설정하기**](/gtm/variable)\
[**트리거 및 태그 설정하기**](/gtm/trigger)

### 수집된 DB 확인하기

입력폼을 통해 신청된 회원의 DB는 클래스 관리 > 수강 관리에서 아래 사진과 같이 수집이되며, 수집된 DB를 통해 연락처로 SMS 마케팅이나 이메일 등을 발송하실 수 있습니다.

<figure><img src="https://1736609049-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FhXqpQKK3ny5H23yHno34%2Fuploads%2FBGFKry4jQYYCQoOStEXQ%2Fimage.png?alt=media&amp;token=df0953c9-06ce-4573-b5db-6c7199b66d7c" alt=""><figcaption></figcaption></figure>


# ledu STUDIO

{% hint style="info" %}
**ledu STUDIO란?**

사이트 관리자에게 사이트를 자유롭게 설정할 수 있도록 도와주는 기능입니다.

만들고 싶은 랜딩 페이지 및 클래스를 자유롭게 만들 수 있습니다.
{% endhint %}

<figure><img src="https://1736609049-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FhXqpQKK3ny5H23yHno34%2Fuploads%2FaeoZfg2WkCZVATzyFgrE%2Fstudio_preview.png?alt=media&amp;token=e5cf814a-6833-4944-a0fc-ac6a541caa5a" alt=""><figcaption><p>ledu STUDIO</p></figcaption></figure>

## **여백 컴포넌트 종류**

{% hint style="info" %}
**여백 컴포넌트란?**

페이지 내 구분감을 주기 위해 사용되는 컴포넌트입니다.
{% endhint %}

***

### **여백 컴포넌트**

<figure><img src="https://1736609049-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FhXqpQKK3ny5H23yHno34%2Fuploads%2F7hXG35XSNqZ7oXlfuGdX%2Fimage.png?alt=media&amp;token=471a2b88-67a9-495e-b0aa-cc8ab7f41e3b" alt=""><figcaption></figcaption></figure>

{% hint style="info" %}
페이지 내 여백을 추가하여 공간의 구분감을 줄 수 있습니다.
{% endhint %}

**여백 컴포넌트 설정 방법**

<figure><img src="https://1736609049-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FhXqpQKK3ny5H23yHno34%2Fuploads%2FHLOU5zBffoJd96I60e0B%2Fimage.png?alt=media&amp;token=0cd6e28f-683c-4271-920a-6e0138444a82" alt=""><figcaption></figcaption></figure>

<table><thead><tr><th width="79">순번</th><th width="117">필드 명</th><th>설명</th></tr></thead><tbody><tr><td>1</td><td>여백의 크기</td><td>페이지 내 여백의 공간 크기 만큼 입력해주세요.<br>(픽셀 단위로 입력해주세요.)</td></tr></tbody></table>

<figure><img src="https://1736609049-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FhXqpQKK3ny5H23yHno34%2Fuploads%2Fcq11X9U2lsPudaW0f420%2Fimage.png?alt=media&amp;token=9576c4c6-17e3-41b0-b47e-42d3696058a3" alt=""><figcaption></figcaption></figure>

{% hint style="info" %}
모든 설정을 마친 후에는 '**저장하고 생성하기**' 버튼을 눌러주세요.
{% endhint %}

***

### **구분자 컴포넌트**

<figure><img src="https://1736609049-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FhXqpQKK3ny5H23yHno34%2Fuploads%2F9qbCgapyp0iZA9yi3EBY%2Fimage.png?alt=media&amp;token=3348375d-adf2-43ff-94f5-9c7f686ede26" alt=""><figcaption></figcaption></figure>

{% hint style="info" %}
페이지 내 구분자를 넣어 구분감을 줄 수 있습니다.
{% endhint %}

**구분자 컴포넌트 설정 방법**

<figure><img src="https://1736609049-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FhXqpQKK3ny5H23yHno34%2Fuploads%2F5LsnMcivn5Zf51OBwI2S%2Fimage.png?alt=media&amp;token=580c8b3d-10a4-49d1-b508-adb37f83af52" alt=""><figcaption></figcaption></figure>

<table><thead><tr><th width="88">순번</th><th width="133">필드 명</th><th>설명</th></tr></thead><tbody><tr><td>1</td><td>구분선 길이</td><td>페이지 내 구분선 길이 만큼 입력해주세요.</td></tr><tr><td>2</td><td>구분선 타입</td><td> </td></tr><tr><td>(2-1)</td><td>대쉬형</td><td>선의 모양 - - - - - - - - -</td></tr><tr><td>(2-2)</td><td>솔리드형</td><td>선의 모양 ───────────</td></tr></tbody></table>

<figure><img src="https://1736609049-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FhXqpQKK3ny5H23yHno34%2Fuploads%2Fcq11X9U2lsPudaW0f420%2Fimage.png?alt=media&amp;token=9576c4c6-17e3-41b0-b47e-42d3696058a3" alt=""><figcaption></figcaption></figure>

{% hint style="info" %}
모든 설정을 마친 후에는 '**저장하고 생성하기**' 버튼을 눌러주세요.
{% endhint %}

***

## **텍스트 컴포넌트 종류**

{% hint style="info" %}
**텍스트 컴포넌트란?**

페이지 내 텍스트를 입력 및 글자 강조를 위해 사용되는 컴포넌트입니다.
{% endhint %}

***

### **1 그리드 컴포넌트**

<figure><img src="https://1736609049-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FhXqpQKK3ny5H23yHno34%2Fuploads%2F34HgW457lUfjJphWtWTZ%2Fimage.png?alt=media&amp;token=5f90d3c8-894a-4a34-9428-be56c5b71173" alt=""><figcaption></figcaption></figure>

{% hint style="info" %}
제목 및 내용을 1개를 하나의 형태로 보여주는 컴포넌트입니다.
{% endhint %}

**1 그리드 컴포넌트 설정 방법**

<figure><img src="https://1736609049-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FhXqpQKK3ny5H23yHno34%2Fuploads%2F3agaUfd6SdWVdmRYPlkh%2Fimage.png?alt=media&amp;token=f9df25e9-184a-4c5b-b031-43bb3739229b" alt=""><figcaption></figcaption></figure>

<table><thead><tr><th width="85">순번</th><th width="123"> 필드 명</th><th>설명</th></tr></thead><tbody><tr><td>1</td><td>강조 텍스트</td><td>메인 텍스트를 입력해주세요.</td></tr><tr><td>2</td><td>보조 텍스트</td><td>보조 텍스트를 입력해주세요.</td></tr><tr><td>3</td><td>정렬</td><td> </td></tr><tr><td>(3-1)</td><td>좌측 정렬</td><td>모든 텍스트를 좌측 정렬로 변경합니다.</td></tr><tr><td>(3-2)</td><td>중앙 정렬</td><td>모든 텍스트를 중앙 정렬로 변경합니다.</td></tr><tr><td>(3-3)</td><td>우측 정렬</td><td>모든 텍스트를 우측 정렬로 변경합니다.</td></tr></tbody></table>

<figure><img src="https://1736609049-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FhXqpQKK3ny5H23yHno34%2Fuploads%2Fcq11X9U2lsPudaW0f420%2Fimage.png?alt=media&amp;token=9576c4c6-17e3-41b0-b47e-42d3696058a3" alt=""><figcaption></figcaption></figure>

{% hint style="info" %}
모든 설정을 마친 후에는 '**저장하고 생성하기**' 버튼을 눌러주세요.
{% endhint %}

***

### **2 그리드 컴포넌트**

<figure><img src="https://1736609049-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FhXqpQKK3ny5H23yHno34%2Fuploads%2FwHzHT2fFp0PBHbhEbbN2%2Fimage.png?alt=media&amp;token=0d0cf647-1995-4cf6-a1d1-7ec09d583cc2" alt=""><figcaption></figcaption></figure>

{% hint style="info" %}
제목과 내용이 분리되어 구분감 있는 컴포넌트입니다.
{% endhint %}

**2 그리드 컴포넌트 설정 방법**

<figure><img src="https://1736609049-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FhXqpQKK3ny5H23yHno34%2Fuploads%2FH41XCgkGXabmthWgQ332%2Fimage.png?alt=media&amp;token=6dd9a0c5-b140-490c-9c4d-71f699af4c72" alt=""><figcaption></figcaption></figure>

<table><thead><tr><th width="98">순번</th><th width="122">필드 명</th><th>설명</th></tr></thead><tbody><tr><td>1</td><td>강조 텍스트</td><td>메인 텍스트를 입력해주세요.</td></tr><tr><td>2</td><td>보조 텍스트</td><td>보조 텍스트를 입력해주세요.</td></tr><tr><td>3</td><td>정렬</td><td> </td></tr><tr><td>(3-1)</td><td>좌측 정렬</td><td>모든 텍스트를 좌측 정렬로 변경합니다.</td></tr><tr><td>(3-2)</td><td>우측 정렬</td><td>모든 텍스트를 우측 정렬로 변경합니다.</td></tr></tbody></table>

<figure><img src="https://1736609049-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FhXqpQKK3ny5H23yHno34%2Fuploads%2Fcq11X9U2lsPudaW0f420%2Fimage.png?alt=media&amp;token=9576c4c6-17e3-41b0-b47e-42d3696058a3" alt=""><figcaption></figcaption></figure>

{% hint style="info" %}
모든 설정을 마친 후에는 '**저장하고 생성하기**' 버튼을 눌러주세요.
{% endhint %}

***

### **3 그리드 컴포넌트**

<figure><img src="https://1736609049-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FhXqpQKK3ny5H23yHno34%2Fuploads%2FRMFy2GlDNWAkSdGGThwT%2Fimage.png?alt=media&amp;token=7f19c397-20dc-4865-a969-752207f179c7" alt=""><figcaption></figcaption></figure>

{% hint style="info" %}
제목과 내용이 3가지로 분류되어 나타내는 컴포넌트입니다.
{% endhint %}

&#x20;**3 그리드 컴포넌트 설정 방법**

<figure><img src="https://1736609049-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FhXqpQKK3ny5H23yHno34%2Fuploads%2F446TjIvDXYVivQ3wCNZT%2Fimage.png?alt=media&amp;token=ed9a18e1-0d02-4a4b-a7be-c10ed7e529af" alt=""><figcaption></figcaption></figure>

<table><thead><tr><th width="88">순번</th><th width="137">필드 명</th><th>설명</th></tr></thead><tbody><tr><td>1</td><td>강조 텍스트</td><td>1번 메인 텍스트를 입력해주세요.</td></tr><tr><td>2</td><td>보조 텍스트</td><td>1번 보조 텍스트를 입력해주세요.</td></tr><tr><td>3</td><td>강조 텍스트</td><td>2번 메인 텍스트를 입력해주세요.</td></tr><tr><td>4</td><td>보조 텍스트</td><td>2번 보조 텍스트를 입력해주세요.</td></tr><tr><td>5</td><td>강조 텍스트</td><td>3번 메인 텍스트를 입력해주세요.</td></tr><tr><td>6</td><td>보조 텍스트</td><td>3번 보조 텍스트를 입력해주세요.</td></tr></tbody></table>

<figure><img src="https://1736609049-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FhXqpQKK3ny5H23yHno34%2Fuploads%2Fcq11X9U2lsPudaW0f420%2Fimage.png?alt=media&amp;token=9576c4c6-17e3-41b0-b47e-42d3696058a3" alt=""><figcaption></figcaption></figure>

{% hint style="info" %}
모든 설정을 마친 후에는 '**저장하고 생성하기**' 버튼을 눌러주세요.
{% endhint %}

***

### **강조형 컴포넌트**

<figure><img src="https://1736609049-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FhXqpQKK3ny5H23yHno34%2Fuploads%2FfpzTSyOnaJjsSeHxJqhz%2Fimage.png?alt=media&amp;token=c2c8f8d0-3f00-49bf-8415-5c47f834df4e" alt=""><figcaption></figcaption></figure>

{% hint style="info" %}
배경색을 추가하여 더욱 강조 된 제목과 내용을 보여주는 컨포넌트입니다.
{% endhint %}

&#x20;**강조형 컴포넌트 설정 방법**

<figure><img src="https://1736609049-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FhXqpQKK3ny5H23yHno34%2Fuploads%2FbZvcQ22XdtKgVC5ul80X%2Fimage.png?alt=media&amp;token=cc1c8be1-e28a-46b2-80f5-809da72f5ce7" alt=""><figcaption></figcaption></figure>

<table><thead><tr><th width="84">순번</th><th width="136">필드 명</th><th>설명</th></tr></thead><tbody><tr><td>1</td><td>강조 텍스트</td><td>메인 텍스트를 입력해주세요.</td></tr><tr><td>2</td><td>보조 텍스트</td><td>보조 텍스트를 입력해주세요.</td></tr><tr><td>3</td><td>정렬</td><td> </td></tr><tr><td>(3-1)</td><td>좌측 정렬</td><td>모든 텍스트를 좌측 정렬로 변경합니다.</td></tr><tr><td>(3-2)</td><td>중앙 정렬</td><td>모든 텍스트를 중앙 정렬로 변경합니다.</td></tr><tr><td>(3-3)</td><td>우측 정렬</td><td>모든 텍스트를 우측 정렬로 변경합니다.</td></tr><tr><td>4</td><td>배경색</td><td>원하시는 색상을 골라 체크 해주세요.</td></tr></tbody></table>

<figure><img src="https://1736609049-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FhXqpQKK3ny5H23yHno34%2Fuploads%2Fcq11X9U2lsPudaW0f420%2Fimage.png?alt=media&amp;token=9576c4c6-17e3-41b0-b47e-42d3696058a3" alt=""><figcaption></figcaption></figure>

{% hint style="info" %}
모든 설정을 마친 후에는 '**저장하고 생성하기**' 버튼을 눌러주세요.
{% endhint %}

***

### **앵커 컴포넌트**

<figure><img src="https://1736609049-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FhXqpQKK3ny5H23yHno34%2Fuploads%2FF6EWobXA0Slj7fQFLkEU%2Fimage.png?alt=media&amp;token=04fea8e5-0ed4-4cfc-b088-8d9cd4133b13" alt=""><figcaption></figcaption></figure>

{% hint style="info" %}
아이콘을 이용한 강조 된 텍스트 입력이 가능한 컴포넌트입니다.
{% endhint %}

&#x20;**앵커 컴포넌트 설정 방법**

<figure><img src="https://1736609049-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FhXqpQKK3ny5H23yHno34%2Fuploads%2Fz94TV8dvOPVDCrkP8TrC%2Fimage.png?alt=media&amp;token=b922d6da-4fa0-468a-ba2b-cdc3f9bfcde8" alt=""><figcaption></figcaption></figure>

<table><thead><tr><th width="79">순번</th><th width="119">필드 명</th><th>설명</th></tr></thead><tbody><tr><td>1</td><td>아이콘 선택</td><td>텍스트 앞 이용 할 아이콘을 체크해주세요.</td></tr><tr><td>2</td><td>텍스트</td><td>강조할 텍스트를 입력해주세요.</td></tr><tr><td>3</td><td>컬러 선택</td><td>원하시는 색상을 골라 체크해주세요.</td></tr><tr><td>4</td><td>id 입력</td><td>사이트 내 페이지 단락 id를 입력해주세요.<br>(ex. 랜딩페이지(#1) -> #1 입력)</td></tr></tbody></table>

{% hint style="success" %}
**앵커 ID란?**

사이트 내 이동을 원하는 id를 입력해주시면 클릭 시 이동됩니다. (추후 수정)
{% endhint %}

<div align="left"><figure><img src="https://1736609049-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FhXqpQKK3ny5H23yHno34%2Fuploads%2FNiiRrS8WdzdFH3LwZtBX%2Fimage.png?alt=media&amp;token=35064e2c-9bb2-4fbc-8246-06a891d2bb27" alt=""><figcaption><p>개별 아이콘 등록</p></figcaption></figure></div>

{% hint style="success" %}
개별 아이콘 등록을 눌러 자신만의 아이콘을 생성 할 수 도 있습니다.
{% endhint %}

<figure><img src="https://1736609049-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FhXqpQKK3ny5H23yHno34%2Fuploads%2Fcq11X9U2lsPudaW0f420%2Fimage.png?alt=media&amp;token=9576c4c6-17e3-41b0-b47e-42d3696058a3" alt=""><figcaption></figcaption></figure>

{% hint style="info" %}
모든 설정을 마친 후에는 '**저장하고 생성하기**' 버튼을 눌러주세요.
{% endhint %}

***

### **제목 컴포넌트**

<figure><img src="https://1736609049-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FhXqpQKK3ny5H23yHno34%2Fuploads%2FoenywCTjQAGZBYOESLI2%2Fimage.png?alt=media&amp;token=aa9317dd-cb8a-42e0-9bb8-6774a1b2667a" alt=""><figcaption></figcaption></figure>

{% hint style="info" %}
영역 내 간단하게 제목을 삽입할 수 있는 컴포넌트입니다.
{% endhint %}

&#x20;**제목 컴포넌트 설정 방법**

<figure><img src="https://1736609049-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FhXqpQKK3ny5H23yHno34%2Fuploads%2FWVLof68vLeE7PpQXXdai%2Fimage.png?alt=media&amp;token=5721bcb1-5437-4fc8-8a37-5af557da1551" alt=""><figcaption></figcaption></figure>

<table><thead><tr><th width="94">순번</th><th width="121">필드 명</th><th>설명</th></tr></thead><tbody><tr><td>1</td><td>제목</td><td>제목을 입력해주세요.</td></tr><tr><td>2</td><td>글씨 크기</td><td> </td></tr><tr><td>(2-1)</td><td>sm</td><td>small – 작은 글씨</td></tr><tr><td>(2-2)</td><td>md</td><td>medium – 중간 글씨</td></tr><tr><td>(2-3)</td><td>lg</td><td>large – 큰 글씨</td></tr><tr><td>(2-4)</td><td>xlg</td><td>xlarge – 매우 큰 글씨</td></tr><tr><td>3</td><td>타이틀정렬</td><td> </td></tr><tr><td>(3-1)</td><td>좌측 정렬</td><td>제목을 좌측 정렬로 변경합니다.</td></tr><tr><td>(3-2)</td><td>중앙 정렬</td><td>제목을 중앙 정렬로 변경합니다.</td></tr><tr><td>(3-3)</td><td>우측 정렬</td><td>제목을 우측 정렬로 변경합니다.</td></tr></tbody></table>

<figure><img src="https://1736609049-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FhXqpQKK3ny5H23yHno34%2Fuploads%2Fcq11X9U2lsPudaW0f420%2Fimage.png?alt=media&amp;token=9576c4c6-17e3-41b0-b47e-42d3696058a3" alt=""><figcaption></figcaption></figure>

{% hint style="info" %}
모든 설정을 마친 후에는 '**저장하고 생성하기**' 버튼을 눌러주세요.
{% endhint %}

***

## **배너형 컴포넌트 종류**

{% hint style="info" %}
**배너형 컴포넌트란?**

페이지 내 이미지를 이용하여 이용자가 간편하게 이용할 수 있게 사용되는 컴포넌트입니다.
{% endhint %}

***

### **단일 이미지 배너**

<figure><img src="https://1736609049-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FhXqpQKK3ny5H23yHno34%2Fuploads%2FP9fC8vObLS7xSRJ85qRS%2Fimage.png?alt=media&amp;token=324dd324-c7b1-41b0-b18b-2807d240b852" alt=""><figcaption></figcaption></figure>

{% hint style="info" %}
단일로 이미지에 링크 삽입 할 수 있는 배너입니다.
{% endhint %}

**단일 이미지 배너 설정 방법**

<figure><img src="https://1736609049-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FhXqpQKK3ny5H23yHno34%2Fuploads%2FvxuOe1mk66Uv53owqlN4%2Fimage.png?alt=media&amp;token=4e539846-290d-472b-89f8-ecf9dcc25820" alt=""><figcaption></figcaption></figure>

<table><thead><tr><th width="84">순번</th><th width="192">필드 명</th><th>설명</th></tr></thead><tbody><tr><td>1</td><td>PC 이미지 업로드</td><td>PC 화면에서 보여질 이미지를 업로드해주세요.</td></tr><tr><td>2</td><td>모바일 이미지 업로드</td><td>모바일 화면에서 보여질 이미지를 업로드해주세요.</td></tr><tr><td>3</td><td>링크</td><td>배너에 삽입할 링크를 넣어주세요.</td></tr></tbody></table>

<figure><img src="https://1736609049-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FhXqpQKK3ny5H23yHno34%2Fuploads%2Fcq11X9U2lsPudaW0f420%2Fimage.png?alt=media&amp;token=9576c4c6-17e3-41b0-b47e-42d3696058a3" alt=""><figcaption></figcaption></figure>

{% hint style="info" %}
모든 설정을 마친 후에는 '**저장하고 생성하기**' 버튼을 눌러주세요.
{% endhint %}

***

### **단일 슬라이드 배너**

<figure><img src="https://1736609049-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FhXqpQKK3ny5H23yHno34%2Fuploads%2FbdRFZUmECrGkwA2Pr1cH%2Fimage.png?alt=media&amp;token=66fc40ac-9398-453f-9ad3-540a609f48f5" alt=""><figcaption></figcaption></figure>

{% hint style="info" %}
영역 내 풀 사이즈 배너를 넣어 슬라이드 형식으로 사용할 수 있는 배너입니다.
{% endhint %}

**단일 슬라이드 배너 설정 방법**

<figure><img src="https://1736609049-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FhXqpQKK3ny5H23yHno34%2Fuploads%2FByRQUp6nzTYx3DiSnPIs%2F%EC%8A%AC%EB%9D%BC%EC%9D%B4%EB%93%9C.png?alt=media&amp;token=ab36b6ec-8d2c-4c40-a2e5-2fdd095e7250" alt="" width="431"><figcaption></figcaption></figure>

{% hint style="warning" %}
슬라이드 배너는 최소 3개의 배너를 등록해야만 이용 가능합니다.
{% endhint %}

<table><thead><tr><th width="85">순번</th><th width="191">필드 명 </th><th>설명</th></tr></thead><tbody><tr><td>1</td><td>자동 슬라이드 여부</td><td> </td></tr><tr><td>(1-1)</td><td>활성화</td><td>슬라이드가 자동으로 3초 간격으로 변경됩니다.</td></tr><tr><td>(1-2)</td><td>비활성화</td><td>슬라이드를 수동으로 움직여줘야합니다.</td></tr><tr><td>2</td><td>무한 슬라이드 여부</td><td> </td></tr><tr><td>(2-1)</td><td>활성화</td><td>슬라이드를 반복적으로 넘길 수 있습니다.</td></tr><tr><td>(2-2)</td><td>비활성화</td><td>슬라이드를 반복적으로 넘길 수 없습니다.</td></tr><tr><td>3</td><td>PC 이미지 업로드</td><td>PC 환경에서 보여질 이미지를 업로드 해주세요.</td></tr><tr><td>4</td><td>모바일 이미지 업로드</td><td>모바일 환경에서 보여질 이미지를 업로드 해주세요.</td></tr><tr><td>5</td><td>노출기간 설정</td><td>노출 기간 설정 시 기간 내에만 노출됩니다.</td></tr><tr><td>6</td><td>링크</td><td>배너에 삽입할 링크를 넣어주세요.</td></tr><tr><td>7</td><td>추가하기</td><td>슬라이드 배너를 추가로 만들 수 있습니다.</td></tr><tr><td>8</td><td>좌,우 네비게이션 여부</td><td> </td></tr><tr><td>(8-1)</td><td>선택안함</td><td>배너를 드래그하여 변경할 수 있습니다.</td></tr><tr><td>(8-2)</td><td>선택</td><td>배너의 네비게이션을 클릭하여 변경할 수 있습니다.</td></tr></tbody></table>

<figure><img src="https://1736609049-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FhXqpQKK3ny5H23yHno34%2Fuploads%2Fcq11X9U2lsPudaW0f420%2Fimage.png?alt=media&amp;token=9576c4c6-17e3-41b0-b47e-42d3696058a3" alt=""><figcaption></figcaption></figure>

{% hint style="info" %}
모든 설정을 마친 후에는 '**저장하고 생성하기**' 버튼을 눌러주세요.
{% endhint %}

***

### **메인 슬라이드 배너**

<figure><img src="https://1736609049-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FhXqpQKK3ny5H23yHno34%2Fuploads%2FAvsrdwMrwo8zCskPdPTZ%2Fimage.png?alt=media&amp;token=eda6b1e3-54ae-4d69-9ade-2f55af2678b4" alt=""><figcaption></figcaption></figure>

{% hint style="info" %}
영역 내 단일 또는 다중의 배너를 노출이 가능한 슬라이드 배너입니다.
{% endhint %}

**메인 슬라이드 배너 설정 방법**

<figure><img src="https://1736609049-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FhXqpQKK3ny5H23yHno34%2Fuploads%2FaCj2ytlCm0fjCiAebVxX%2F%EB%A9%94%EC%9D%B8%EC%8A%AC%EB%9D%BC%EC%9D%B4%EB%93%9C.png?alt=media&amp;token=7f96ea77-e70b-409b-92a8-c301b9c9b63e" alt="" width="425"><figcaption></figcaption></figure>

<table><thead><tr><th width="87">순번</th><th width="186">필드 명</th><th>설명</th></tr></thead><tbody><tr><td>1</td><td>화면 별 컬럼 수</td><td> </td></tr><tr><td>(1-1)</td><td>1</td><td>영역 내 1개의 컬럼만 노출합니다.</td></tr><tr><td>(1-2)</td><td>2</td><td>영역 내 2개의 컬럼만 노출합니다.</td></tr><tr><td>(1-3)</td><td>3</td><td>영역 내 3개의 컬럼만 노출합니다.</td></tr><tr><td>2</td><td>자동 슬라이드 여부</td><td> </td></tr><tr><td>(2-1)</td><td>활성화</td><td>슬라이드가 자동으로 3초 간격으로 변경됩니다.</td></tr><tr><td>(2-2)</td><td>비활성화</td><td>슬라이드를 수동으로 움직여줘야합니다.</td></tr><tr><td>3</td><td>무한 슬라이드 여부</td><td> </td></tr><tr><td>(3-1)</td><td>활성화</td><td>슬라이드를 반복적으로 넘길 수 있습니다.</td></tr><tr><td>(3-2)</td><td>비활성화</td><td>슬라이드를 반복적으로 넘길 수 없습니다.</td></tr><tr><td>4</td><td>페이지 도트 표시</td><td> </td></tr><tr><td>(4-1)</td><td>활성화</td><td>문의</td></tr><tr><td>(4-2)</td><td>비활성화</td><td>문의</td></tr><tr><td>5</td><td>PC 이미지 업로드</td><td>PC 환경에서 보여질 이미지를 업로드 해주세요.</td></tr><tr><td>6</td><td>모바일 이미지 업로드</td><td>모바일 환경에서 보여질 이미지를 업로드 해주세요.</td></tr><tr><td>7</td><td>노출기간 설정</td><td>노출 기간 설정 시 기간 내에만 노출됩니다.</td></tr><tr><td>8</td><td>링크</td><td>배너에 삽입할 링크를 넣어주세요.</td></tr><tr><td>9</td><td>추가하기</td><td>슬라이드 배너를 추가로 만들 수 있습니다.</td></tr></tbody></table>

<figure><img src="https://1736609049-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FhXqpQKK3ny5H23yHno34%2Fuploads%2Fcq11X9U2lsPudaW0f420%2Fimage.png?alt=media&amp;token=9576c4c6-17e3-41b0-b47e-42d3696058a3" alt=""><figcaption></figcaption></figure>

{% hint style="info" %}
모든 설정을 마친 후에는 '**저장하고 생성하기**' 버튼을 눌러주세요.
{% endhint %}

***

### **슬라이드 블록 배너**

<figure><img src="https://1736609049-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FhXqpQKK3ny5H23yHno34%2Fuploads%2FTEfCfEs9OpgZ9ox2Auwo%2Fimage.png?alt=media&amp;token=fe15023b-1847-4aea-a399-e53f3ad3b494" alt=""><figcaption></figcaption></figure>

{% hint style="info" %}
열과 행을 변경 할 수 있는 슬라이드 배너입니다.
{% endhint %}

**슬라이드 블록 배너 설정 방법**

<figure><img src="https://1736609049-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FhXqpQKK3ny5H23yHno34%2Fuploads%2Fcq11X9U2lsPudaW0f420%2Fimage.png?alt=media&amp;token=9576c4c6-17e3-41b0-b47e-42d3696058a3" alt=""><figcaption></figcaption></figure>

{% hint style="info" %}
모든 설정을 마친 후에는 '**저장하고 생성하기**' 버튼을 눌러주세요.
{% endhint %}

***

### **아이콘 네비게이션 배너**

<figure><img src="https://1736609049-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FhXqpQKK3ny5H23yHno34%2Fuploads%2F636DmpgKk7XaITAbcXGS%2Fimage.png?alt=media&amp;token=e1992d5c-1a6b-4d42-b42d-8bbb7165eb0a" alt=""><figcaption></figcaption></figure>

{% hint style="info" %}
아이콘을 사용하여 이용자가 간편하게 사이트를 이동할 수 있는 배너입니다.
{% endhint %}

**아이콘 네이게이션 배너 설정 방법**

<figure><img src="https://1736609049-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FhXqpQKK3ny5H23yHno34%2Fuploads%2Fe32pzmEQLsFmi8BpkKQ7%2F%EC%95%84%EC%9D%B4%EC%BD%98%EB%B0%B0%EB%84%88.png?alt=media&amp;token=5628b9ff-d392-48b6-8c2a-e38e1e2464bb" alt=""><figcaption></figcaption></figure>

{% hint style="warning" %}
아이콘은 최소 3개 이상 설정해 사용해야 합니다.
{% endhint %}

<table><thead><tr><th width="79">순번</th><th width="149">필드 명</th><th>설명</th></tr></thead><tbody><tr><td>1</td><td>공통 테마 선택</td><td>원하시는 색상을 골라 체크해주세요.</td></tr><tr><td>2</td><td>아이콘 선택</td><td>원하시는 아이콘을 골라 체크해주세요.</td></tr><tr><td>3</td><td>제목</td><td>아이콘 하단에 나타낼 아이콘 이름을 입력해주세요.</td></tr><tr><td>4</td><td>링크</td><td>원하시는 링크를 입력해주세요.</td></tr><tr><td>5</td><td>추가하기</td><td>아이콘을 추가로 만들 수 있습니다.<br>(최대 아이콘 10개 제한)</td></tr></tbody></table>

<figure><img src="https://1736609049-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FhXqpQKK3ny5H23yHno34%2Fuploads%2Fcq11X9U2lsPudaW0f420%2Fimage.png?alt=media&amp;token=9576c4c6-17e3-41b0-b47e-42d3696058a3" alt=""><figcaption></figcaption></figure>

{% hint style="info" %}
모든 설정을 마친 후에는 '**저장하고 생성하기**' 버튼을 눌러주세요.
{% endhint %}

***

### **2 그리드 이미지 배너**

<figure><img src="https://1736609049-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FhXqpQKK3ny5H23yHno34%2Fuploads%2Fl2JShlRvbNOZ5o0KDoU6%2Fimage.png?alt=media&amp;token=d326f13f-9780-4d46-b0f5-a8e83cdf8ef6" alt=""><figcaption></figcaption></figure>

{% hint style="info" %}
그림을 삽입하여 제목과 내용을 작성 할 수 있는 배너입니다.
{% endhint %}

**2 그리드 이미지 배너 설정 방법**

<figure><img src="https://1736609049-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FhXqpQKK3ny5H23yHno34%2Fuploads%2FZqmoqFYnXMqZL2ImHRR8%2Fimage.png?alt=media&amp;token=c71530da-fd68-4116-8549-2e9079c2d577" alt=""><figcaption></figcaption></figure>

<table><thead><tr><th width="86">순번</th><th width="228">필드 명</th><th>설명</th></tr></thead><tbody><tr><td>1</td><td>PC 배너 이미지 업로드</td><td>PC 환경에서 보여질 이미지를 업로드 해주세요.</td></tr><tr><td>2</td><td>모바일 배너 이미지 업로드</td><td>모바일 환경에서 보여질 이미지를 업로드 해주세요.</td></tr><tr><td>3</td><td>강조 텍스트 입력</td><td>메인 텍스트를 입력해주세요.</td></tr><tr><td>4</td><td>보조 텍스트 입력</td><td>보조 텍스트를 입력해주세요.</td></tr><tr><td>5</td><td>정렬</td><td> </td></tr><tr><td>(5-1)</td><td>좌측 정렬</td><td>모든 텍스트를 좌측 정렬로 변경합니다.</td></tr><tr><td>(5-2)</td><td>우측 정렬</td><td>모든 텍스트를 우측 정렬로 변경합니다.</td></tr></tbody></table>

<figure><img src="https://1736609049-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FhXqpQKK3ny5H23yHno34%2Fuploads%2Fcq11X9U2lsPudaW0f420%2Fimage.png?alt=media&amp;token=9576c4c6-17e3-41b0-b47e-42d3696058a3" alt=""><figcaption></figcaption></figure>

{% hint style="info" %}
모든 설정을 마친 후에는 '**저장하고 생성하기**' 버튼을 눌러주세요.
{% endhint %}

***

### **3 그리드 블록 배너**

<figure><img src="https://1736609049-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FhXqpQKK3ny5H23yHno34%2Fuploads%2F6QDsJL0li9O3PlC6pQZY%2Fimage.png?alt=media&amp;token=3d8c90a1-568a-437f-93f4-131134750981" alt=""><figcaption></figcaption></figure>

{% hint style="info" %}
3개의 블록 유형으로 간단한 설명이 노출 가능한 배너입니다.
{% endhint %}

**3 그리드 블록 배너 설정 방법**

<figure><img src="https://1736609049-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FhXqpQKK3ny5H23yHno34%2Fuploads%2Fg0iucuYZwydfrUTz7HbX%2Fimage.png?alt=media&amp;token=b13f898c-8db9-4a37-98cd-a3adb302d35d" alt="" width="425"><figcaption></figcaption></figure>

<table><thead><tr><th width="90">순번</th><th width="194">필드 명</th><th>설명</th></tr></thead><tbody><tr><td>1</td><td>이미지 배너 업로드</td><td>배너에 보여질 이미지를 업로드 해주세요.</td></tr><tr><td>2</td><td>타이틀 입력</td><td>메인 텍스트를 입력해주세요.</td></tr><tr><td>3</td><td>디스크립션 입력</td><td>보조 텍스트를 입력해주세요.</td></tr><tr><td>4</td><td>버튼 명 입력</td><td>노출 될 버튼 이름을 입력해주세요<br>(버튼 명을 입력시에 5,6,7번이 활성화 됩니다.)</td></tr><tr><td>5</td><td>버튼 타입</td><td> </td></tr><tr><td>(5-1)</td><td>모서리 둥근 테두리형</td><td>모서리가 둥근 네모난 버튼 모양</td></tr><tr><td>(5-2)</td><td>원형</td><td>원형 버튼 모양</td></tr><tr><td>6</td><td>링크</td><td>버튼에 삽입할 링크를 입력해주세요.</td></tr><tr><td>7</td><td>버튼 색상</td><td>원하시는 색상을 체크해주세요.</td></tr></tbody></table>

<figure><img src="https://1736609049-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FhXqpQKK3ny5H23yHno34%2Fuploads%2Fcq11X9U2lsPudaW0f420%2Fimage.png?alt=media&amp;token=9576c4c6-17e3-41b0-b47e-42d3696058a3" alt=""><figcaption></figcaption></figure>

{% hint style="info" %}
모든 설정을 마친 후에는 '**저장하고 생성하기**' 버튼을 눌러주세요.
{% endhint %}

***

### **그리드 배너**

<figure><img src="https://1736609049-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FhXqpQKK3ny5H23yHno34%2Fuploads%2Fhr89Hv7XMlaq4Tqdy5Bk%2Fimage.png?alt=media&amp;token=f02b2b57-e8a7-40e6-842b-681d65039e16" alt=""><figcaption></figcaption></figure>

{% hint style="info" %}
2열구조 형식으로 다양한 이벤트를 노출이 가능하며 제한 없이 생성이 가능한 배너입니다.
{% endhint %}

**그리드 배너 설정 방법**

<figure><img src="https://1736609049-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FhXqpQKK3ny5H23yHno34%2Fuploads%2FT8poURKaCuO7ecb63klW%2F%EA%B7%B8%EB%A6%AC%EB%93%9C.png?alt=media&amp;token=f624b315-8065-43ff-80c5-6f0ea2823dd9" alt=""><figcaption></figcaption></figure>

<table><thead><tr><th width="82">순번</th><th width="147">필드 명</th><th>설명</th></tr></thead><tbody><tr><td>1</td><td>제목</td><td>배너의 제목을 입력해주세요.</td></tr><tr><td>2</td><td>이미지 업로드</td><td>배너에 사용할 이미지를 업로드해주세요.<br>(최소 4개부터 사용 가능)</td></tr><tr><td>3</td><td>이미지 추가</td><td>배너를 제한없이 추가 생성 가능합니다.</td></tr></tbody></table>

<figure><img src="https://1736609049-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FhXqpQKK3ny5H23yHno34%2Fuploads%2Fcq11X9U2lsPudaW0f420%2Fimage.png?alt=media&amp;token=9576c4c6-17e3-41b0-b47e-42d3696058a3" alt=""><figcaption></figcaption></figure>

{% hint style="info" %}
모든 설정을 마친 후에는 '**저장하고 생성하기**' 버튼을 눌러주세요.
{% endhint %}

***

## **게시판형 컴포넌트 종류**

{% hint style="info" %}
**게시판형 컴포넌트란?**

페이지 내 게시글 또는 리뷰를 이용자가 간편하게 볼 수 있게 사용되는 컴포넌트입니다.
{% endhint %}

***

### **게시글 선택기**

<figure><img src="https://1736609049-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FhXqpQKK3ny5H23yHno34%2Fuploads%2FGZ1ORTWH18jolv0a5Qlf%2Fimage.png?alt=media&amp;token=d2c54839-1f94-4389-b34f-2e4b5b29343a" alt=""><figcaption></figcaption></figure>

{% hint style="info" %}
원하는 게시글 및 리뷰를 선택하여 노출 시킬 수 있는 컴포넌트입니다.
{% endhint %}

**게시글 선택기 설정 방법**

<figure><img src="https://1736609049-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FhXqpQKK3ny5H23yHno34%2Fuploads%2Fu6bNre8BSE2elfCHxlXT%2Fimage.png?alt=media&amp;token=5c0b57ad-0708-4952-8fa5-d52c67fc188a" alt="" width="437"><figcaption></figcaption></figure>

{% hint style="success" %}
게시글 선택은 최대 4개까지  가능합니다.
{% endhint %}

<table><thead><tr><th width="91">순번</th><th width="171">필드 명</th><th>설명</th></tr></thead><tbody><tr><td>1</td><td>컴포넌트 제목</td><td>컴포넌트의 제목을 입력해주세요.</td></tr><tr><td>2</td><td>게시글 선택</td><td>노출하기 원하시는 게시글을 선택해주세요.</td></tr><tr><td>3</td><td>프로필 노출 여부</td><td> </td></tr><tr><td>(3-1)</td><td>활성화</td><td>게시글 작성자의 프로필을 노출합니다.</td></tr><tr><td>(3-2)</td><td>비활성화</td><td>게시글 작성자의 프로필을 노출하지 않습니다.</td></tr><tr><td>4</td><td>버튼 노출 여부</td><td> </td></tr><tr><td>(4-1)</td><td>활성화</td><td>게시글 바로가기 버튼 만들어집니다.</td></tr><tr><td>(4-2)</td><td>비활성화</td><td>게시글 바로가기 버튼 만들어지지 않습니다.</td></tr><tr><td>5</td><td>글 내용 노출 여부</td><td> </td></tr><tr><td>(5-1)</td><td>활성화</td><td>글 내용을 노출 시킵니다,</td></tr><tr><td>(5-2)</td><td>비활성화</td><td>글 내용을 노출시키지 않습니다.</td></tr><tr><td>6</td><td>글 내용 길이</td><td>문의</td></tr></tbody></table>

<figure><img src="https://1736609049-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FhXqpQKK3ny5H23yHno34%2Fuploads%2Fcq11X9U2lsPudaW0f420%2Fimage.png?alt=media&amp;token=9576c4c6-17e3-41b0-b47e-42d3696058a3" alt=""><figcaption></figcaption></figure>

{% hint style="info" %}
모든 설정을 마친 후에는 '**저장하고 생성하기**' 버튼을 눌러주세요.
{% endhint %}

***

### **갤러리형 게시글 선택기**

<figure><img src="https://1736609049-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FhXqpQKK3ny5H23yHno34%2Fuploads%2FtspV3gDQ0NpQZq4xDYwh%2Fimage.png?alt=media&amp;token=bef4945d-0e4e-4a64-8468-ce208abf9ebc" alt=""><figcaption></figcaption></figure>

{% hint style="info" %}
원하시는 게시글 이미지 갤러리 유형으로 노출 시킬 수 있는 컴포넌트입니다.
{% endhint %}

**갤러리형 게시글 선택기 설정 방법**

<figure><img src="https://1736609049-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FhXqpQKK3ny5H23yHno34%2Fuploads%2F56ghQWl2l6Cf7tTYbDBc%2Fimage.png?alt=media&amp;token=8c1cf89d-69a9-4a3a-b0ce-a4c4664da091" alt=""><figcaption></figcaption></figure>

{% hint style="success" %}
갤러리형게시글 선택은 최대 4개까지  가능합니다.
{% endhint %}

<table><thead><tr><th width="88">순번</th><th width="168">필드 명</th><th>설명</th></tr></thead><tbody><tr><td>1</td><td>컴포넌트 제목</td><td>컴포넌트의 제목을 입력해주세요.</td></tr><tr><td>2</td><td>게시글 선택</td><td>노출하기 원하시는 게시글을 선택해주세요.</td></tr><tr><td>3</td><td>프로필 노출 여부</td><td> </td></tr><tr><td>(3-1)</td><td>활성화</td><td>게시글 작성자의 프로필을 노출합니다.</td></tr><tr><td>(3-2)</td><td>비활성화</td><td>게시글 작성자의 프로필을 노출하지 않습니다.</td></tr><tr><td>4</td><td>버튼 노출 여부</td><td> </td></tr><tr><td>(4-1)</td><td>활성화</td><td>게시글 더보기 버튼을 생성합니다.</td></tr><tr><td>(4-2)</td><td>비활성화</td><td>게시글 더보기 버튼을 생성하지 않습니다.</td></tr></tbody></table>

<figure><img src="https://1736609049-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FhXqpQKK3ny5H23yHno34%2Fuploads%2Fcq11X9U2lsPudaW0f420%2Fimage.png?alt=media&amp;token=9576c4c6-17e3-41b0-b47e-42d3696058a3" alt=""><figcaption></figcaption></figure>

{% hint style="info" %}
모든 설정을 마친 후에는 '**저장하고 생성하기**' 버튼을 눌러주세요.
{% endhint %}

***

### **게시판 선택기**

<figure><img src="https://1736609049-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FhXqpQKK3ny5H23yHno34%2Fuploads%2FKtzJ3el3ZHF89pNIb1wR%2Fimage.png?alt=media&amp;token=9beaecbc-4981-4bc4-94f4-d17a1dc4ce85" alt=""><figcaption></figcaption></figure>

{% hint style="info" %}
원하시는 게시판을 선택하여 노출 시킬 수 있는 컴포넌트입니다.
{% endhint %}

**게시판 선택기 설정 방법**

<figure><img src="https://1736609049-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FhXqpQKK3ny5H23yHno34%2Fuploads%2FG6cv6RGnmQcgRzEYkEyB%2Fimage.png?alt=media&amp;token=ec8220bf-d9d7-448f-a8fd-e41804593115" alt="" width="442"><figcaption></figcaption></figure>

<table><thead><tr><th width="89">순번</th><th width="209">필드 명</th><th>설명</th></tr></thead><tbody><tr><td>1</td><td>게시판 갯수</td><td>노출하고 싶은 게시판을 1~3개 중 선택해주세요.</td></tr><tr><td>2</td><td>게시판 제목 노출</td><td> </td></tr><tr><td>(2-1)</td><td>활성화</td><td>게시판의 제목이 노출됩니다.</td></tr><tr><td>(2-2)</td><td>비활성화</td><td>게시판의 제목이 노출 되지 않습니다,</td></tr><tr><td>3</td><td>게시판 선택</td><td>노출하기 원하시는 게시판을 선택해주세요.</td></tr><tr><td>4</td><td>정렬 기준</td><td> </td></tr><tr><td>(4-1)</td><td>최신순</td><td>최신순으로 정렬됩니다.</td></tr><tr><td>(4-2)</td><td>인기순</td><td>인기순으로 정렬됩니다.</td></tr><tr><td>5</td><td>게시글 더보기 버튼 노출</td><td> </td></tr><tr><td>(5-1)</td><td>활성화</td><td>게시글 더보기 버튼을 생성합니다.</td></tr><tr><td>(5-2)</td><td>비활성화</td><td>게시글 더보기 버튼을 생성하지 않습니다.</td></tr><tr><td>6</td><td>프로필 노출</td><td> </td></tr><tr><td>(6-1)</td><td>활성화</td><td>게시글 작성자의 프로필을 노출합니다.</td></tr><tr><td>(6-2)</td><td>비활성화</td><td>게시글 작성자의 프로필을 노출하지 않습니다.</td></tr><tr><td>7</td><td>글 내용 길이</td><td>문의</td></tr></tbody></table>

<figure><img src="https://1736609049-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FhXqpQKK3ny5H23yHno34%2Fuploads%2Fcq11X9U2lsPudaW0f420%2Fimage.png?alt=media&amp;token=9576c4c6-17e3-41b0-b47e-42d3696058a3" alt=""><figcaption></figcaption></figure>

{% hint style="info" %}
모든 설정을 마친 후에는 '**저장하고 생성하기**' 버튼을 눌러주세요.
{% endhint %}

***

### **리뷰 게시글 선택기**

<figure><img src="https://1736609049-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FhXqpQKK3ny5H23yHno34%2Fuploads%2F7hdvLgjjEkHoedH4XeV7%2Fimage.png?alt=media&amp;token=9b7ef483-a7d3-4ca7-a6ac-4d3ab8f1f346" alt=""><figcaption></figcaption></figure>

{% hint style="info" %}
원하시는 리뷰를 다중으로 노출 시킬 수 있는 컴포넌트입니다.
{% endhint %}

**리뷰 게시글 선택기 설정 방법**

<figure><img src="https://1736609049-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FhXqpQKK3ny5H23yHno34%2Fuploads%2Fs7fLFKHygEavLyhS8uYj%2Fimage.png?alt=media&amp;token=65722798-6ece-4d45-9b34-56ae97b5159d" alt=""><figcaption></figcaption></figure>

<table><thead><tr><th width="88">순번</th><th width="165">필드 명</th><th>설명</th></tr></thead><tbody><tr><td>1</td><td>컴포넌트 제목</td><td> 컴포넌트의 제목을 입력해주세요.</td></tr><tr><td>2</td><td>리뷰 선택</td><td> 노출하기 원하시는 리뷰를 선택해주세요.</td></tr><tr><td>3</td><td>프로필 노출 여부</td><td> </td></tr><tr><td>(3-1)</td><td>활성화</td><td>게시글 작성자의 프로필을 노출합니다.</td></tr><tr><td>(3-2)</td><td>비활성화</td><td>게시글 작성자의 프로필을 노출하지 않습니다.</td></tr><tr><td>4</td><td>평점 노출 여부</td><td> </td></tr><tr><td>(4-1)</td><td>활성화</td><td>리뷰 평점을 노출합니다.</td></tr><tr><td>(4-2)</td><td>비활성화</td><td>리뷰 평점을 노출하지 않습니다.</td></tr><tr><td>5</td><td>버튼 노출 여부</td><td> </td></tr><tr><td>(5-1)</td><td>활성화</td><td>게시글 더보기 버튼을 생성합니다.</td></tr><tr><td>(5-2)</td><td>비활성화</td><td>게시글 더보기 버튼을 생성하지 않습니다.</td></tr></tbody></table>

<figure><img src="https://1736609049-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FhXqpQKK3ny5H23yHno34%2Fuploads%2Fcq11X9U2lsPudaW0f420%2Fimage.png?alt=media&amp;token=9576c4c6-17e3-41b0-b47e-42d3696058a3" alt=""><figcaption></figcaption></figure>

{% hint style="info" %}
모든 설정을 마친 후에는 '**저장하고 생성하기**' 버튼을 눌러주세요.
{% endhint %}

***

### **슬라이드 리뷰**

<figure><img src="https://1736609049-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FhXqpQKK3ny5H23yHno34%2Fuploads%2FiIZ42wIsxztCHVv0nlGU%2Fimage.png?alt=media&amp;token=f65d84ef-2536-454c-b44c-7ac33341f74b" alt=""><figcaption></figcaption></figure>

{% hint style="info" %}
원하시는 리뷰를 슬라이드 유형으로 노출 시킬 수 있는 컴포넌트입니다.
{% endhint %}

**슬라이드 리뷰 선택기 설정 방법**

<figure><img src="https://1736609049-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FhXqpQKK3ny5H23yHno34%2Fuploads%2FKTOB1bzFOFrmf3OhPlpA%2Fimage.png?alt=media&amp;token=07feb44d-e049-4405-a372-2e34be8612e7" alt="" width="440"><figcaption></figcaption></figure>

<table><thead><tr><th width="89">순번</th><th width="206">필드 명</th><th>설명</th></tr></thead><tbody><tr><td>1</td><td>컴포넌트 제목</td><td>컴포넌트의 제목을 입력해주세요.</td></tr><tr><td>2</td><td>슬라이드당 리뷰 노출 수</td><td>슬라이드 당 리뷰를 노출 시킬 수를 선택해주세요.</td></tr><tr><td>3</td><td>리뷰 선택</td><td>노출하기 원하시는 리뷰를 선택해주세요.</td></tr><tr><td>4</td><td>랜덤 노출 여부</td><td> </td></tr><tr><td>(4-1)</td><td>활성화</td><td>리뷰를 무작위로 노출합니다.</td></tr><tr><td>(4-2)</td><td>비활성화</td><td>리뷰를 순서대로 노출합니다.</td></tr><tr><td>5</td><td>프로필 노출 여부</td><td> </td></tr><tr><td>(5-1)</td><td>활성화</td><td>리뷰 작성자의 프로필을 노출합니다.</td></tr><tr><td>(5-2)</td><td>비활성화</td><td>리뷰 작성자의 프로필을 노출하지 않습니다.</td></tr><tr><td>6</td><td>평점 노출 여부</td><td> </td></tr><tr><td>(6-1)</td><td>활성화</td><td>리뷰 평점을 노출합니다.</td></tr><tr><td>(6-2)</td><td>비활성화</td><td>리뷰 평점을 노출하지 않습니다.</td></tr><tr><td>7</td><td>자동 슬라이드 여부</td><td> </td></tr><tr><td>(7-1)</td><td>활성화</td><td>리뷰를 자동으로 변경하게 합니다.</td></tr><tr><td>(7-2)</td><td>비활성화</td><td>리뷰를 수동으로 변경하게 합니다.</td></tr><tr><td>8</td><td>무한 슬라이드 여부</td><td> </td></tr><tr><td>(8-1)</td><td>활성화</td><td>선택한 리뷰가 반복적으로 노출됩니다.</td></tr><tr><td>(8-2)</td><td>비활성화</td><td>선택한 리뷰가 단일적 노출이 됩니다.</td></tr><tr><td>9</td><td>네비게이션 여부</td><td> </td></tr><tr><td>(9-1)</td><td>활성화</td><td>리뷰 이동이 편의한 버튼을 생성합니다.</td></tr><tr><td>(9-2)</td><td>비활성화</td><td>리뷰 이동을 사용자가 직접 드래그합니다.</td></tr></tbody></table>

<figure><img src="https://1736609049-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FhXqpQKK3ny5H23yHno34%2Fuploads%2Fcq11X9U2lsPudaW0f420%2Fimage.png?alt=media&amp;token=9576c4c6-17e3-41b0-b47e-42d3696058a3" alt=""><figcaption></figcaption></figure>

{% hint style="info" %}
모든 설정을 마친 후에는 '**저장하고 생성하기**' 버튼을 눌러주세요.
{% endhint %}

***

### **슬라이드 게시글**

<figure><img src="https://1736609049-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FhXqpQKK3ny5H23yHno34%2Fuploads%2FftnpgMK7Euns2iJEFZ8w%2Fimage.png?alt=media&amp;token=dbc9b4ab-4ea9-4da7-99d8-f31eb7b02cc8" alt=""><figcaption></figcaption></figure>

{% hint style="info" %}
원하시는 게시글을 슬라이드 유형으로 노출 시킬 수 있는 컴포넌트입니다.
{% endhint %}

**슬라이드 게시글 선택기 설정 방법**

<figure><img src="https://1736609049-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FhXqpQKK3ny5H23yHno34%2Fuploads%2Fqpn4X07CxgOJrTfKMTA2%2Fimage.png?alt=media&amp;token=f6967bb3-73ea-4522-9540-4d672fb102a3" alt="" width="443"><figcaption></figcaption></figure>

<table><thead><tr><th width="90">순번</th><th width="227">필드 명</th><th>설명</th></tr></thead><tbody><tr><td>1</td><td>타이틀 입력</td><td>메인 타이틀 제목을 입력해주세요.</td></tr><tr><td>2</td><td>보조 텍스트 입력</td><td>보조 타이틀을 입력해주세요.</td></tr><tr><td>3</td><td>슬라이드 당 게시글 노출 수</td><td>보여지는 슬라이드의 개수를 선택해주세요.</td></tr><tr><td>4</td><td>자동 슬라이드 여부</td><td> </td></tr><tr><td>(4-1)</td><td>활성화</td><td>게시글을 자동으로 변경하게 합니다.</td></tr><tr><td>(4-2)</td><td>비활성화</td><td>게시글을 수동으로 변경하게 합니다.</td></tr><tr><td>5</td><td>무한 슬라이드 여부</td><td> </td></tr><tr><td>(5-1)</td><td>활성화</td><td>선택한 게시글이 반복적으로 노출됩니다.</td></tr><tr><td>(5-2)</td><td>비활성화</td><td>선택한 게시글이 단일적 노출이 됩니다.</td></tr><tr><td>6</td><td>게시글 선택</td><td>노출을 원하는 게시글을 선택해주세요.</td></tr><tr><td>7</td><td>프로필 노출 여부</td><td> </td></tr><tr><td>(7-1)</td><td>활성화</td><td>게시글 작성자의 프로필을 노출합니다.</td></tr><tr><td>(7-2)</td><td>비활성화</td><td>게시글 작성자의 프로필을 노출하지 않습니다.</td></tr></tbody></table>

<figure><img src="https://1736609049-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FhXqpQKK3ny5H23yHno34%2Fuploads%2Fcq11X9U2lsPudaW0f420%2Fimage.png?alt=media&amp;token=9576c4c6-17e3-41b0-b47e-42d3696058a3" alt=""><figcaption></figcaption></figure>

{% hint style="info" %}
모든 설정을 마친 후에는 '**저장하고 생성하기**' 버튼을 눌러주세요.
{% endhint %}

***

### **슬라이드 갤러리형 게시글**

<figure><img src="https://1736609049-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FhXqpQKK3ny5H23yHno34%2Fuploads%2FgrOoJ9zFAAtgEGWd6lno%2Fimage.png?alt=media&amp;token=3d578959-e014-4548-a69e-9625385b9d3b" alt=""><figcaption></figcaption></figure>

{% hint style="info" %}
원하시는 게시글 이미지를 슬라이드 유형으로 노출 시킬 수 있는 컴포넌트입니다.
{% endhint %}

**슬라이드 갤러리형 선택기 설정 방법**

<figure><img src="https://1736609049-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FhXqpQKK3ny5H23yHno34%2Fuploads%2FdsDIXIjePG0YS1GmsuQC%2Fimage.png?alt=media&amp;token=5f7130a1-a8fb-4043-ac01-3f9aaec5d8cc" alt="" width="439"><figcaption></figcaption></figure>

<table><thead><tr><th width="85">순번</th><th width="232">필드 명</th><th>설명</th></tr></thead><tbody><tr><td>1</td><td>타이틀 입력</td><td>메인 타이틀 제목을 입력해주세요.</td></tr><tr><td>2</td><td>프로필 노출 여부</td><td> </td></tr><tr><td>(2-1)</td><td>활성화</td><td>게시글 작성자의 프로필을 노출합니다.</td></tr><tr><td>(2-2)</td><td>비활성화</td><td>게시글 작성자의 프로필을 노출하지 않습니다.</td></tr><tr><td>3</td><td>슬라이드 당 게시글 노출 수</td><td>보여지는 슬라이드의 개수를 선택해주세요.</td></tr><tr><td>4</td><td>자동 슬라이드 여부</td><td> </td></tr><tr><td>(4-1)</td><td>활성화</td><td>게시글을 자동으로 변경하게 합니다.</td></tr><tr><td>(4-2)</td><td>비활성화</td><td>게시글을 수동으로 변경하게 합니다.</td></tr><tr><td>5</td><td>무한 슬라이드 여부</td><td> </td></tr><tr><td>(5-1)</td><td>활성화</td><td>선택한 게시글이 반복적으로 노출됩니다.</td></tr><tr><td>(5-2)</td><td>비활성화</td><td>선택한 게시글이 단일적 노출이 됩니다.</td></tr><tr><td>6</td><td>네비게이션 여부</td><td> </td></tr><tr><td>(6-1)</td><td>활성화</td><td>게시글 이동 시 편의한 버튼을 생성합니다.</td></tr><tr><td>(6-2)</td><td>비활성화</td><td>게시글 이동을 사용자가 직접 드래그합니다.</td></tr><tr><td>7</td><td>게시글 선택</td><td>노출을 원하는 게시글을 선택해주세요.</td></tr></tbody></table>

<figure><img src="https://1736609049-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FhXqpQKK3ny5H23yHno34%2Fuploads%2Fcq11X9U2lsPudaW0f420%2Fimage.png?alt=media&amp;token=9576c4c6-17e3-41b0-b47e-42d3696058a3" alt=""><figcaption></figcaption></figure>

{% hint style="info" %}
모든 설정을 마친 후에는 '**저장하고 생성하기**' 버튼을 눌러주세요.
{% endhint %}

***

## **클래스형 컴포넌트 종류**

{% hint style="info" %}
**클래스형 컴포넌트란?**

페이지 내 클래스를 이용자가 간편하게 볼 수있게 사용되는 컴포넌트입니다.
{% endhint %}

***

### **단일 클래스**

<figure><img src="https://1736609049-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FhXqpQKK3ny5H23yHno34%2Fuploads%2Fkca6c9NcpqmW1QDBx4fv%2Fimage.png?alt=media&amp;token=a007e05a-0665-4fa0-91a2-028be60ccb21" alt=""><figcaption></figcaption></figure>

{% hint style="info" %}
하나의 클래스를 노출 할 수 있는 컴포넌트입니다.
{% endhint %}

**단일 클래스 설정 방법**

<figure><img src="https://1736609049-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FhXqpQKK3ny5H23yHno34%2Fuploads%2FAzjCDFxlkGMwq4DyhDgo%2Fimage.png?alt=media&amp;token=9c2572dd-f618-4149-8a77-11c8a60b6f6e" alt=""><figcaption></figcaption></figure>

<table><thead><tr><th width="95">순번</th><th width="180">필드 명</th><th>설명</th></tr></thead><tbody><tr><td>1</td><td>컴포넌트 제목</td><td>메인 텍스트를 입력해주세요.</td></tr><tr><td>2</td><td>클래스 선택</td><td>노출하고 싶은 클래스를 선택해주세요.</td></tr><tr><td>3</td><td>리뷰 표기 여부</td><td> </td></tr><tr><td>(3-1)</td><td>활성화</td><td>클래스 리뷰를 노출합니다.</td></tr><tr><td>(3-2)</td><td>비활성화</td><td>클래스 리뷰를 노출하지 않습니다.</td></tr><tr><td>4</td><td>가격 표기 여부</td><td> </td></tr><tr><td>(4-1)</td><td>활성화</td><td>클래스 가격을 노출합니다.</td></tr><tr><td>(4-2)</td><td>비활성화</td><td>클래스 가격을 노출하지 않습니다.</td></tr><tr><td>5</td><td>수강생 수 표기 여부</td><td> </td></tr><tr><td>(5-1)</td><td>활성화</td><td>클래스의 수강생 수를 노출합니다.</td></tr><tr><td>(5-2)</td><td>비활성화</td><td>클래스의 수강생 수를 노출하지 않습니다.</td></tr></tbody></table>

<figure><img src="https://1736609049-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FhXqpQKK3ny5H23yHno34%2Fuploads%2Fcq11X9U2lsPudaW0f420%2Fimage.png?alt=media&amp;token=9576c4c6-17e3-41b0-b47e-42d3696058a3" alt=""><figcaption></figcaption></figure>

{% hint style="info" %}
모든 설정을 마친 후에는 '**저장하고 생성하기**' 버튼을 눌러주세요.
{% endhint %}

***

### **다중 클래스**

<figure><img src="https://1736609049-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FhXqpQKK3ny5H23yHno34%2Fuploads%2FNLaxMEH6qxjallBn5htg%2Fimage.png?alt=media&amp;token=39ac1e3a-aa4b-4b8a-b3f5-a61319bce686" alt=""><figcaption></figcaption></figure>

{% hint style="info" %}
다중의 클래스를 노출 할 수 있는 컴포넌트입니다.
{% endhint %}

**다중 클래스 설정 방법**

<figure><img src="https://1736609049-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FhXqpQKK3ny5H23yHno34%2Fuploads%2FJvoB03OHmzHBFLLRObkl%2Fimage.png?alt=media&amp;token=8c4ebfd0-25a4-4463-ae01-8b4cd441a969" alt=""><figcaption></figcaption></figure>

<table><thead><tr><th width="86">순번</th><th width="210">필드 명</th><th>설명</th></tr></thead><tbody><tr><td>1</td><td>컴포넌트 제목</td><td>메인 텍스트를 입력해주세요.</td></tr><tr><td>2</td><td>클래스 선택</td><td>노출하고 싶은 클래스를 선택해주세요.</td></tr><tr><td>3</td><td>강사 사진 표기 여부</td><td> </td></tr><tr><td>(3-1)</td><td>활성화</td><td>클래스 강사 사진을 노출합니다.</td></tr><tr><td>(3-2)</td><td>비활성화</td><td>클래스 강사 사진을 노출합니다.</td></tr><tr><td>4</td><td>리뷰 표기 여부</td><td> </td></tr><tr><td>(4-1)</td><td>활성화</td><td>클래스 리뷰를 노출합니다.</td></tr><tr><td>(4-2)</td><td>비활성화</td><td>클래스 리뷰를 노출하지 않습니다.</td></tr><tr><td>5</td><td>가격 표기 여부</td><td> </td></tr><tr><td>(5-1)</td><td>활성화</td><td>클래스 가격을 노출합니다.</td></tr><tr><td>(5-2)</td><td>비활성화</td><td>클래스 가격을 노출하지 않습니다.</td></tr><tr><td>6</td><td>수강생 수 표기 여부</td><td> </td></tr><tr><td>(6-1)</td><td>활성화</td><td>클래스의 수강생 수를 노출합니다.</td></tr><tr><td>(6-2)</td><td>비활성화</td><td>클래스의 수강생 수를 노출하지 않습니다.</td></tr><tr><td>7</td><td>페이지 당 클래스 노출 수</td><td>한번에 노출 할 클래스 수를 선택해주세요.</td></tr></tbody></table>

<figure><img src="https://1736609049-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FhXqpQKK3ny5H23yHno34%2Fuploads%2Fcq11X9U2lsPudaW0f420%2Fimage.png?alt=media&amp;token=9576c4c6-17e3-41b0-b47e-42d3696058a3" alt=""><figcaption></figcaption></figure>

{% hint style="info" %}
모든 설정을 마친 후에는 '**저장하고 생성하기**' 버튼을 눌러주세요.
{% endhint %}

***

### **슬라이드형 클래스**

<figure><img src="https://1736609049-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FhXqpQKK3ny5H23yHno34%2Fuploads%2FY0vXy7laCIekzGzaQCn0%2Fimage.png?alt=media&amp;token=4edccc8d-1daa-4672-b67d-a1bc06b01028" alt=""><figcaption></figcaption></figure>

{% hint style="info" %}
다중의 클래스를 슬라이드 유형으로 노출 시킬 수 있는 컴포넌트입니다.
{% endhint %}

**슬라이드형 클래스 설정 방법**

<figure><img src="https://1736609049-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FhXqpQKK3ny5H23yHno34%2Fuploads%2F3twCke4CWGFgCFCBCdJC%2Fimage.png?alt=media&amp;token=06e5602a-fbad-4ebf-8059-dd5b58ce737c" alt=""><figcaption></figcaption></figure>

<table><thead><tr><th width="88">순번</th><th width="211">필드 명</th><th>설명</th></tr></thead><tbody><tr><td>1</td><td>컴포넌트 제목</td><td>메인 텍스트를 입력해주세요.</td></tr><tr><td>2</td><td>페이지 당 클래스 노출 수</td><td>한번에 노출 할 클래스 수를 선택해주세요.</td></tr><tr><td>3</td><td>클래스 선택</td><td>노출하고 싶은 클래스를 선택해주세요.</td></tr><tr><td>4</td><td>리뷰 표기 여부</td><td> </td></tr><tr><td>(4-1)</td><td>활성화</td><td>클래스 리뷰를 노출합니다.</td></tr><tr><td>(4-2)</td><td>비활성화</td><td>클래스 리뷰를 노출하지 않습니다.</td></tr><tr><td>5</td><td>가격 표기 여부</td><td> </td></tr><tr><td>(5-1)</td><td>활성화</td><td>클래스 가격을 노출합니다.</td></tr><tr><td>(5-2)</td><td>비활성화</td><td>클래스 가격을 노출하지 않습니다.</td></tr><tr><td>6</td><td>수강생 수 표기 여부</td><td> </td></tr><tr><td>(6-1)</td><td>활성화</td><td>클래스의 수강생 수를 노출합니다.</td></tr><tr><td>(6-2)</td><td>비활성화</td><td>클래스의 수강생 수를 노출하지 않습니다.</td></tr></tbody></table>

<figure><img src="https://1736609049-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FhXqpQKK3ny5H23yHno34%2Fuploads%2Fcq11X9U2lsPudaW0f420%2Fimage.png?alt=media&amp;token=9576c4c6-17e3-41b0-b47e-42d3696058a3" alt=""><figcaption></figcaption></figure>

{% hint style="info" %}
모든 설정을 마친 후에는 '**저장하고 생성하기**' 버튼을 눌러주세요.
{% endhint %}

***


# 매출 대시보드

{% hint style="info" %}
**매출 대시보드란?**

사이트 내 판매되는 상품의 매출 및 사용자 정보 등을 확인 할 수 있는 서비스 기능입니다.
{% endhint %}

<figure><img src="https://1736609049-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FhXqpQKK3ny5H23yHno34%2Fuploads%2FftfRawVEvcQ1TyshvwvV%2F%EB%A7%A4%EC%B6%9C%EA%B4%80%EB%A6%AC.png?alt=media&amp;token=5715b49f-4836-466c-ab95-8d09d3873508" alt=""><figcaption></figcaption></figure>

<table><thead><tr><th width="84">순번</th><th width="172">필드 명</th><th>설명</th></tr></thead><tbody><tr><td>1</td><td>검색 창</td><td>원하시는 결제 정보를 넣어 검색 하실 수 있습니다.</td></tr><tr><td>2</td><td>기간 설정</td><td>원하시는 기간 정보를 넣어 검색 하실 수 있습니다.</td></tr><tr><td>3</td><td>결제상태</td><td> </td></tr><tr><td>(3-1)</td><td>입금대기</td><td>가상계좌 결제 시 입금대기 결제정보를 확인할 수 있습니다.</td></tr><tr><td>(3-2)</td><td>결제완료</td><td>상품의 결제가 완료된 정보를 확인할 수 있습니다.</td></tr><tr><td>(3-3)</td><td>결제실패</td><td>상품의 결제가 실패된 정보를 확인할 수 있습니다.</td></tr><tr><td>(3-4)</td><td>환불완료</td><td>상품의 환불 정보를 확인할 수 있습니다.</td></tr><tr><td>4</td><td>결제수단</td><td> </td></tr><tr><td>(4-1)</td><td>신용카드</td><td>신용카드로 구매한 정보를 확인 할 수 있습니다.</td></tr><tr><td>(4-2)</td><td>가상계좌</td><td>가상계좌로 구매한 정보를 확인 할 수 있습니다.</td></tr><tr><td>(4-3)</td><td>카카오페이</td><td>카카오페이로 구매한 정보를 확인 할 수 있습니다.</td></tr><tr><td>(4-4)</td><td>마일리지,쿠폰 결제</td><td>마일리지 및 쿠폰을 이용한 정보를 확인 할 수 있습니다.</td></tr><tr><td>5</td><td>엑셀 다운로드</td><td>결제 리스트를 엑셀 파일로 다운로드가 가능합니다.</td></tr><tr><td>6</td><td>결제 리스트</td><td>사이트 내 상품을 결제한 모든 이력을 확인 할 수 있습니다.</td></tr></tbody></table>

{% hint style="warning" %}
결제 정보는 따로 수정 및 삭제가 불가능합니다.
{% endhint %}


# 환불 관리


# 요금 청구 리스트