위젯 내에서 보여질 리뷰 개수 등 다양한 설정을 변경 할 수 있어요!
1. 설정 변경 방법
접속 경로: [위젯 > 상품추천 > 설정]
1.
쇼핑몰에 설치 되어있는 위젯 중 설정을 변경하고 싶은 위젯 아래의 설정 버튼을 눌러주세요
어떤 위젯인지 모르겠어요!
2.
설정 버튼 클릭 후 이동되는 페이지에서 원하시는 설정을 변경하신 후 페이지 우측 상단의 저장하기 버튼을 눌러주세요
3.
변경 된 설정은 자동으로 적용되며, 별도로 코드 등의 수정 작업은 필요하지 않습니다
변경 된 설정이 적용되기까지 최대 10~15분 소요 될 수 있으니, 시간이 경과 된 후 브라우저의 캐시/쿠키를 삭제해 확인 해주세요
2. 설정 상세
일반 설정
1.
위젯 이름: 위젯의 이름을 변경할 수 있고, 쇼핑몰에는 보여지지 않습니다
2.
상품추천 알고리즘: AI 자동 추천 설정 시 어떤 기준으로 상품이 추천 될 지 설정 할 수 있습니다
•
업셀 알고리즘 : 함께 구매한 상품, 판매량, 클릭 수 등 다양한 지표들이 포함 된 기본 알고리즘으로 상품이 자동 추천 됩니다
•
함께 구매 알고리즘 : 함께 구매한 상품의 추천 비중을 높인 알고리즘으로 상품이 자동 추천 됩니다
•
판매량 알고리즘 : 판매량이 높은 상품의 추천 비중을 높인 알고리즘으로 상품이 자동 추천 됩니다
•
클릭 수 알고리즘 : 클릭 수가 높은 상품의 추천 비중을 높인 알고리즘으로 상품이 자동 추천 됩니다
•
베이직 추천 알고리즘 : 판매량과 상품 클릭 수, 유사 카테고리를 활용한 알고리즘으로 상품이 자동 추천 됩니다
직접 추천 설정과 AI 추천 설정을 동시에 사용하시는 경우 추천 그룹에 묶여있는 상품이 우선되어 보여집니다
AI 추천 설정을 사용하지 않고, 직접 추천을 해두시지 않았다면 위젯 전체가 미노출 될 수 있습니다
데스크톱/모바일 별도 설정
1.
URL에 ‘m.’ 포함: 페이지 주소(url) 앞에 m.이 포함되어있는 경우 모바일 화면으로 인식 됩니다. (ex: m.alphareview.kr → 모바일 주소로 인식)
2.
뷰포트 너비: 뷰포트란 현재 보고있는 창 화면의 영역을 의미하며, 해당 영역에서 보여질 위젯 크기를 설정할 수 있습니다
우측 상단의 토클이 활성화(ON) 되어있는 경우 기존 설정이 데스크톱/모바일 모두에 동일하게 적용 됩니다
모바일 구분은 디바이스(안드로이드, ios), ‘m.’ 포함 여부, 해상도로 구분 됩니다
디스플레이 디자인
•
내부 컨텐츠 최대 너비: 쇼핑몰에 설치되어 보여지고 있는 위젯 전체의 넓이로 위젯 크기를 변경 할 수 있습니다
•
로딩 방식: 위젯이 로딩어 상품이 보여지는 방식을 설정 할 수 있습니다
•
행x열의 수: 위젯 내에서 보여질 상품의 수를 변경 할 수 있습니다
1줄에 보여질 상품이 많을 수록 각 상품의 이미지가 작아 집니다
•
열간/행간 간격 자동: 상품 사이, 썸네일과 텍스트 사이 등의 열/행간의 간격이 자동으로 설정 됩니다
설정 비활성화 후 픽셀 값을 수동으로 입력할 수 있습니다
•
페이지네이션 모양: 페이지네이션 없음 선택 시 페이지를 넘길 수 없어 첫 페이지만 보여지게 됩니다
•
화살표 표시: 위젯 내에서 페이지를 넘길 수 있는 화살표 표시 여부를 설정 할 수 있습니다
상품 요소 설정
•
상품명 표시: 상품명을 최대 2줄까지 보여지도록 설정 할 수 있습니다
•
썸네일 이미지: 둥근형태 선택 시 상품 이미지가 둥글게 라운딩 처리되어 보여집니다
•
썸네일 비율 (가로:세로): 최소 100%에서 최대 200%까지 설정 할 수 있습니다
•
상품 썸네일 이미지 클릭 시: 썸네일을 클릭 했을 때, 상세페이지 이동/퀵뷰 보기/상품목록 담기 중 어떤 동작을 할 지 설정 할 수 있습니다
•
썸네일 내 버튼: 썸네일 내 버튼을 클릭했을 때, 상세페이지 이동/퀵뷰 보기/상품목록 담기 중 어떤 동작을 할 지 설정 할 수 있습니다
•
CTA 버튼: 위젯 내 버튼을 클릭 했을 때, 상세페이지 이동/퀵뷰 보기/상품목록 담기 중 어떤 동작을 할 지 설정 할 수 있습니다
•
상품 넘버링: 설정 활성화 시 상품 썸네일 좌측 상단에 넘버가 보여지게 됩니다
위젯 표시 기준
•
최소 추천 상품 수
상품 추천 기준
•
최대 상품 표시 수
•
커스텀 상품 표시 수
타이틀 설정
•
위젯 타이틀
◦
테두리
◦
배경색
◦
둥근테두리
◦
둥근배경색
•
위젯 서브타이틀
혜택 CTA 프로그레스 바 하단 안내 문구
•
안내 문구 사용
기타 추가 설정
•
CSS / JS