페이지에 상품을 진열하는 4가지 방법

아임웹은 쇼핑몰 제작에 필요한 여러 도구를 제공하며, 사용자는 이 도구들을 응용해 다양한 방법으로 상품을 진열하고 페이지를 꾸밀 수 있습니다. 이 도움말에서는 페이지에 상품을 진열하는 대표적인 4가지 방법을 소개합니다.

시작에 앞서

상품을 페이지에 진열하고 디자인하기에 앞서 쇼핑 기본설정이 필요합니다. 아래 도움말을 참고해 쇼핑 환경을 설정하고 상품 카테고리를 구성한 다음에 상품(들)을 등록해 주세요.

쇼핑몰 시작하기

구성방법

방법1: 기본 상품 진열하기

디자인 모드에서 페이지에 쇼핑 위젯을 추가하고 등록한 상품을 카테고리 단위로 불러올 수 있습니다. 카테고리 연결 후 자동 생성된 하위 카테고리는 디자인 모드에서 편집이 불가하며 관리자 페이지의 카테고리 관리에서 가능합니다.

상품 진열하기

장점

  • 최상위 카테고리를 연동하면 하위 카테고리는 메뉴가 자동 생성됨

단점

  • 카테고리 페이지 별 디자인 불가

방법2: 상위 상품 카테고리마다 개별 디자인하기

쇼핑 기획전 위젯을 활용해 메뉴마다 다른 디자인으로, 다른 카테고리의 상품들을 진열하는 게 가능합니다. 이 방식으로 제작된 쇼핑 메뉴들은 디자인 모드의 메뉴 관리에서 편집이 가능해집니다.

단, 각 메뉴의 쇼핑 기획전 위젯에 연결한 상품 카테고리 또는 기획전은 관리자 페이지에서 편집해야 합니다.

상품 카테고리별 다른 디자인 적용하기

장점

  • 카테고리 페이지 별 디자인 가능

단점

  • 각 카테고리 별 연동과 관리가 필요하여 번거로움

방법3: 전체 상품 카테고리 표시하기

상품에 2개 이상의 카테고리를 지정할 수 있는 점을 응용해, 전체 상품 카테고리를 추가할 수 있습니다.

SHOP 쇼핑 메뉴에 전체상품 표시하기 (상품 카테고리)

장점

  • 전체 상품을 한 눈에 볼 수 있음

  • 개별 카테고리에서 전체 상품으로 이동하기 쉬움

단점

  • 카테고리 페이지 별 디자인 불가

방법4: 버튼/링크 클릭 시 상품 상세페이지로 이동하기

상품 수가 적어 쇼핑 또는 쇼핑 기획전 위젯으로 상품을 진열하기 어려운 경우, 아래 그림과 같이 버튼/링크 클릭 시 상품 상세페이지로 이동하도록 구성할 수 있습니다. 이 방법은 특별한 날에, 특별한 상품을 페이지에 소개하고 구매 페이지로 이동하도록 연결할 때도 사용됩니다.

  1. 상품 소개 페이지를 디자인하고, 버튼 위젯을 추가합니다.
  2. 버튼 위젯에 마우스 포인터를 올리고, 마우스 오른쪽 버튼을 클릭합니다.
  3. 링크 항목에 상품 URL을 입력합니다.
    참고: 상품 URL은 상품 URL 확인 방법 도움말을 참고해 확인할 수 있습니다.
  4. 디자인 모드 오른쪽 상단의 미리보기 아이콘을 클릭해 테스트합니다.
  5. 문제가 없다면 디자인 모드로 돌아가 게시하기 버튼을 클릭합니다.

장점

  • 특별하게 구성할 수 있음

단점

  • 여러 개의 상품을 연동하면 관리가 어려움

별첨: 메뉴 리스트 위젯으로 하위 상품 카테고리 표시하기

방문자의 상품 카테고리 선택 편의를 위해, 아래 그림과 같이 카테고리를 페이지에 표시할 수 있습니다. 카테고리 나열에는 메뉴 리스트 위젯이 사용됩니다.

전체 상품 카테고리 추가 및 메뉴 리스트 삽입하기


목록으로