shop by (basic, pro)

스크립트 삽입 세팅

스크립트 복사

1. 대시보드 > 프로모션 관리에서 무료 테스트를 클릭하세요.



2. 무료 테스트 페이지에 노출되는 스크립트 복사하기를 클릭하세요.


 

팝업창 등록

Shop by 어드민의 디자인 > 디자인 설정 > 팝업창 관리에서 목록 위 팝업창 등록을 선택하세요.

기본정보

1. 오늘 하루 보이지 않음 항목의 사용을 해제하세요.
2. 팝업 유형을 일반팝업으로 선택하세요.
    팝업 내용을 입력하는 에디터 상단의 코드보기 를 선택 후 복사한 프로모션 스크립트를 붙여넣기 하세요.

노출 페이지 설정

1. 팝업 노출 페이지를 개별설정으로 선택하세요.
2. PC웹 노출 페이지로 상품 리스트 페이지를 선택한 후 파라메터 값으로 popup을 입력하세요.
3. 모바일웹 노출 페이지로 상품 리스트 페이지를 선택한 후 파라메터 값으로 popup을 입력하세요.
4. 모바일앱 노출 페이지로 상품 리스트 페이지를 선택한 후 파라메터 값으로 popup을 입력하세요.

PC웹

1. 팝업창 종류를 이동 레이어창으로 선택하세요.
2. 창크기를 설정하세요.

모바일웹, 모바일앱

1. PC웹 내용과 동일하게 적용을 체크하세요.
2. 팝업창 종류를 고정 레이어창으로 선택하세요.
3. 하단의 저장 버튼을 누르면 설정한 내용이 팝업에 적용됩니다.

적용된 팝업 확인하기

1. Shop by 어드민의 팝업창 관리에서 등록된 팝업번호를 확인하세요.

2. 상점 도메인 뒤에 /design-popup?popupNo=팝업번호를 붙인 주소로 접속하여 적용된 팝업을 확인하세요.

적용된 팝업창 연결 방법

배너와 팝업창 연결하기

1. 대시보드 > 디자인 관리 > 스킨 배너 관리에서 적용을 원하는 배너 그룹을 선택하여 스킨 배너 수정 화면으로 이동하세요.
    
2. 프로모션이 적용된 팝업창과 연결할 스킨 배너 이미지의 링크 주소를 아래와 같이 설정하세요.
    

   javascript:window.open('/design-popup?popupNo=팝업번호');

   
    
3. 수정 내용을 저장하고 쇼핑몰에 적용된 배너를 클릭해 설정한 프로모션 팝업창으로 이동하는지 확인하세요.
   
    

게시글의 내용으로 팝업창 연결하기

1. 대시보드 > 게시판 관리 > 게시글 관리에서 신규 게시글 등록을 클릭하세요.
   
    
2. 에디터의 Link¹ 버튼을 눌러 게시글에 링크를 삽입하세요.
   • Text to display : 링크를 표시할 문구²를 입력하세요.
   • URL : /design-popup?popupNo=팝업번호³를 입력하세요.
   • Insert Link⁴ 버튼을 누르면 설정한 링크가 게시글 본문에 삽입됩니다.
   
   
    
3. 에디터의 Code View()¹ 버튼을 눌러 삽입된 링크 속성의 target 값을 popup²으로 변경하세요.
    

   변경 전 : 디프로모션 이벤트 바로가기

   변경 후 : 디프로모션 이벤트 바로가기

   
   
    
4. 작성한 게시글을 저장한 후 등록된 게시글 내용의 링크를 클릭해 설정한 프로모션 팝업창으로 이동하는지 확인하세요.

URL연결 세팅

현재 Shop by 연동 환경에서는 URL연결 운영 방법을 지원하지 않고 있습니다.