[아임웹 로그인 → 쇼핑몰 어드민 → 디자인 모드] 로 이동합니다.
스테핑 위젯을 넣고자 하는 곳에서 [디자인 요소 추가(+)] 버튼을 누릅니다.
디자인 요소 중 [</> 코드] 버튼을 눌러서 추가합니다.
추가된 코드 섹션 위에서 마우스를 우클릭하고 [코드 설정] 을 선택합니다.
다음과 같은 코드 창에 커서를 올려놓습니다.
하단의 코드에 ‘쇼핑몰 아이디’로 표시된 부분을 발급받은 쇼핑몰 ID로 바꿉니다. 따옴표 (“)를 삭제하지 않도록 주의합니다.
<div id="stepping-impact-badge" style="text-align: center; width: 100%; height: 33px;">
<div id="stepping-click" style="width: 100%; height: 100%;position: absolute;z-index: 1010;background: transparent;"></div>
<iframe src="<https://stepping.co.kr/impact-badge/**쇼핑몰> 아이디**" style="width: 100%;">
</iframe>
</div>
위의 코드를 붙여넣습니다.
우측 하단의 [저장] 버튼을 누릅니다.
아임웹 우측 상단의 **[미리보기]**를 눌러 예시 화면과 같이 잘 적용되었는 지 확인합니다.
예시)
