> For the complete documentation index, see [llms.txt](https://document.wisetracker.co.kr/llms.txt). Markdown versions of documentation pages are available by appending `.md` to page URLs; this page is available as [Markdown](https://document.wisetracker.co.kr/cafe24/onsite/campaign-setting.md).

# 캠페인 설정 및 활성화하기

### 1. 온사이트 메시지 설정 화면 진입

온사이트 캠페인 목록에서 설정할 캠페인을 선택한 뒤, 온사이트 메시지 수정 화면으로 이동합니다.

해당 화면에서 캠페인에 노출할 메시지 소재를 설정할 수 있습니다.

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

***

### 2. 타겟 플랫폼 선택

캠페인을 노출할 타겟 플랫폼을 선택합니다.

<figure><img src="/files/beV2ZiFDIJI2QtzeXwNt" alt="" width="563"><figcaption></figcaption></figure>

<table><thead><tr><th width="208">타겟 플랫폼</th><th>설명</th></tr></thead><tbody><tr><td>전체</td><td>Android, iOS, Desktop 전체 환경에 캠페인을 노출합니다.</td></tr><tr><td>Android</td><td>Android 환경에서 접속한 고객에게 캠페인을 노출합니다.</td></tr><tr><td>iOS</td><td>iOS 환경에서 접속한 고객에게 캠페인을 노출합니다.</td></tr><tr><td>Desktop</td><td>PC 환경에서 접속한 고객에게 캠페인을 노출합니다.</td></tr></tbody></table>

여러 플랫폼을 동시에 선택할 수 있으며, 선택한 플랫폼에 따라 캠페인 노출 대상이 달라집니다.

***

### 3. 노출 메시지 설정

노출 메시지는 **이미지 업로드** 또는 **직접 입력** 방식으로 설정할 수 있습니다.

#### 이미지 업로드

미리 제작한 이미지를 업로드하여 캠페인 소재로 사용할 수 있습니다.\
디자인이 완료된 배너 이미지나 프로모션 이미지를 그대로 노출하고 싶을 때 사용합니다.

<div align="left"><figure><img src="/files/8X9NobJa2Q5Dm1turE5C" alt="" width="375"><figcaption></figcaption></figure></div>

#### 직접 입력

관리 화면에서 제목, 본문, 배경 색상, 이미지 등을 직접 입력하여 캠페인 메시지를 구성할 수 있습니다.\
별도 디자인 작업 없이 빠르게 캠페인을 만들거나, 문구 중심의 안내 메시지를 노출할 때 사용할 수 있습니다.

<div align="left"><figure><img src="/files/n5wAMa7PfsC8rBaU9yIw" alt="" width="375"><figcaption></figcaption></figure></div>

<details>

<summary>① 노출 유형</summary>

캠페인이 고객 화면에 노출되는 형태를 선택합니다.

노출 유형은 **배너, 시트, 전체화면** 중 선택할 수 있습니다.

| 노출 유형 | 설명                                                                                      |
| ----- | --------------------------------------------------------------------------------------- |
| 배너    | 화면 상단 또는 하단에 배너 형태로 노출됩니다. 고객의 쇼핑 흐름을 크게 방해하지 않고 메시지를 전달할 때 적합합니다.                      |
| 시트    | 화면 상단 또는 하단에서 더 넓은 영역으로 노출됩니다. 쿠폰 안내, 회원가입 유도, 앱 설치 유도 등 고객 행동을 적극적으로 유도할 때 활용할 수 있습니다. |
| 전체화면  | 화면 전체에 메시지를 노출합니다. 이벤트, 주요 혜택 등 고객에게 강하게 안내해야 하는 캠페인에 적합합니다.                            |

</details>

<details>

<summary>② 노출 위치</summary>

캠페인이 화면의 어느 위치에 노출될지 선택합니다.

| 노출 위치 | 설명                                                             |
| ----- | -------------------------------------------------------------- |
| 상단    | 화면 상단에 캠페인이 노출됩니다. 페이지 진입 시 고객이 메시지를 빠르게 인지할 수 있습니다.           |
| 하단    | 화면 하단에 캠페인이 노출됩니다. 고객의 화면 탐색을 방해하지 않으면서 자연스럽게 메시지를 전달할 수 있습니다. |

노출 위치는 선택한 노출 유형에 따라 설정할 수 있는 값이 달라질 수 있습니다.

</details>

<details>

<summary>③ 배경 색상</summary>

메시지 영역의 배경 색상을 설정합니다.

색상 코드를 직접 입력하거나 색상 선택 기능을 통해 원하는 색상을 지정할 수 있습니다.\
쇼핑몰 브랜드 컬러나 캠페인 목적에 맞는 색상을 사용하면 메시지 주목도를 높일 수 있습니다.

예시)

* 쿠폰/혜택 안내: 밝고 눈에 잘 띄는 색상
* 회원 혜택 안내: 브랜드 컬러
* 구매 독려 메시지: 과하게 튀지 않는 안정적인 색상

</details>

<details>

<summary>④ 제목</summary>

캠페인 메시지의 제목을 입력합니다.

제목은 고객이 가장 먼저 확인하는 영역이므로, 캠페인의 핵심 내용을 짧고 명확하게 작성하는 것이 좋습니다.

제목에는 폰트, 글자 크기, 색상, 굵기를 설정할 수 있습니다.

예시)

* 첫 구매는 원래 더 싸야죠
* 장바구니에 담아둔 상품이 있어요
* 지금 받을 수 있는 혜택이 있어요

</details>

<details>

<summary>⑤ 본문</summary>

제목 아래에 노출될 상세 문구를 입력합니다.

본문에는 혜택 내용, 안내 문구, 행동 유도 문구 등을 작성할 수 있습니다.\
너무 긴 문장은 모바일 화면에서 잘릴 수 있으므로 간결하게 작성하는 것을 권장합니다.

본문에도 폰트, 글자 크기, 색상, 굵기를 설정할 수 있습니다.

예시)

* \#{회원이름}님만 드리는 첫 구매 쿠폰, 놓치지 마세요.
* 담아둔 상품을 지금 바로 확인해보세요.
* 앱에서만 받을 수 있는 혜택을 확인해보세요.

</details>

<details>

<summary>⑥ 버튼 추가</summary>

필요한 경우 버튼을 추가하여 고객의 클릭 행동을 유도할 수 있습니다.

버튼을 추가하면 버튼 문구와 클릭 후 이동할 URL을 설정할 수 있습니다.\
캠페인 목적에 맞는 명확한 버튼 문구를 사용하는 것이 좋습니다.

예시)

| 캠페인 목적     | 버튼 문구 예시  |
| ---------- | --------- |
| 장바구니 구매 독려 | 장바구니 보러가기 |
| 첫 구매 유도    | 쿠폰 받으러 가기 |
| 이벤트 안내     | 이벤트 보러가기  |
| 회원가입 유도    | 회원가입 하러가기 |
| 앱 설치 유도    | 앱 혜택 확인하기 |

</details>

<details>

<summary>⑦ 이미지 설정</summary>

캠페인 메시지에 함께 노출할 이미지를 설정합니다.

데스크톱과 모바일 이미지를 각각 등록할 수 있으며, 각 환경에 맞는 권장 사이즈의 이미지를 업로드해야 합니다.

| 구분       | 권장 사이즈       | 파일 조건               |
| -------- | ------------ | ------------------- |
| 데스크톱 이미지 | 1200 x 160px | 최대 2MB / jpg 또는 png |
| 모바일 이미지  | 750 x 200px  | 최대 2MB / jpg 또는 png |

이미지 클릭 시 특정 페이지로 이동시키려면 **이미지 이동 URL**을 입력합니다.\
상품 추천형 캠페인을 제외한 캠페인은 쇼핑몰별 URL을 직접 입력해야 하므로, 저장 전 이동 URL이 올바른지 확인해주세요.

예시)

| 이동 목적      | URL 예시         |
| ---------- | -------------- |
| 장바구니 이동    | 장바구니 페이지 URL   |
| 회원가입 유도    | 회원가입 페이지 URL   |
| 쿠폰 발급      | 쿠폰 발급 페이지 URL  |
| 이벤트 안내     | 이벤트 페이지 URL    |
| 앱 설치 유도    | 앱 설치 페이지 URL   |
| 카카오톡 채널 추가 | 카카오톡 채널 추가 URL |

</details>

***

### 4. 캠페인 저장

설정이 완료되면 우측 하단의 **저장** 버튼을 클릭합니다.

{% hint style="warning" %}
저장 버튼이 비활성화되어 있는 경우 필수 입력값이 누락되었는지 확인해주세요.

필수값을 모두 입력한 뒤 저장하면 온사이트 캠페인 메시지 설정이 완료됩니다.
{% endhint %}

***

### 5. 캠페인 활성화

<figure><img src="/files/0tmouXRjSvjdCNUItTPb" alt=""><figcaption></figcaption></figure>

캠페인 목록으로 이동하여 활성화할 캠페인의 ▶ 버튼을 눌러 활성화시켜주세요.