모든 위젯은 제목 설정 부터 여백 설정까지 다양한 설정을 자유롭게 변경할 수 있으니 위젯 설정 변경 방법을 꼭 확인해보세요
PC ver
Mobile ver
적용 위치: 메인페이지 상단 ~ 중간 영역
•
쇼핑몰을 방문한 고객이 처음으로 상품을 추천 받게 되는 위젯
•
메인페이지에서 1~3줄을 선택하여 상품 추천 위젯을 보여줄 수 있어요
◦
노출 상품은 직접 선택 할 수 있습니다
다른 위젯 둘러보기
궁금한 위젯을 클릭해보세요!전체페이지
알파업셀 미리보기
Search
메인페이지
알파업셀 미리보기
Search
장바구니페이지
알파업셀 미리보기
Search
상세페이지
알파업셀 미리보기
Search
설정 가이드
메인페이지 추천 위젯은 쇼핑몰 방문 고객이 처음으로 추천 상품을 만나는 영역입니다. 메인페이지 상단부터 중간 영역에 1~3줄로 배치할 수 있으며, 추천 상품과 화면 구성은 운영 목적에 맞춰 조정할 수 있습니다.
설정 항목 한눈에 보기
설정 항목 | 무엇을 바꿀 수 있나요? | 설정할 때 확인하세요 |
추천 상품 | 추천 라인마다 보여줄 상품과 추천 방식을 정합니다. 직접 상품을 지정하거나, 추천 설정을 연결할 수 있습니다. | 재고·판매 상태를 먼저 확인하세요. 탭을 함께 쓰는 경우 같은 상품이 반복되지 않도록 설정할 수 있습니다. |
제목과 CTA | 위젯 제목, 보조 문구, 강조 문구, 고객 행동을 유도하는 CTA 문구와 영역을 설정합니다. | 상품을 추천하는 이유와 고객이 얻는 이점을 짧고 분명하게 작성하세요. |
상품 카드와 레이아웃 | 썸네일, 상품명, 가격, 옵션, 리뷰 등 카드에 표시할 정보와 행·열 수, 넘김 방식, 스와이프 여부를 조정합니다. | PC와 모바일은 각각 확인하세요. 같은 설정이라도 화면에 보이는 상품 수와 줄바꿈이 달라질 수 있습니다. |
필터 탭 | 필터를 사용하는 경우 탭별 정렬 기준, 가격 범위, 카테고리, 신상품 조건과 탭 디자인을 설정합니다. | 조건을 너무 좁게 설정하면 노출 상품이 부족할 수 있습니다. 탭마다 충분한 상품이 보이는지 확인하세요. |
노출 조건 | 위젯 노출 기간, 지연 시간, 고객별 노출 횟수·기간, 자동 닫힘 시점을 설정합니다. | 메인페이지 첫 방문 고객에게 과도하게 노출되지 않는지, 필요한 기간에만 보이는지 확인하세요. |
권장 설정 순서
1.
먼저 목적을 정합니다. 신상품을 알릴지, 인기 상품을 보여줄지, 함께 구매할 상품을 제안할지 결정합니다.
2.
목적에 맞는 추천 상품과 추천 방식을 설정합니다. 직접 지정한 상품을 사용할 때는 재고와 판매 상태를 함께 점검합니다.
3.
제목과 CTA 문구를 작성합니다. 고객이 이 위젯에서 무엇을 확인할 수 있는지 한 문장으로 알 수 있게 작성합니다.
4.
상품 카드와 레이아웃을 조정한 뒤 PC와 모바일 화면을 각각 미리 봅니다.
5.
필터나 노출 조건을 사용하는 경우, 실제 메인페이지에서 탭별 상품 수와 노출 시점을 확인합니다.
변경 후 확인할 점
•
추천 상품 설정을 바꾸면 위젯에 표시할 상품 후보가 함께 바뀔 수 있습니다. 제목·문구·디자인만 바꾸는 경우와 영향 범위가 다릅니다.
•
필터 탭을 사용한다면 각 탭에 보이는 상품 수와 상품 중복 여부를 확인하세요.
•
변경 사항을 저장한 뒤 실제 메인페이지에서 PC·모바일 화면, 상품 수, 가격 표시, 버튼 동작을 확인하세요.
메인페이지 추천 위젯 상세 설정
아래 항목은 메인페이지 추천 위젯을 구성할 때 먼저 확인하면 좋은 설정입니다. 공통 디자인 설정뿐 아니라, 메인에서 어떤 추천을 몇 줄로 보여줄지와 필터 탭을 어떻게 나눌지까지 함께 결정합니다.
추천 줄과 필터 탭은 다릅니다
추천 줄은 메인페이지에 위아래로 추가하는 추천 묶음입니다. 필터 탭은 한 추천 묶음 안에서 고객이 상품 기준을 바꿔 볼 수 있게 하는 가로 메뉴입니다. 먼저 1~3줄 구성을 정한 뒤, 각 줄에 필터 탭이 필요한지 결정하세요.
1. 메인페이지에 추천 줄 추가하기
메인페이지 추천 위젯은 1줄부터 3줄까지 선택해 구성할 수 있습니다. 추천 줄마다 별도의 추천 상품 목록과 설정을 가질 수 있으므로, 줄 수를 늘릴 때는 상품만 반복하지 말고 각 줄의 역할을 나누는 것이 좋습니다.
추천 줄 수 | 이렇게 구성해 보세요 | 설정할 때 확인하세요 |
1줄 | 메인에서 꼭 보여줄 한 가지 목적만 담습니다. 예: 베스트 상품 또는 신상품. | 메인 화면이 이미 콘텐츠가 많은 경우에 적합합니다. 한 줄 안의 상품 수가 너무 적지 않은지 확인하세요. |
2줄 | 서로 다른 목적의 추천을 나눕니다. 예: 베스트 상품 + 새로 나온 상품. | 두 줄의 상품이나 기준이 겹치지 않게 구성하세요. 각 줄의 제목으로 차이를 바로 알 수 있게 만듭니다. |
3줄 | 카테고리·테마가 분명한 쇼핑몰에서 추천 폭을 넓힙니다. 예: 베스트 + 신상품 + 시즌/기획전. | 위젯이 길어져 메인 핵심 콘텐츠를 밀어내지 않는지 PC와 모바일에서 확인하세요. |
2. 줄마다 추천 상품 설정하기
•
추천 방식 선택: 각 추천 줄에 AI 추천 모델을 연결하거나, 운영자가 직접 지정한 상품을 보여줄 수 있습니다.
•
상품 성격 구분: 베스트 상품·신상품·시즌 상품처럼 줄마다 다른 기준을 정하면 고객이 추천 이유를 쉽게 이해할 수 있습니다.
•
중복 상품 제거: 여러 줄 또는 여러 탭을 함께 사용할 때는 같은 상품이 반복되지 않도록 중복 제거 설정을 확인하세요.
•
추천 후보 확인: 미진열·미판매 상품, 재고가 부족한 상품, 제외 단어가 포함된 상품 등은 공통 추천 필터에 따라 노출에서 빠질 수 있습니다.
3. 필터링 설정하기
필터 사용을 켜면 한 추천 줄 안에서 상품을 여러 탭으로 나눠 보여줄 수 있습니다. 예를 들어 “신상품”, “베스트”, “10만원 이하”처럼 고객이 원하는 기준을 직접 선택하게 할 수 있습니다.
필터에서 정하는 항목 | 설명 |
탭 이름과 노출 여부 | 고객에게 보일 탭 문구를 정하고, 해당 탭을 실제로 노출할지 설정합니다. |
상품 범위 | 카테고리, 가격 하한·상한, 신상품 기준으로 탭마다 보여줄 상품 범위를 좁힙니다. |
정렬 기준 | 최신순, 많이 본 순, 많이 클릭한 순, 많이 팔린 순, 낮은 가격순, 높은 가격순, 사용자 행동 기반, 리뷰 수·평점 기준, 정렬 없음 중에서 선택합니다. |
탭 버튼 디자인 | 칩·버튼·라인 탭·버튼 탭·텍스트 방식, 정렬, 기본·선택 상태 색상, 노출할 탭 수를 조정합니다. |
필터 탭 설정 순서
1.
필터 사용을 켭니다.
2.
고객에게 보여줄 탭을 추가하고, 탭마다 알아보기 쉬운 이름을 작성합니다.
3.
각 탭의 카테고리·가격 범위·신상품 기준을 설정합니다.
4.
탭마다 정렬 기준을 선택합니다. 예: 신상품 탭은 최신순, 베스트 탭은 많이 팔린 순.
5.
필터 버튼 모양과 기본·선택 색상, 버튼 정렬, 노출할 탭 수를 디자인합니다.
6.
실제 메인페이지에서 모든 탭을 눌러 보고, 각 탭에 상품이 충분히 보이며 같은 상품이 반복되지 않는지 확인합니다.
4. 상품 카드와 화면별 표시 설정
•
상품 카드: 썸네일, 상품명, 가격, 옵션명, 리뷰 등 고객에게 보여줄 정보를 선택합니다.
•
상품 수와 넘김: 행·열 수, 페이징·인디케이터·네비게이션, 자동 재생·스와이프와 최소·최대 노출 상품 수를 조정합니다.
•
클릭 동작: 상품 클릭 또는 버튼 클릭 시 상세페이지 이동, 퀵뷰, 장바구니 담기, 장바구니 이동, 커스텀 링크 중 필요한 동작을 설정합니다.
•
PC·모바일: 레이아웃, 상품 카드, 필터 버튼 디자인, 노출 위치는 기기별로 다르게 적용될 수 있습니다. 저장 후 두 화면을 모두 확인하세요.
5. 저장 전 최종 확인
•
추천 줄마다 제목과 추천 목적이 구분되는가
•
필터 탭마다 노출 상품이 충분하며, 빈 탭이나 중복 상품이 없는가
•
PC와 모바일에서 줄 수·상품 수·탭 버튼이 자연스럽게 보이는가
•
상품 클릭과 버튼 클릭이 의도한 페이지 또는 동작으로 연결되는가