> For the complete documentation index, see [llms.txt](https://help.makeshop.co.kr/llms.txt). Markdown versions of documentation pages are available by appending `.md` to page URLs; this page is available as [Markdown](https://help.makeshop.co.kr/undefined/promotion/undefined-2/undefined.md).

# 기획전 이벤트 페이지 만들기

시즌 OFF, 크리스마스 등 행사 주제에 맞는 기획전 페이지를 제작할 수 있어요. 기획전 페이지에 해당되는 상품을 직접 선택하여 진열 가능하고 다찾다 검색파인더 사용 시 검색파인더 검색 결과를 기획전 상품 리스트로도 적용 가능해요.

## 관리자 메뉴 위치

`프로모션` > `기획전` > `기획전 관리`

<figure><img src="https://3607863916-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FOy1iiAFI4nA1SH1UFEa0%2Fuploads%2FnQaikE8fVwmRbIJGn9zy%2F%EA%B8%B0%ED%9A%8D%EC%A0%84%20%EC%9D%B4%EB%B2%A4%ED%8A%B8%20%ED%8E%98%EC%9D%B4%EC%A7%80%20%EB%A7%8C%EB%93%A4%EA%B8%B0%20(1).png?alt=media&amp;token=d54c6c81-9266-4666-9676-6ad815ffea3f" alt=""><figcaption></figcaption></figure>

## 메뉴 안내 및 설정 방법&#x20;

{% tabs %}
{% tab title="기획전 만들기 " %}

* **관리자메뉴 위치 :** `프로모션` > `기획전` > `기획전 만들기`&#x20;

<figure><img src="https://3607863916-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FOy1iiAFI4nA1SH1UFEa0%2Fuploads%2F9elxNyrFVB1KG8QYL7hw%2F%EA%B8%B0%ED%9A%8D%EC%A0%84%20%EC%9D%B4%EB%B2%A4%ED%8A%B8%20%ED%8E%98%EC%9D%B4%EC%A7%80%20%EB%A7%8C%EB%93%A4%EA%B8%B0%20(2).png?alt=media&amp;token=edd53d58-ffe1-4a8a-a2ab-6caaa49ac7a8" alt=""><figcaption></figcaption></figure>

* ① 샵단에 노출할 기획전 명 입력
* ② 디자인 선택 (개별디자인을 통해 디자인 추가 가능)
* ③ 노출 기간 설정(기간이 지나면 상품이 노출되지 않음)
* ④ 타이틀 이미지 등록(PC/MOBILE)
* ⑤ 품절 상품 표시 설정\
  노출 : 품절 상품 노출
  \
  노출안함 : 품절 상품 노출안함
  \
  뒤로 보냄 : 품절 상품 맨 뒤 정렬
* ⑥ 상품 정렬 설정
  \
  기획전 등록/수정 페이지의 상품 노출 방식 : 상품 직접 선택 설정 상품 리스트 정렬 기능
  \
  등록순으로 설정 시 진열을 원하는 순서대로 지정할 수 있음
* ⑦ 하위분류 사용여부 설정
* ⑧ 하위분류 상품진열 설정
  \
  페이지 통합 진열 : 하위분류 순으로 모든 상품들이 한 페이지에 나열
  \
  페이지 분리 진열 : 각 하위분류 별로 상품 나열 (첫번째 분류가 첫화면에 노출됨)
* ⑨ 모바일 기본 화면 상품 진열 설정
  \
  전체 상품 진열 : 하위분류 순으로 모든 상품들이 한 페이지에 나열
  \
  페이지 분리 진열 : 각 하위분류 별로 상품 나열 (첫번째 분류가 첫화면에 노출됨)
* ⑩ 등록하는 기획전에 대한 하위분류 추가
* ⑪ \[확인]버튼 클릭 시 생성 완료

{% hint style="warning" %}
참고

* 기획전마다 노출되는 디자인 화면이 다를 경우 `개별디자인 편집창` > `+페이지 추가` > `기획전 페이지 추가` 를 통해 진행하는 기획전에 맞는 디자인 작업을 별도로 하실 수 있으며, 기획전 등록 시 ②를 통해 디자인 선택 가능해요.
* 상품 정렬을 등록순으로 할 경우, 기획전 상품 등록/수정 페이지의 상품 노출 방식 : 상품 직접 선택에 대한 상품 진열을 원하시는 순서대로 변경할 수 있어요.
  {% endhint %}
  {% endtab %}

{% tab title="기획전 상품 등록" %}
**관리자  메뉴 위치 :** `프로모션` > `기획전` > `기획전 관리`

<figure><img src="https://3607863916-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FOy1iiAFI4nA1SH1UFEa0%2Fuploads%2F9bWXaTSn7WJPO7FleTMm%2F%EA%B8%B0%ED%9A%8D%EC%A0%84%20%EC%9D%B4%EB%B2%A4%ED%8A%B8%20%ED%8E%98%EC%9D%B4%EC%A7%80%20%EB%A7%8C%EB%93%A4%EA%B8%B0%20(3).png?alt=media&amp;token=4c34e016-ef27-4776-8b6f-cb1946e92056" alt=""><figcaption></figcaption></figure>

* ① 수정할 기획전 검색
* ② \[등록/수정]버튼 클릭
  {% endtab %}
  {% endtabs %}

### 상품 노출 방식&#x20;

{% tabs %}
{% tab title="상품 노출 방식 : 상품 직접 선택" %}

<figure><img src="https://3607863916-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FOy1iiAFI4nA1SH1UFEa0%2Fuploads%2FcdvExGWx97k3ygr4lNve%2F%EA%B8%B0%ED%9A%8D%EC%A0%84%20%EC%9D%B4%EB%B2%A4%ED%8A%B8%20%ED%8E%98%EC%9D%B4%EC%A7%80%20%EB%A7%8C%EB%93%A4%EA%B8%B0%20(4).png?alt=media&amp;token=51d2b8c2-664d-457f-b06f-9736c9f8659b" alt=""><figcaption></figcaption></figure>

* ① 하위분류 사용할 경우 분류 선택
* ② 상품 노출 방식 : 상품 직접 선택
* ③ 상품 검색
* ④ 진열할 상품 선택 후 \[상품 진열]버튼 클릭 시 기획전 상품 리스트 저장 및 상품 순서 조정 영역으로 이동

<figure><img src="https://3607863916-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FOy1iiAFI4nA1SH1UFEa0%2Fuploads%2FlTsT1qNKCPDooGZphpep%2F%EA%B8%B0%ED%9A%8D%EC%A0%84%20%EC%9D%B4%EB%B2%A4%ED%8A%B8%20%ED%8E%98%EC%9D%B4%EC%A7%80%20%EB%A7%8C%EB%93%A4%EA%B8%B0%20(5).png?alt=media&amp;token=bd44b9f3-a6b4-4d16-a26d-98c56632c44b" alt=""><figcaption></figcaption></figure>

* ⑤ 진열한 상품 선택 후 배열 순서 조정
* ⑥ \[상품 순서 저장] 버튼 클릭 시 순서 변경
  {% endtab %}

{% tab title=" 상품 노출 방식 : 검색파인더" %}

<figure><img src="https://3607863916-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FOy1iiAFI4nA1SH1UFEa0%2Fuploads%2FnNUZq86DUbMCM0fYFIV3%2F%EA%B8%B0%ED%9A%8D%EC%A0%84%20%EC%9D%B4%EB%B2%A4%ED%8A%B8%20%ED%8E%98%EC%9D%B4%EC%A7%80%20%EB%A7%8C%EB%93%A4%EA%B8%B0%20(6).png?alt=media&amp;token=fb05decc-bbe7-4d63-b054-38167b051320" alt=""><figcaption></figcaption></figure>

* ① 하위분류 사용할 경우 분류 선택
* ② 상품 노출 방식 : 검색파인더
  \
  (관리자 메뉴 위치 :`부가서비스` > `상품` >  `검색파인더 설정` >  `검색엔진 다찾다 셋팅` >  `검색파인더 : 사용함` 설정 시 사용 가능)
* ③ 상품 정렬 설정
  \
  최신순 : 최근 수정 및 등록된 상품이 상단에 진열
  \
  상품명순 : 특수문자, 숫자, 영문, 한글 순이며, 오름차순 진열 ( ex. 123, abc, ㄱㄴㄷ... )
  \
  인기순 : 조회수가 높은 상품 순서대로 진열
  \
  판매순 : 판매가 많은 상품 순서대로 진열
  \
  높은가격순 / 낮은가격순 : 판매가에 따라 진열

<figure><img src="https://3607863916-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FOy1iiAFI4nA1SH1UFEa0%2Fuploads%2FAJrfUBRGoqFCa1lmgJrp%2F%EA%B8%B0%ED%9A%8D%EC%A0%84%20%EC%9D%B4%EB%B2%A4%ED%8A%B8%20%ED%8E%98%EC%9D%B4%EC%A7%80%20%EB%A7%8C%EB%93%A4%EA%B8%B0%20(7).png?alt=media&amp;token=c586294b-83a5-44e4-9cf7-979be59abb08" alt=""><figcaption></figcaption></figure>

* ④ 검색파인더 옵션상세값 선택
  \
  (`부가서비스` > `상품` >  `검색파인더 설정` >  `검색엔진 다찾다 셋팅` >  `검색파인더 : 사용함` >  `나만의 검색파인더 만들기` 데이터와 연동)
* ⑤ 저장 시 ④에서 선택한 옵션상세값에 대한 검색 결과가 기획전 상품 리스트에 노출

{% hint style="warning" %}
참고
\
상품 노출 방식 : 검색파인더 설정의 검색결과는 매일 새벽 1시 자동 업데이트 돼요.
{% endhint %}
{% endtab %}
{% endtabs %}

### 기획전 배너 등록 및 기획전 노출 방법

{% tabs %}
{% tab title="기획전 배너 등록 및 관리" %}
**관리자 메뉴 위치 :** `프로모션` > `기획전` > `기획전 배너 관리`

<figure><img src="https://3607863916-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FOy1iiAFI4nA1SH1UFEa0%2Fuploads%2FxnQTu79j2OIx0XjdSIIR%2F%EA%B8%B0%ED%9A%8D%EC%A0%84%20%EC%9D%B4%EB%B2%A4%ED%8A%B8%20%ED%8E%98%EC%9D%B4%EC%A7%80%20%EB%A7%8C%EB%93%A4%EA%B8%B0%20(8).png?alt=media&amp;token=ea093185-8a64-4ab7-9a2a-53eca4e69e6e" alt=""><figcaption></figcaption></figure>

* ① \[기획전 배너 등록] 버튼 클릭
* ② 찾아보기 클릭하여 배너 이미지 등록
* ③ 배너 클릭 시 이동될 기획전 설정 가능 (링크 설정)
* ④ \[확인]버튼 클릭

<figure><img src="https://3607863916-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FOy1iiAFI4nA1SH1UFEa0%2Fuploads%2FmOwXoaw06Pmw8k5d8Ny7%2F%EA%B8%B0%ED%9A%8D%EC%A0%84%20%EC%9D%B4%EB%B2%A4%ED%8A%B8%20%ED%8E%98%EC%9D%B4%EC%A7%80%20%EB%A7%8C%EB%93%A4%EA%B8%B0%20(9).png?alt=media&amp;token=f9a7891c-4c4b-4553-9f8e-9a5083b884e0" alt=""><figcaption></figcaption></figure>

* ⑤ 등록된 배너 확인 후 \[태그복사]를 클릭하여 개별디자인을 통해 노출을 원하는 위치에 태그 삽입
  {% endtab %}

{% tab title="기획전 이벤트 페이지 링크 주소" %}
**관리자 메뉴 위치 :** `프로모션` > `기획전2.0` > `기획전 관리`

* 기획전 배너 등록 없이 기획전 링크 연결도 가능해요.
* 기획전 페이지 URL 주소를 확인한 뒤에 직접 HTML 작업하여 연결할 수 있어요.

<figure><img src="https://3607863916-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FOy1iiAFI4nA1SH1UFEa0%2Fuploads%2Fp6kVa9lfL8aDp6gtDPLF%2F%EA%B8%B0%ED%9A%8D%EC%A0%84%20%EC%9D%B4%EB%B2%A4%ED%8A%B8%20%ED%8E%98%EC%9D%B4%EC%A7%80%20%EB%A7%8C%EB%93%A4%EA%B8%B0%20(10).png?alt=media&amp;token=002b6755-3a8c-4286-ab9c-256b9201095f" alt=""><figcaption></figcaption></figure>

* ① \[기획전 보기] 클릭

<figure><img src="https://3607863916-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FOy1iiAFI4nA1SH1UFEa0%2Fuploads%2FBgcRwZKOeUPvz5dl9rOV%2F%EA%B8%B0%ED%9A%8D%EC%A0%84%20%EC%9D%B4%EB%B2%A4%ED%8A%B8%20%ED%8E%98%EC%9D%B4%EC%A7%80%20%EB%A7%8C%EB%93%A4%EA%B8%B0%20(11).png?alt=media&amp;token=0823bac2-cc5e-49e3-8867-ed87671907f1" alt=""><figcaption></figcaption></figure>

* 확인된 기획전 페이지의 URL 주소 확인하여 링크로 삽입
* PC 링크 사용 예시 : 도메인주소/shop/plan.html?plan\_id=기획전 넘버
* MOBILE 사용 예시 : 도메인주소/m/plan.html?plan\_id=기획전 넘버

{% hint style="warning" %}
참고

* 기획전에 따라 기획전 URL 포함되어있는 plan\_id= 의 수가 변동되니 등록한 기획전의 URL 주소를 확인하신 후 이용해 주세요.
* 모바일샵 기획전 URL 주소는 PC 기획전 주소에 shop을 m으로 변경하신 후 이용하세요.
  {% endhint %}
  {% endtab %}
  {% endtabs %}

## 적용 화면

{% tabs %}
{% tab title="PC 기획전 화면" %}

<figure><img src="https://3607863916-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FOy1iiAFI4nA1SH1UFEa0%2Fuploads%2Fm7s40iglgh0jFDb6Z1u7%2F%EA%B8%B0%ED%9A%8D%EC%A0%84%20%EC%9D%B4%EB%B2%A4%ED%8A%B8%20%ED%8E%98%EC%9D%B4%EC%A7%80%20%EB%A7%8C%EB%93%A4%EA%B8%B0%20(12).png?alt=media&amp;token=a793fc8c-155c-4de0-b9c5-f5d815214b9f" alt=""><figcaption><p><mark style="color:blue;"><strong>PC 기획전 화면</strong></mark></p></figcaption></figure>
{% endtab %}

{% tab title="MOBILE 기획전 화면" %}

<div align="left"><figure><img src="https://3607863916-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FOy1iiAFI4nA1SH1UFEa0%2Fuploads%2FbsfpRsPWpUUCDecaHMsJ%2F%EA%B8%B0%ED%9A%8D%EC%A0%84%20%EC%9D%B4%EB%B2%A4%ED%8A%B8%20%ED%8E%98%EC%9D%B4%EC%A7%80%20%EB%A7%8C%EB%93%A4%EA%B8%B0%20(13).png?alt=media&amp;token=0ebea824-162e-4a2c-93d8-15fa2a376be6" alt=""><figcaption><p><mark style="color:blue;"><strong>MOBILE 기획전 화면</strong></mark></p></figcaption></figure></div>
{% endtab %}
{% endtabs %}

{% hint style="warning" %}
참고

* PC 및 MOBILE 화면은 디자인 스킨에 따라 상이하게 노출될 수 있어요.
* `PC 및 MOBILE 디자인 페이지` > `상품관련` > `상품 프로모션` > `기획전` > `기본 기획전 페이지`에서 디자인 수정이 가능해요.
  {% endhint %}