리뷰 위젯을 사용자 지정하는 방법

예상 8 읽은 시간(분)

업데이트 2025년 7월 2일 오전 9:50 EST

학습 내용

리뷰 위젯(예: 제품 리뷰를 표시하고 수락하는 스토어의 블록)의 모양을 사용자 지정하는 방법을 알아봅니다.

사용 가능한 리뷰 위젯

클라비요 리뷰는 스토어에 추가할 수 있는 여러 위젯을 제공합니다:

별점 위젯
특정 제품에 대한 현재 별점을 표시하며, 대부분 제품 이름 아래에 추가됩니다.
리뷰 요약 위젯
제품이 받은 모든 평점, 리뷰와 함께 제출된 사용자 이미지, 가장 일반적인 고객 피드백을 분석한 차트를 표시합니다. 일반적으로 제품 페이지 하단 근처에 추가됩니다.
리뷰 목록 위젯
게시된 모든 리뷰 및 고객 질문의 목록을 검색창, 필터, 리뷰 작성 버튼, 질문하기 버튼과 함께 표시합니다. 리뷰 요약 위젯 바로 아래에 추가되는 경우가 가장 많습니다.
제품 리뷰 위젯
위의 리뷰 요약과 리뷰 목록 위젯을 결합한 위젯입니다. 사이트에 제품 리뷰 위젯을 추가하는 경우 리뷰 목록과 리뷰 요약 위젯을 별도로 추가할 필요가 없습니다.
추천 리뷰 캐러셀 위젯
모든 제품에서 선택한 리뷰를 표시합니다. 홈페이지, 독립형 리뷰 페이지 또는 사이트의 다른 어느 곳에서나 추천할 수 있습니다. 이 위젯에 표시되는 리뷰를 선택할 수 있습니다. 가능한 경우 고객이 제출한 이미지가 각 리뷰에 첨부되며, 리뷰와 함께 제출된 이미지가 없는 경우 회원님의 제품 이미지가 사용됩니다.
SEO/모든 리뷰 위젯은 모든 제품에 대한 모든 리뷰를 한 페이지에 표시합니다. 이 위젯을 사용하여 SEO를 개선하고 잠재 고객사가 현재 고객사가 좋아하는 제품을 한 곳에서 확인할 수 있도록 하세요. 이 위젯은 사이트의 독립형 리뷰 페이지에 추가되는 경우가 가장 많습니다.

이러한 위젯은 완전히 사용자 지정할 수 있으므로 브랜드 글꼴과 색상을 선택하고 추천 리뷰 캐러셀에서 강조 표시할 리뷰를 직접 선택할 수 있습니다.

리뷰 위젯 및 제출 페이지에 사용할 언어를 선택합니다.

기본적으로 모든 클라비요 리뷰 콘텐츠는 영어로 제공됩니다. 다른 언어를 선택하려면 다음과 같이 하세요:

클라비요의 리뷰 탭으로 이동합니다.
리뷰 설정을 클릭합니다.
일반을 선택합니다.
언어 선택 메뉴에서 원하는 언어를 선택합니다.

클라비요 리뷰에 대한 언어 업데이트는 다음에 적용됩니다:

제출물 검토 페이지
온사이트 위젯

별점 위젯
리뷰 요약 위젯
리뷰 목록 위젯
제품 리뷰 위젯
추천 리뷰 캐러셀 위젯

하나의 위젯에 대해서만 언어 설정을 업데이트할 수 없으며, 모든 위젯은 동일한 언어를 사용해야 합니다. 사이트에 이미 게시된 위젯을 포함하여 모든 위젯과 제출 페이지가 즉시 업데이트됩니다.

클라비요 리뷰의 언어 업데이트는 다른 클라비요 기능(예: 사용자 지정 질문, 플로우, 가입 양식, 기본 설정 페이지, 고객이 제출한 리뷰 콘텐츠 등)에는 적용되지 않습니다. 수동으로 번역하고 편집해야 합니다.

제품이 리뷰를 받을 때까지 리뷰 위젯 숨기기

이 지침은 별점 위젯 및 리뷰 목록 위젯에 적용됩니다.

기본적으로 리뷰가 없는 제품에는 별점 0/5개와 아직 제출된 리뷰가 없음을 나타내는 메시지가 표시됩니다. 리뷰를 받을 때까지 위젯을 숨기려면 다음 단계를 따르세요:

클라비요에서 리뷰 탭을 엽니다.
리뷰 설정을 선택합니다.
온사이트 위젯을 클릭합니다.
제품 리뷰 또는 별점을 선택합니다.
비어 있는 상태 메뉴를 엽니다.
별이 0개로 설정된 상태로 표시를 토글합니다.

위젯 모양 변경

다음 단계에 따라 리뷰 위젯의 스타일(예: 글꼴, 색상 등)을 조정할 수 있습니다.

클라비요에서 리뷰 탭을 엽니다.
리뷰 설정을 선택합니다.
온사이트 위젯을 클릭합니다.
수정하려는 위젯을 선택합니다.
레이아웃 & 스타일을 클릭합니다.
글꼴, 색상, 간격 등 위젯의 모양을 원하는 대로 조정할 수 있습니다.

하나의 리뷰 위젯에서 설정(예: 버튼 색상)을 변경해도 SEO/모든 리뷰 위젯을 제외한 다른 위젯의 해당 설정에는 영향을 미치지 않습니다. 이 위젯은 제품 리뷰 위젯의 모든 설정을 상속합니다. 제품 리뷰 위젯이 아닌 SEO/모든 리뷰 위젯의 모양을 사용자 지정하려면 사용자 지정 CSS를 사용해야 합니다.

사용 가능한 리뷰 스타일 설정

각 드롭다운 메뉴를 열어 해당 카테고리에 사용할 수 있는 스타일 옵션에 대해 자세히 알아보세요.

제품 리뷰 위젯

제품 리뷰 스타일 설정의 레이아웃 & 스타일 섹션에서 다음 설정을 조정할 수 있습니다:

여백
위젯의 상단, 하단, 왼쪽 및/또는 오른쪽 공간을 조정합니다.
기본 배경색
이 설정을 켜면 전체 위젯 영역에 배경색을 추가할 수 있습니다.
보조 배경색
히스토그램 막대와 같은 특정 위젯 요소의 색상을 편집합니다.
강조 색상
범위 문제 및 인증된 검토자 배지의 선택 항목 등 다양한 악센트에 사용되는 색상을 편집합니다.
모서리 반경
전체 제품 리뷰 위젯 영역에 둥근 모서리를 적용합니다. 기본 배경색을 추가한 경우에만 표시된다는 점에 유의하세요.
구분선
각 리뷰 사이에 선택적으로 줄을 추가합니다.
기본 글꼴
사이트에서 상속을 선택하여 기존 사이트 글꼴을 사용하거나 글꼴을 선택합니다. 기본 글꼴 설정은 다음을 제외한 모든 위젯 글꼴에 적용됩니다:
- 고객 리뷰 섹션의 #5 라벨입니다.
- 각 리뷰의 타임스탬프입니다.
- 별 히스토그램의 레이블 텍스트입니다.
- 검색 필드의 자리 표시자 텍스트입니다.
보조 글꼴
사이트에서 상속을 선택하여 기존 사이트 글꼴을 사용하거나 글꼴을 선택합니다. 보조 글꼴 설정은 고객 리뷰 섹션의 별 히스토그램, 검색 필드, 각 리뷰의 타임스탬프 및 #/5 레이블에 적용됩니다.
글꼴 크기, 무게 및 색상
기본 글꼴과 보조 글꼴의 크기, 무게, 색상을 각각 조정할 수 있습니다.
버튼 설정
- 색상
  버튼 색상.
- 모서리 반경
  버튼 모서리의 둥근 정도입니다. 반올림하지 않으려면 0으로 설정합니다.
- 테두리
  버튼 주위의 색상 테두리입니다.
- 호버 색상 지정
  버튼이 마우스를 가져가면 색상이 변경되어야 하는 경우 이 설정을 활성화합니다.
- 패딩
  버튼 텍스트를 둘러싸는 각 버튼 내부의 패딩입니다. 패딩을 추가하면 버튼이 더 크게 표시됩니다.
- 글꼴, 글꼴 크기, 글꼴 굵기, 글꼴 색상
  위젯 버튼에 사용되는 글꼴입니다.
등급 설정
- 채워진 색상
  선택한 별의 색상입니다(예: 제품이 별 4/5개인 경우 처음 4개의 별은 이 색상을 사용합니다).
- 빈 색상
  선택되지 않은 별의 색상(예: 제품이 별 4/5개인 경우 5번째 별은 이 색상을 사용함).
- 테두리
  모든 별을 둘러싸는 선택적 색상 테두리입니다.
- 간격
  각 별 사이의 간격입니다.
- 모양
  날카로운 별, 둥근 하트 등 다양한 평가 스타일을 선택할 수 있습니다.
- 크기
  - 요약
    리뷰 요약 내 별의 크기입니다.
  - 리뷰
    각 고객 리뷰 내 별의 크기입니다.
필터 설정
필터 설정은 검색 필드 및 리뷰 필터에 적용됩니다.
- 배경색
  필터 버튼과 검색창의 배경색입니다.
- 활성 획 너비, 색상
  활성(즉, 선택된) 필터 옵션을 나타내는 테두리의 너비와 색상입니다. (최소 1.)
- 모서리 반경
  검색창의 모서리를 둥글게 처리합니다. 반올림하지 않으려면 0픽셀을 선택합니다.
- 검색 아이콘
  돋보기 검색 아이콘을 켜거나 끕니다.
이미지 설정
- 요약 이미지 코너 반경
  리뷰 요약에서 요약 이미지 선택 시 반올림합니다.
- 리뷰 이미지 모서리 반경
  개별 리뷰 내의 각 이미지를 반올림합니다.
- 리뷰 이미지 크기
  개별 리뷰에 포함된 이미지의 크기입니다.

추천 리뷰 캐러셀

추천 리뷰 캐러셀 스타일 설정의 레이아웃 섹션에서 다음 설정을 조정할 수 있습니다:

섹션 헤드라인
이 위젯에 고객 리뷰라는 레이블을 추가합니다.
캐러셀 유형
캐러셀에 이미지를 표시할지, 텍스트만 표시할지 선택합니다.
페이지당 최대 리뷰 수
페이지당 표시할 추천 리뷰 수를 선택합니다.
텍스트 제한
각 리뷰 미리 보기에 포함할 텍스트의 줄 수를 선택합니다.
여백
위젯의 상단, 하단, 왼쪽 및/또는 오른쪽 공간을 조정합니다.
텍스트 정렬
텍스트를 왼쪽, 오른쪽 또는 가운데에 정렬할지 여부를 설정합니다.
카드 항목
리뷰의 날짜, 작성자 및 인증 배지를 표시하는 옵션을 켜거나 끕니다.

추천 리뷰 캐러셀 스타일 설정의 스타일 섹션에서 다음 설정을 조정할 수 있습니다:

섹션 헤드라인 글꼴 설정
섹션 헤드라인의 글꼴, 글꼴 색상 및 글꼴 크기입니다. 이 설정을 위젯에 적용하려면 레이아웃에서 섹션 제목을 사용하도록 설정해야 합니다.
이미지 높이
리뷰 미리 보기에 포함된 이미지의 크기를 편집합니다.
모서리 반경
각 추천 리뷰 타일의 모서리 반경을 수정합니다.
카드 색상
각 리뷰 타일의 배경색을 추가합니다.
그림자
카드에 그림자를 추가하거나 제거합니다.
테두리
카드에 테두리를 추가하거나 제거합니다.
등급 스타일 설정
- 채워진 색상
  선택한 별의 색상입니다(예: 제품이 별 4/5개인 경우 처음 4개의 별은 이 색상을 사용합니다).
- 빈 색상
  선택되지 않은 별의 색상(예: 제품이 별 4/5개인 경우 5번째 별은 이 색상을 사용함).
- 테두리
  모든 별을 둘러싸는 선택적 색상 테두리입니다.
- 간격
  각 별 사이의 간격입니다.
- 크기
  각 고객 리뷰 내 별의 크기입니다.
- 모양
  날카로운 별, 둥근 하트 등 다양한 평가 스타일을 선택할 수 있습니다.
헤드라인 글꼴 설정 검토
사이트에서 상속을 선택하여 기존 사이트 글꼴을 사용하거나 글꼴과 글꼴 크기, 굵기, 색상을 선택합니다.
본문 글꼴 설정 검토
사이트에서 상속을 선택하여 기존 사이트 글꼴을 사용하거나 글꼴과 글꼴 크기, 굵기, 색상을 선택합니다.
날짜 및 이름 레이블 글꼴 설정
사이트에서 상속을 선택하여 기존 사이트 글꼴을 사용하거나 글꼴과 글꼴 크기, 굵기, 색상을 선택합니다.

별점 평가

여백
위젯의 상단, 하단, 왼쪽 및/또는 오른쪽 공간을 조정합니다.
등급 스타일 설정
- 채워진 색상
  선택한 별의 색상입니다(예: 제품이 별 4/5개인 경우 처음 4개의 별은 이 색상을 사용합니다).
- 비어 있는 색상
  채워지지 않은(즉, 선택되지 않은) 별의 색상(예: 제품이 별 4/5개인 경우 5번째 별은 이 색상을 사용함).
- 테두리
  모든 별을 둘러싸는 선택적 색상 테두리입니다.
- 간격
  각 별 사이의 간격입니다.
- 크기
  각 고객 리뷰 내 별의 크기입니다.
- 모양
  날카로운 별, 둥근 하트 등 다양한 평가 스타일을 선택할 수 있습니다.
기본 글꼴
텍스트 #등급에사용되는 글꼴을 편집합니다 .사이트에서 상속을선택하여 기존 사이트 글꼴을 사용하거나 글꼴을 선택합니다.
글꼴 크기, 글꼴 굵기 및 색상
평점 텍스트의 크기, 굵기 및 색상을 조정합니다.

리뷰 필터 및 작업 활성화 또는 비활성화

고객이 평점, 미디어(예: 리뷰에 이미지가 포함되어 있는지 여부) 또는 사용자 지정 질문에 대한 답변을 기준으로 리뷰를 필터링할 수 있도록 합니다. 이를 통해 잠재 고객은 자신과 가장 관련성이 높은 리뷰를 찾을 수 있습니다.

클라비요의 리뷰 탭으로 이동합니다.
리뷰 설정을 클릭합니다.
온사이트 위젯을 선택합니다.
제품 리뷰 위젯을 선택합니다.
검토 목록을 선택합니다.
Q&A 버튼 및 탭 또는 리뷰 작성 버튼을 표시하거나 숨기려면 작업 카드에서 해당 선택 항목을 켜거나 끕니다.
리뷰 목록 위젯에서 필터 섹션을 제거하거나 추가하려면 필터 토글을 비활성화하거나 활성화합니다.
이러한 설정 중 하나를 선택하거나 선택 해제하여 표시되는 필터 옵션을 결정합니다: 검색창, 정렬(최근, 최고, 최저), 평점, 미디어, 사용자 지정 질문입니다.