⚠️ 필수 참고사항

‼️ 2022년 2월 9일 이후로, V2로 전환되었습니다.

• 2022년 2월 9일부터 V1 → V2 버전으로 순차적으로 전환이 완료되었습니다.
• 일괄 전환된 이후에는 V1 위젯은 더 이상 유지 보수 및 업데이트를 지원하지 않으며, V1 위젯 사용이 불가합니다.
• V2는 더 새롭고 편리한 디자인과 기능으로 개선되었으며, 앞으로 계속 개선하며 좋은 기능들을 업데이트할 예정입니다.😊

1. 포토 팝업 V2

a. 포토 팝업 V2의 종류*

i. PC 포토 팝업 V2

• PC 포토 팝업 V2는 PC 리뷰 위젯에서 리뷰 포토/동영상 썸네일 클릭 시 나타나는 팝업입니다.
• 여러 리뷰를 탐색하는 모습
  
  

ii. 모바일 포토 팝업 V2 (상세)

• 모바일 포토 팝업 V2 (상세)는 리스트 위젯을 제외한 모바일 리뷰 위젯에서 포토/동영상 썸네일 클릭 시 나타나는 팝업입니다.
• 세로스크롤 동작 모습
  
  

iii. 모바일 포토 팝업 V2 (강조)

• 모바일 포토 팝업 V2 (강조)는 모바일 리스트 위젯 또는 모바일 포토 팝업 V2 (상세)에서 포토/동영상 썸네일 클릭 시 나타나는 팝업입니다.
• 여러 리뷰를 탐색하는 모습
  
  
  

b. 포토 팝업 V2는 V1과 비교하여 어떤 것들이 좋아졌나요?

i. 상황에 맞춰 최적화한 두 가지 모바일 팝업을 제공

• 쇼핑몰에 설치한 위젯의 종류에 따라 두 가지 모바일 팝업 중 하나가 노출됩니다.
  • 리스트 위젯: 모바일 포토 팝업 V2 (강조)
  • 리스트 위젯을 제외한 모든 리뷰 위젯: 모바일 포토 팝업 V2 (상세)

🗝 Key point
* 포토 팝업 V2에서는 각 위젯의 UX에 맞춰 최적의 팝업이 노출되도록 개선되었습니다.

모바일 포토 팝업 V2 (상세)

리뷰 목록이 썸네일 이미지 위주인 위젯에서 사용합니다. 포토 및 동영상과 함께 리뷰의 상세 정보를 포함하는 팝업으로, 썸네일을 보고 관심을 가진 고객에게 상세 정보를 전달합니다.

• 포토/동영상 썸네일 제공
• 리뷰 작성자 정보, 제품 평가, 리뷰 본문 제공
• 도움 돼요, 도움 안돼요, 댓글 등 리액션 기능 제공
• 인스타그램과 같은 세로 스크롤링 형태로 간편하게 리뷰 확인이 가능

모바일 포토 팝업 V2 (강조)

리뷰 목록에서 상세 정보를 제공하는 위젯에서 사용합니다. 목록에서 정보를 확인한 후 포토 및 동영상을 더 자세히 보고 싶어 클릭하는 고객에게 적합한 정보를 제공합니다.

• 포토/동영상 제공
• 리뷰 본문보기 버튼 제공 (클릭 시 상세 팝업 노출)
• 해당 상품의 다른 포토/동영상 리뷰를 볼 수 있음
• 이전 리뷰/다음 리뷰 이동 버튼 제공

ii. 자유로운 리뷰 간 이동

• 포토 팝업 V2에서는 PC와 모바일 모두 위젯 내 리뷰 간 이동이 자유롭게 가능합니다.

• 어느 환경에서든 팝업을 닫지 않고도 리뷰를 탐색할 수 있습니다.
  • PC 포토 팝업 V2: 포토/동영상 썸네일 좌측과 우측에 위치한 리뷰 이동 버튼 사용
  • 모바일 포토 팝업 V2 (상세): 세로 스크롤을 통해 간편하게 이전, 다음 리뷰를 열람
  • 모바일 포토 팝업 V2 (강조): 하단부 이전 리뷰, 다음 리뷰 버튼 사용

• PC 포토 팝업 V2
  

• 좌) 모바일 포토 팝업 V2 (상세) / 우) 모바일 포토 팝업 V2 (강조)

🗝 Key point
* 포토 팝업 V1에서는 PC 버전에서만 리뷰 간 이동을 제공했습니다.
  고객들이 다른 리뷰를 팝업에서 보려면 팝업을 닫고 다시 썸네일을 클릭해야하는 불편함이 있었습니다.
* 포토 팝업 V2에서는 모든 환경에서 리뷰 간 이동을 제공합니다.
  이제 팝업을 닫지 않고도 원하는만큼 리뷰를 탐색할 수 있습니다.

iii. 이 상품의 다른 리뷰 탐색 기능

• 해당 기능을 통해 같은 상품의 다른 포토 리뷰로 이동할 수 있습니다.
• 팝업을 닫지 않고도 다른 리뷰의 썸네일을 확인하고 원하는 리뷰의 팝업으로 쉽게 이동할 수 있습니다.
• 이 기능은 PC 포토 팝업 V2, 모바일 포토 팝업 V2 (강조)에서만 제공합니다.

🗝 Key point
* 포토 팝업 V1에서는 제공하지 않았던 새로운 기능입니다. 

iv. 팝업 내 포토/동영상 썸네일 비율 설정 기능 제공

• 관리자 페이지 > 리뷰 > 리뷰 설정 > 기본 설정 > 표시 정보 및 디자인 메뉴에서 팝업 내 리뷰 포토/동영상 비율을 설정할 수 있습니다.
  • 정사각형으로 표시 선택 시, 썸네일을 정사각형으로 크롭하여 노출합니다.
  • 원본 비율대로 표시 설정 시 정사각형 영역 안에 원본 비율대로 노출합니다. (원본 비율에 따라 여백이 생길 수 있습니다.)

🗝 Key point
* 포토 팝업 V1에서는 제공하지 않았던 새로운 기능입니다.
* 우리 쇼핑몰의 톤앤매너에 따라 사진 비율을 노출해보세요.

2. 리스트 위젯 V2

a. 리스트 위젯 V2는 V1과 비교하여 어떤 것들이 좋아졌나요?

i. 더 편해진 정렬과 필터

• 각 환경에 최적화된 리뷰 정렬 기준 표시
  • PC: 리뷰 정렬 버튼에 마우스를 가져가면 리뷰 정렬 기준이 표시됩니다. 별도의 클릭 없이도 정렬 기준에 대해서 알 수 있습니다.
  • 모바일: 리뷰 정렬 버튼을 누르면 정렬 기준을 볼 수 있는 버튼이 노출되어 확인을 원하는 경우 볼 수 있습니다. 공간이 협소한 모바일 환경을 고려했습니다.

• 리뷰 본문 검색 기능
  • PC, 모바일 전체/상품 리뷰 위젯 모두 리뷰 본문 검색 기능을 제공합니다. 사용자가 원하는 키워드로 리뷰를 검색할 수 있습니다.

• 추가 정보 필터링 디자인 및 사용자 경험 개선
  • 현재 필터링하고 있는 추가 정보를 화면에 표시합니다. 현재 어떤 기준으로 리뷰가 표시되고 있는지 쉽게 알 수 있습니다.
  • 모든 추가 정보의 검색 결과 초기화도 버튼 하나로 간편하게 할 수 있게 되었습니다.

🗝 Key point
* 리스트 위젯 V1에 비해 전반적으로 정렬 및 필터 기능의 사용성이 대폭 개선되었습니다.
* 작지만 알찬 디테일들이 모여 고객들이 더 편하게 리뷰를 볼 수 있게 될 거예요.

ii. 보기 쉬운 상품 리뷰

• 별점 영역을 강조해 고객이 상품에 대해 어떤 평가를 했는지 한눈에 알 수 있습니다.
• 쇼핑몰 추천 리뷰 등 V1에서 텍스트로 표현했던 정보들을 태그 형식으로 인지하기 쉽게 개선했습니다.
• 고객의 정보와 구매 옵션 정보는 박스를 활용하여 다른 정보들과 구분하였습니다.
• 모바일 리뷰에 첨부된 포토/동영상이 여러 장일 경우 스와이프 동작으로 뒤쪽의 포토/동영상을 볼 수 있습니다.

iii. 포토/동영상 모아보기

• PC 포토/동영상 모아보기

• 모바일 포토/동영상 모아보기

• • 상품 리뷰에서 가장 중요한 정보 중 하나인 포토/동영상을 모아서 볼 수 있게 되었습니다.

• • PC/모바일 상품 리뷰 위젯에 포토/동영상 모아보기 영역을 제공합니다.
    • 위젯에는 일부 포토/동영상을 노출하며 전체보기 버튼을 클릭하면 모든 포토/동영상을 모아볼 수 있습니다.

🗝 Key point
* V1에서는 평점 영역에서 일부 포토/동영상만 모아보기를 제공했습니다.
* V2에서는 모든 포토/동영상을 모아볼 수 있게 되었습니다. 

iv. 모바일 페이지 이동 방식 추가

• 관리자 페이지 > 리뷰 > 리뷰 설정 > 위젯 설정 > '리스트' 위젯 설정 팝업 > 페이지 이동 방식에 '모든 리뷰 보기 버튼'이 새롭게 추가되었습니다.
  • 모든 리뷰 보기 버튼을 선택할 경우 위젯에 모든 리뷰 보기 버튼이 노출됩니다.
  • 모든 리뷰 보기 버튼 클릭 시 포토 팝업V2 (상세)로 바로 연결되어 모든 리뷰를 스크롤하여 확인하실 수 있습니다.

검색 키워드 : 신기능, 포토팝업, 리스트 위젯