<aside> 💡

원하는 위치에 복사해서 붙여넣기만 하면 끝! 🎉

앞서 앱에 예쁘게 등록해 둔 배너가 실제 우리 쇼핑몰 화면에 '짠~' 하고 나타나도록 자리를 잡아주는 마지막 단계입니다.

</aside>

1️⃣ 이지배너의 모듈 코드 살펴보기

먼저 쇼핑몰에 넣을 이지배너의 기본 뼈대(모듈 코드)를 확인해 볼까요?

<div d1-easybanner-module="배너그룹 코드" hidden>
    <ul>
        <li d1-easybanner-clone>
            <a href="{$d1-href}" target="{$d1-target}">{$d1-data}</a>
        </li>
        <li d1-easybanner-clone>
            <a href="{$d1-href}" target="{$d1-target}">{$d1-data}</a>
        </li>
    </ul>
</div>

• 😱 "앗, 코드가 너무 복잡해요!" 복잡해 보이더라도 전혀 걱정하지 마세요! 위 코드에서 쌍따옴표 안에 있는 "배너그룹 코드" 부분만 사장님이 직접 만든 코드로 쓱~ 바꿔주시면 끝난답니다.
• [배너 등록 방법] 단계에서 생성하셨던 '영문/숫자'로 구성된 바로 그 배너그룹 코드를 넣어주시면 됩니다.

• ⚙️ (참고) 이지배너 제공 변수 안내

2️⃣ 배너를 띄울 위치에 모듈 코드 붙여넣기

이제 코드를 쇼핑몰 디자인 편집창에 직접 넣어보겠습니다!

• 디자인 편집창 열기: [쇼핑몰관리자] > [디자인(PC/모바일)] > [디자인 보관함] > 설치하실 디자인을 확인한 후 [디자인 편집] 버튼을 클릭해 주세요.

• 적용해 보기: '쇼핑몰 메인' 페이지 소스 중 배너가 노출되길 원하는 위치에 코드를 붙여넣습니다.

(💡 예를 들어 아까 등록한 배너그룹 코드가 mainbanner001이었다면, 모듈 코드 부분에 mainbanner001을 적어주시면 메인 페이지에 해당 배너가 나타나게 됩니다!)