관리자 페이지 가이드
home
📄 리뷰 관리
home
📖

위젯 디자인 커스텀

가이드 검색 키워드: 위젯 옵션 설정 변경 , 위젯 추가 설치 , 위젯 삭제 , 작성출처 , 작성일자 , 날짜 , 작성자명
가이드 항목 바로가기

위젯/위젯 세트란?

위젯이란 알파리뷰 내에 있는 리뷰들을 보여주는 작은 프로그램이에요!
알파리뷰의 DB에 저장되어있는 리뷰 데이터가 각 위젯의 특징에 맞춰 보여지는 방식이라고 보시면 됩니다
포토 리뷰 위젯에서는 기본 설정값에 맞춰 이미지가 포함 된 리뷰만 자동 필터링 되어 보여지고
베스트 리뷰 위젯에서는 베스트 리뷰 라벨이 등록 된 리뷰만 자동 필터링 되어 보여져요
위젯 세트란 여러개의 위젯이 묶여 하나의 세트가 되어있는 상태를 의미해요!
상세페이지의 리뷰 영역에 1. 평점 위젯 2. 포토 리뷰 위젯 3. 게시판 위젯 위 3가지 종류를 사용하고 계신다면
3개의 위젯이 모여 1개의 상세페이지 리뷰 영역 위젯 세트가 되는거에요!
알파리뷰 위젯 모아보기
위젯 세트 내에서 사용하고 싶은 위젯 종류를 대시보드에서 자유롭게 변경/추가/삭제하고 상세한 설정들을 변경하실 수 있으니 아래의 가이드를 꼭 확인해보세요

위젯을 커스텀하고 싶으시다면 아래의 안내를 반드시 확인해주세요!

꼭 알아두세요! 1. 리뷰 상세 보기 페이지는 디자인 수정이 불가합니다 2. 알파리뷰 내에서 새로 세트를 생성하신 경우, 세트의 코드를 쇼핑몰 디자인 관리 html 상에 삽입하셔야 정상적으로 반영됩니다 3. 기존에 알파리뷰가 생성해놓은 위젯 세트를 삭제하실 경우, 쇼핑몰 내에서 리뷰가 정상적으로 표시되지 않을 수 있습니다
저희 알파리뷰는 리뷰 영역을 만들어드리지 않습니다! 기본적으로 현재 사용하고 계시는 쇼핑몰의 디자인 스킨 상 만들어져있는 리뷰 영역에 알파리뷰의 위젯이 대체되어 보여지도록 기존 디자인을 숨김처리한 뒤 위젯이 설치되는 방식입니다 리뷰 영역은 디자인 상에서 만들고 삭제하고 수정해야하므로 리뷰 영역 자체를 변경/수정하는 작업은 스킨을 제작하신 디자인 업체/담당자님을 통해 수정해주세요! 알파리뷰에서 디자인 수정 시 쇼핑몰에 어떤 오류가 발생할지 알 수 없고, 오류 발생 시 대처가 불가능하기 때문에 디자인 수정 작업을 도와드리기 어려운 점 양해 부탁드립니다
알파리뷰 최소 설치 시, 알파리뷰가 직접 기본 위젯 세트를 생성해드립니다 - 상품 상세 리뷰 영역 : 상품 상세 페이지의 리뷰영역에 설치 된 위젯 세트 - 상품 상세 심플 포토 : 상품 상세페이지 썸네일 하단의 심플포토 위젯 세트 - 상품 후기 게시판 리뷰 영역 : 전체 리뷰 게시판(카페24 기준 4번 게시판) 전용 기본 위젯 세트 - 메인페이지 리뷰 영역 : 쇼핑몰 메인페이지의 리뷰 영역

위젯 세트 추가 설치

새로운 위젯 세트를 설치한다는 것은, 위젯이 설치되어있지 않은 새로운 영역에서 리뷰가 보여지도록 “추가 설치” 하는 것을 뜻합니다! 현재 위젯이 설치되어있는 영역에 SNS 리뷰 등 위젯 종류를 추가하고 싶으신 경우 아래의 “위젯 추가/삭제/순서변경"가이드를 확인해주세요!
동영상 가이드로 상세한 방법을 확인해보세요!

1. 새로운 위젯 세트 만들기/위젯 세트 코드 복사

경로: [설정 > 위젯 디자인 커스텀]
새로운 위젯 세트를 만들어 설치한다는 것은 위젯이 설치되어있지 않은 영역에 위젯 세트를 추가 설치하는 작업을 뜻합니다.
1.
우측 상단의 위젯 추가를 눌러 새로운 위젯 세트를 만들어주세요.
2.
담당자님이 알아보실 수 있는 위젯 세트 이름으로 변경해주세요 (쇼핑몰에서는 보여지지 않습니다.)
3.
사용을 원하는 위젯 종류를 추가하고 설정을 변경한뒤 저장을 눌러주세요. (위젯 세트를 만드는 것만으로는 쇼핑몰에 노출되지 않습니다!)
4.
1번에서 생성한 위젯 세트 코드를 복사해주세요. 코드 복사 버튼만 누르시면 자동으로 클립보드에 저장됩니다.
동영상 가이드로 상세한 방법을 확인해보세요!

2. 쇼핑몰 디자인 HTML 내 코드 삽입

위젯 디자인 커스텀 메뉴에서 새로운 위젯 세트 생성 후 쇼핑몰 디자인 html 내에 위젯 코드를 복사하여 삽입하는 작업까지 모두 완료해주셔야 합니다.
5.
PC 버전의 수정을 원하실 경우엔 "디자인 관리"로, 모바일 버전의 수정을 원하실 경우엔 "모바일 쇼핑몰 관리"로 접속하시면 됩니다
6.
4번에서 복사한 위젯 세트 코드를 원하시는 위치에 붙여 넣어주시면 설치가 완료 됩니다.
동영상 가이드에서 위젯 코드와 함께 삽입된 <!-- /알파리뷰 --> 위젯이 설치 된 위치를 쉽게 알아보기 위해 추가 된 부분으로 반드시 위젯 코드와 함께 삽입해야하는 것은 아닙니다. 해당 코드는 주석(숨김)처리 되어 쇼핑몰에서는 노출되지 않습니다
PC/MO 모두 새로운 위젯 세트를 노출하고 싶으시다면 모바일의 대표디자인에도 위젯 코드를 삽입하여 설치해주셔야합니다
설치가 너무 어려워요!

위젯 추가/삭제/순서변경 방법

현재 위젯이 설치되어있는 영역의 위젯 세트에 새로운 종류의 위젯을 추가하여 사용할 수 있습니다
“위젯 세트”를 삭제하고 싶으신 경우 쇼핑몰 디자인 관리 html 상에 삽입되어있는 위젯 코드를 삭제해주셔야 합니다 위젯 설정 변경, 종류, 위젯 추가 등은 별도의 html 작업이 필요하지 않습니다.
알파리뷰 설치 시, 알파리뷰가 직접 기본 위젯 세트를 생성해드립니다. - 상품 상세 리뷰 영역 : 상품 상세 페이지 전용 기본 위젯 세트 - 상품 상세 심플 포토 : 상품 상세페이지 썸네일 하단의 심플포토 위젯 세트 - 상품 후기 게시판 리뷰 영역 : 전체 리뷰 게시판 전용 기본 위젯 세트 - 메인페이지 리뷰 영역 : 쇼핑몰 메인페이지의 리뷰 영역 - 이외의 위젯 세트 : 상세페이지 상단 추가 설치 등의 요청으로 추가 설치 된 위젯 세트

1. 위젯 추가

경로: [설정 > 위젯 디자인 커스텀 > 수정하기]
이미지를 클릭하면 더 크고 또렷하게 볼 수 있어요!
위젯 추가 방법
1.
[설정 > 위젯디자인 커스텀에서 위젯을 추가하고 싶은 영역의 세트 옆 “수정하기” 버튼을 클릭해주세요.
2.
[세트 설정 > 위젯 세트 구성] 에서 하단의 “ + 위젯 추가” 버튼을 클릭하여 원하시는 위젯을 선택한 뒤, “추가하기” 버튼을 클릭해주세요.
3.
또는 위젯들의 "미리보기" 버전 최하단의 + 버튼을 눌러 새로운 위젯을 추가해주세요.
위젯 추가/삭제/순서변경 동영상 가이드
잠깐! 프리미엄 위젯(롤링위젯, 브리핑 위젯),채팅 리뷰,플로팅 리뷰는 위의 위젯 추가 방식으로는 정상작동하지 않습니다. 프리미엄 위젯의 경우 담당 부서의 설치 작업만이 가능하며, 특수 위젯은 해당 위젯만을 위한 위젯 세트를 별도로 만들어주셔야합니다. 특수 위젯의 추가 설치가 어려우신 경우 상담 채널을 통해 추가 설치 작업을 요청해주세요!
별도의 비용은 발생하지 않습니다.

2. 위젯 순서 변경

경로: [설정 > 위젯 디자인 커스텀 > 수정하기]
이미지를 클릭하면 더 크고 또렷하게 볼 수 있어요!
위젯 노출 순서 변경 방법
1.
[설정 > 위젯디자인 커스텀에서 위젯을 추가하고 싶은 영역의 세트 옆 “수정하기” 버튼을 클릭해주세요.
2.
[세트 설정 > 위젯 세트 구성] 에서 각 위젯의 좌측에 있는 “三” 아이콘을 클릭한채 끌어서 위치를 이동 시켜주세요.
3.
또는 미리보기 위젯 좌측 상단의 “三” 아이콘을 클릭한채 마우스를 스크롤링하여 위치를 조정할 수 있습니다.
위젯 추가/삭제/순서변경 동영상 가이드

3. 위젯 삭제

경로: [설정 > 위젯 디자인 커스텀 > 수정하기]
이미지를 클릭하면 더 크고 또렷하게 볼 수 있어요!
위젯 삭제 방법
1.
[설정 > 위젯디자인 커스텀에서 위젯을 추가하고 싶은 영역의 세트 옆 “수정하기” 버튼을 클릭해주세요.
2.
[세트 설정 > 위젯 세트 구성] 에서 각 위젯의 우측에 있는 “X아이콘을 클릭하여 위젯을 삭제하실 수 있습니다.
3.
또는 미리보기 위젯 우측 상단의 “X” 아이콘을 클릭하여 추가되어있는 위젯을 삭제할 수 있습니다.
위젯 추가/삭제/순서변경 동영상 가이드

위젯 옵션 수정

게시 기준 정의 자동 게시(위젯이 들어간 페이지의 상품리뷰): 해당 위젯이 추가되어있는 상품에 작성된 모든 리뷰 게시 지정 리뷰 게시: 지정된 라벨/카테고리/상품 리뷰 게시 (아무것도 지정되어있지 않으면 리뷰가 노출되지 않습니다.) 모든 리뷰 게시: 대시보드 상의 모든 리뷰 게시 특수 라벨 게시: 베스트 리뷰 라벨과 같이 특수 라벨이 등록 된 리뷰만 게시 단, 메인페이지/전체후기게시판과 같이 특정 상품 정보 없이 모든 리뷰가 보이는 페이지의 위젯은 “자동 게시” 상태더라도 “모든 리뷰 게시” 상태와 동일하게 자사몰의 모든 리뷰들이 보여지게 됨
위젯 내에서 보여지는 정보(상품 정보, 댓글, 위젯 내에서 보여지는 리뷰 개수, 작성일자, 작성출처 등)
위젯 설정을 변경하여 보여지지 않도록, 또는 보여지도록 변경하실 수 있어요!
위젯마다 보여지는 정보가 다르기 때문에 변경하실 수 있는 설정 또한 다르게 보여져요
현재 사용하고 계시는 위젯 중 변경이 가능한 설정들을 확인해보세요
이미지를 클릭하면 더 크고 또렷하게 볼 수 있어요!
경로: [설정 > 위젯 디자인 커스텀 > 수정하기 > 위젯 설정]
1.
수정을 원하시는 위젯 세트의 [수정하기] 버튼을 눌러주세요.
2.
현재 세트 내에 들어가있는 위젯들의 "미리보기" 버전이 표시됩니다. 여기서 수정을 원하시는 위젯의 미리보기를 클릭해주세요.
3.
좌측 위젯 설정 영역에서 원하시는 대로 수정하신 후, 하단 [저장] 버튼을 눌러주세요.
4.
5분 이내로 쇼핑몰 내에 반영됩니다.
위젯 추가/삭제/순서변경 동영상 가이드
어떤 위젯 세트의 설정을 변경해야할지 모르겠어요!

CSS 수정 방법

운영 정책, 리뷰 정렬방식 등 위젯 내 옵션으로 미노출 할 수 없는 옵션에 대해서만 CSS 수정을 해주세요!
자사몰 내에서 CSS 수정 후 대시보드에 수정 사항을 입력해주셔야 쇼핑몰에 적용 됩니다.
동영상 가이드로 상세한 방법을 확인해보세요!
1.
위젯 내 옵션으로 미노출이 불가능한 영역을 display; none; 처리 해주세요
특정 영역에서 마우스 우클릭 → [검사] → d 입력 후 키보드의 “tab”키로 display 선택 → none 역시 동일한 방법으로 선택 → 전체 영역 복사
동영상 가이드로 상세한 방법을 확인해보세요!
2.
해당 위젯이 추가되어있는 위젯 세트의 “수정하기” 버튼 클릭 → 해당 영역의 이름과 display; none; 영역만 남기고 지우기(수정 사항만 남기기) → 저장
동영상 예시는 하나의 예시이고, 이 외의 옵션 및 영역도 동일한 방식으로 CSS 수정 후 대시보드에 입력해두시면 미노출 설정이 적용 됩니다
display; none; 뿐만 아니라 색상 코드, 텍스트 크기, 라운딩 처리 등 CSS 수정을 하실 수 있습니다

관련 가이드 바로가기

공통 디자인 설정 가이드