• 가이드

쇼핑 위젯

위젯 소개

쇼핑 위젯은 내 사이트를 쇼핑몰로 구성할 때 필수적으로 필요한 위젯입니다. 쇼핑 위젯은 관리자 페이지의 상품관리에서 추가한 상품을 방문자가 보고 구매할 수 있도록 페이지에 표시하는 역할을 합니다.

상품을 표시하는 원리

쇼핑 위젯의 핵심 기능은 관리자 페이지에서 등록한 상품 데이터를 불러와 출력하는 것입니다. 상품은 개별적으로 불러오지 않고, 카테고리 단위로 불러오게 됩니다.

사용자는 먼저 관리자 페이지에서 상품을 추가하고, 해당 상품에 카테고리를 부여할 필요가 있습니다. 그럼 하나의 카테고리에 여러 개의 상품들이 포함되는데, 이 카테고리에 속한 상품들을 모두 불러와 쇼핑 위젯에 표시할 수 있게 되는 거죠.

의류 쇼핑몰을 만들려는 사용자를 예로 들어보겠습니다. 사용자는 T-Shirts라는 카테고리를 생성하고, 해당 카테고리에 다양한 종류의 티셔츠 상품을 추가할 수 있습니다.

이제 사용자는 디자인 모드에 진입해 쇼핑 위젯을 추가하고, 쇼핑 위젯과 연동할 카테고리로 T-Shirts를 선택합니다. 그럼 T-Shirts 카테고리에 속한 모든 티셔츠 상품들이 쇼핑 위젯에 표시되는 걸 확인할 수 있습니다.

쇼핑 위젯 추가 시 활성화되는 기능

쇼핑 위젯을 추가하면 회원이 웹사이트에서 쇼핑하기 위한 다음과 같은 기능들이 활성화됩니다.

  • 메뉴명이 연동한 카테고리명으로 변경됩니다. 만약 연동한 카테고리에 하위 카테고리가 있는 경우, 메뉴도 카테고리와 똑같이 변경됩니다.
  • 상품 상세 정보를 출력하기 위한 상품 상세페이지가 생성됩니다. 상품 상세페이지에 표시되는 요소(상품명, 상품 이미지, 가격, 상세설명, 옵션 등)들은 상품 추가 시 등록입니다.
  • 장바구니마이페이지 메뉴가 생성됩니다.
  • 비회원도 상품을 구매할 수 있으며, 쇼핑등급 기능을 사용하는 경우 회원등급별 할인, 적립금, 무료배송 혜택을 제공하는 것도 가능합니다.

쇼핑 위젯은 1개 페이지(메뉴)에 1개만 사용 가능하며, 더 다양한 상품을 동일한 페이지에 표시하려면 쇼핑 기획전 위젯을 사용해 주세요.

쇼핑 위젯 설정항목

쇼핑 위젯의 설정항목은 크게 쇼핑 설정뱃지 설정으로 나눠집니다.

쇼핑 설정

쇼핑 위젯에 연동할 카테고리를 선택하고, 쇼핑 위젯에 표시할 요소 선택 및 디자인을 변경할 수 있습니다.

  • 표시옵션: 상품 목록에 표시할 요소들을 선택 또는 선택 해제합니다.
  • 진열: 쇼핑 위젯과 연동할 카테고리를 선택하고, 상품 순서를 정렬하거나 출력할 상품 수를 선택합니다.
  • 디자인: 쇼핑 위젯의 디자인을 수정합니다. 이미지 비율 옵션에서 선택한 비율은 상품 상세페이지 이미지에도 영향을 줍니다.
뱃지 설정

쇼핑 위젯에 표시되는 뱃지의 모양을 변경할 수 있습니다. 카메라 아이콘을 클릭해, 원하는 뱃지의 모양으로 변경해 주세요. 뱃지 이미지 제작 시 모바일 기기 해상도를 고려해 이미지의 세로 크기는 44픽셀을 권장합니다.

목록으로

시작이 어려우신가요?

교육 받아보시면 쉽습니다.

온라인 교육 바로가기

한 번 이용하면 팬이 됩니다.

아임웹에서 당신의 생각을 표현해보세요.
704.5K
누적 사이트 이용 수
이미 수만 명이 아임웹 팬이 되어
각자의 생각을 표현하고 있습니다.
315
일 평균 사이트 개설 수
지금 이 순간에도 매일
새로운 브랜드가 소개되고 있습니다.
3.3K
전국 파트너/리셀러 수

아임웹 공식제휴사

아임웹은 페이팔, KG이니시스, 네이버, KCP, 나이스페이, 이지페이, 엑심베이 공식파트너입니다.