> 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/manual/design/banner.md).

# 쇼핑몰 배너 관리

관리자를 통해 이미지, 텍스트, 컨텐츠, 상품 배너를 제작할 수 있어요. 설정 후 원하는 위치에 가상태그만 넣으면 적용돼요.

## 관리자 메뉴 위치

`디자인` > `쇼핑몰 배너 관리` > `쇼핑몰 배너 관리`

## 메뉴 안내 및 설정 방법

### 쇼핑몰 배너 리스트

{% tabs %}
{% tab title="검색" %}

<figure><img src="https://3607863916-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FOy1iiAFI4nA1SH1UFEa0%2Fuploads%2F88xRBYG5Bbk8ESdDD8RI%2F%EC%87%BC%ED%95%91%EB%AA%B0%20%EB%B0%B0%EB%84%88%20%EA%B4%80%EB%A6%AC.png?alt=media&amp;token=9895ee3f-be68-442c-b47b-f38028dd134d" 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%2FzdXCWCU1TehOcjsWLNyQ%2F%EC%87%BC%ED%95%91%EB%AA%B0%20%EB%B0%B0%EB%84%88%20%EB%AA%A9%EB%A1%9D.png?alt=media&amp;token=6c3d265f-10a8-4f55-97f9-5bb3281eb31e" alt=""><figcaption></figcaption></figure>

* +등록 버튼을 클릭하여 배너를 등록할 수 있어요.
* 배너명, 배너타입, 현재 노출중인 배너수 / 등록한 배너수를 한눈에 볼수 있어요
* 가상태그 : 배너에 해당하는 가상태그를 확인할 수 있어요.
* 사용여부 : ON/OFF 클릭을 통해 설정 가능해요.
* 미리보기를 통해 노출되는 배너의 이미지, 텍스트를 미리볼 수 있어요.&#x20;
  {% 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%2FHJHTa2vSh4MeaSt4IK9C%2Fimage.png?alt=media&amp;token=855eacbc-b4e4-42aa-bd05-9fcb7b5fa124" 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%2FwIwxqzN9Vmcc3SLYRFCM%2Fimage.png?alt=media&amp;token=09fbe98a-cda4-41f0-8434-ff321db305a7" 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%2FuEXlJeFJHnDhVAZm47ws%2Fimage.png?alt=media&amp;token=16a4dacb-95f2-46f7-a203-875f6541f967" alt=""><figcaption></figcaption></figure>

* 상품 : 노출할 상품/분류를 선택하여 노출해요.
  {% 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%2FIC5mRkMWJZSrJavBGPMr%2Fimage.png?alt=media&amp;token=aac66d79-7f3c-4400-8657-2853f1e83b31" 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%2FKlGhSl5hlxF7sLWiWger%2Fimage.png?alt=media&amp;token=805e0b5d-bb5a-4cf1-92d2-ac31827f6dda" 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%2FGSO5siyJ88BNQfwXjbIb%2Fimage.png?alt=media&amp;token=4ebdcfd5-0d9c-4c15-b99a-4097275aea2f" alt=""><figcaption></figcaption></figure>

* 텍스트 : 텍스트만 노출을 원하는 경우 사용할 수 있어요. 원하는 텍스트 명 입력 후 URL 입력 시 클릭하면 해당 URL로 이동하게 돼요.
  {% endtab %}

{% tab title="상품" %}

<figure><img src="https://3607863916-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FOy1iiAFI4nA1SH1UFEa0%2Fuploads%2FUiM501AXC7pwWx63ob7G%2Fimage.png?alt=media&amp;token=c99a975d-e8c0-41ad-858a-5cd3dd53e194" alt=""><figcaption></figcaption></figure>

* 상품 : 노출상품/분류 설정을 통해 원하는 상품/분류를 선택하여 노출할 수 있어요.
  \
  노출 지원 페이지는 메인페이지, 개별페이지에요.
  {% endtab %}
  {% endtabs %}

## 적용 화면

{% tabs %}
{% tab title="이미지" %}

<div align="left"><figure><img src="https://3607863916-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FOy1iiAFI4nA1SH1UFEa0%2Fuploads%2FVpQp0mXvhedqDVgBLgkP%2F%EC%87%BC%ED%95%91%EB%AA%B0%20%EB%B0%B0%EB%84%88%20%EA%B4%80%EB%A6%AC%20(5).png?alt=media&amp;token=d5937bb5-4763-4ccb-ba8e-a213a64ba5a5" alt=""><figcaption></figcaption></figure></div>
{% endtab %}

{% tab title="컨텐츠" %}

<figure><img src="https://3607863916-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FOy1iiAFI4nA1SH1UFEa0%2Fuploads%2FKsUUndgmVaVNouXb3piS%2FFrame%202%20(1).png?alt=media&amp;token=5158d54c-e27a-4650-9035-976d28ac4185" 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%2FSOtON8ZLitvjZbIE0Cja%2FFrame%202.png?alt=media&amp;token=2d5ddd36-23ed-42a6-9248-e8a8fa0954cc" 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%2Fa4zzevIcBtwT1aoU8m4m%2FFrame%201.png?alt=media&amp;token=b151f8f9-d740-49c2-811b-60b5a09381ff" alt=""><figcaption></figcaption></figure>
{% endtab %}
{% endtabs %}