스토어 블록: 상품 그리드, 상품, 장바구니, 결제
상품 그리드, 단일 상품, 상품 페이지, 장바구니, 결제, 리뷰 등의 스토어 블록으로 상품을 보여 주고 주문을 받으며, 각 설정의 기능을 알아봅니다.
스토어 블록은 판매하는 상품을 보여 주고 고객이 구매할 수 있게 합니다. 블록은 왼쪽 패널의 스토어 그룹에 있습니다. 상품 자체는 에디터가 아니라 사이트 대시보드에서 관리합니다. 블록은 상품을 표시하기만 하므로, 가격을 바꾸거나 상품을 추가하면 그 상품을 보여 주는 모든 블록이 업데이트됩니다.
스토어 블록 한눈에 보기
| 블록 | 표시되는 내용 |
|---|---|
| 상품 그리드 | 쇼핑 페이지나 베스트셀러 행처럼 여러 상품을 그리드로 보여 줍니다. |
| 단일 상품 | 상품 하나를 카드로 보여 주며, 어디에서든 대표 상품으로 소개할 수 있습니다. |
| 상품 페이지 | 상품 하나의 전체 페이지입니다. 사진, 가격, 설명, 장바구니에 담기 버튼이 포함됩니다. |
| 장바구니 | 고객이 고른 상품, 합계, 결제 버튼을 보여 줍니다. |
| 결제 | 고객이 정보를 입력하고 결제하는 양식입니다. |
| 리뷰 | 상품 하나의 평점과 리뷰입니다. |
사이트에는 이미 각각 블록이 들어 있는 장바구니 페이지와 결제 페이지, 그리고 모든 상품 페이지가 함께 쓰는 하나의 레이아웃이 있습니다. 장바구니, 결제, 상품 페이지 블록을 직접 추가해야 할 일은 거의 없습니다.
상품 그리드
페이지에 상품 그리드를 끌어다 놓은 다음 클릭해 설정을 엽니다.
일반 아래의 설정은 다음과 같습니다.
- 카테고리는 그리드를 하나의 카테고리로 제한하거나 전체 상품을 보여 줍니다.
- 정렬은 상품을 정렬합니다. 지정한 순서, 최신순, 이름순, 가격 낮은순, 가격 높은순 중에서 선택합니다.
- 표시 개수는 표시할 상품의 수를 제한합니다. 전체로 두면 모든 상품이 표시됩니다.
- 고객 필터는 고객이 카테고리별, 태그별, 카테고리와 태그별로 그리드를 좁힐 수 있는 버튼을 추가합니다.
- 페이지당 상품 수는 긴 그리드를 여러 페이지로 나눕니다. 한 페이지에 전체 표시로 두면 페이지가 나뉘지 않습니다.
- 장바구니에 담은 후 바로 결제로 이동을 켜면 고객이 상품을 담는 즉시 결제로 이동합니다. 대부분의 고객이 둘 이상의 상품을 구매한다면 꺼 두세요.
- 상품을 팝업으로 열기는 상품을 팝업으로 보여 줘서 고객이 그리드에서 보던 위치를 유지하게 합니다. 꺼 두면 상품을 클릭할 때 해당 상품의 페이지가 열립니다. 상품 간 화살표와 두 가지 화살표 색상은 이 팝업에 적용됩니다.
모양 아래에서는 열 개수, 그리드 간격, 사진의 모양을 설정합니다. 가격 표시, 카테고리 표시, 장바구니 담기 버튼 표시를 켜거나 끄고, 버튼 텍스트를 바꾸고, 카드 배경과 카드 텍스트 색상을 설정할 수 있습니다.
상품을 정리하는 방법은 카테고리와 태그로 상품 정리하기를, 한 페이지를 쇼핑 페이지로 지정하는 방법은 쇼핑 페이지 설정하기를 참고하세요.
단일 상품
단일 상품을 사용하면 홈 페이지 등 어떤 페이지에든 상품 하나를 놓을 수 있습니다. 상품 아래에서 상품을 고르세요. 사진의 모양을 바꾸고, 가격과 장바구니 담기 버튼을 표시하거나 숨기고, 버튼 텍스트를 바꾸고, 카드 색상을 설정할 수 있습니다.
상품 페이지
모든 상품이 함께 쓰는 페이지는 한 번만 디자인하면 됩니다. 에디터 상단의 페이지 목록에서 상품 템플릿을 선택하세요. 첫 번째 상품이 대신 표시되지만, 변경한 내용은 모든 상품에 적용됩니다.
상품 페이지 블록을 클릭하면 사진 갤러리, 설명, SKU, 리뷰를 켜거나 끌 수 있습니다. 버튼 텍스트도 바꿀 수 있습니다. 돌아가기 링크 아래에서 상품 위쪽 링크가 이동할 곳과 표시할 문구를 선택하세요. 기본적으로는 쇼핑 페이지로 이동합니다. 자세한 내용은 상품 페이지의 작동 방식을 참고하세요.
장바구니
장바구니 블록은 장바구니 페이지에 있습니다. 설정 항목은 제목, 빈 장바구니 메시지, 합계 표시, 결제 버튼 텍스트와 배경 및 텍스트 색상입니다. 고객의 장바구니는 결제하기 전까지 고객 본인의 브라우저에 보관됩니다.
헤더의 장바구니 아이콘은 같은 페이지에서 장바구니 패널을 열어 주므로, 고객이 보던 화면을 벗어날 일이 거의 없습니다.
결제
결제 블록이 곧 결제 페이지입니다. 왼쪽에는 고객의 정보가, 오른쪽에는 주문 내용, 할인 코드, 결제 버튼이 표시됩니다.
일반 아래의 설정은 다음과 같습니다.
- 제목은 양식 위에 표시되는 제목입니다.
- 배송지 입력받기는 주소, 시, 주, 우편번호, 국가 입력란을 추가합니다. 배송 지역과 지역별 세금은 주소로 요율을 계산하므로, 이를 설정했다면 켜 두세요.
- 전화번호 입력받기와 주문 메모 허용은 선택 입력란을 추가합니다.
- 사이트 메뉴 표시와 푸터 표시는 기본적으로 꺼져 있어서, 고객에게는 로고만 보이고 결제에 집중할 수 있습니다. 필요하면 둘 중 하나를 켜서 다시 표시하세요.
나머지 그룹은 페이지의 스타일을 설정합니다.
- 카드 결제 버튼은 신용카드 버튼의 텍스트, 색상, 아이콘을 바꿉니다.
- PayPal 버튼은 PayPal 고유의 문구와 색상을 제공합니다. PayPal 이름이 들어간 버튼에는 다른 것을 추가할 수 없습니다.
- 두 버튼 모두는 모서리 둥글기, 크기, 배치(세로 쌓기 또는 가로 나열), 먼저 표시할 버튼을 설정합니다.
- 할인 코드는 코드 입력 상자의 크기를 설정합니다. 상자는 고객이 사용할 수 있는 코드가 있을 때만 표시됩니다.
- 버튼 아래 안내 문구는 안심시키는 문구 한 줄을 켜거나 끄고, 직접 작성할 수 있게 하며, 정렬을 설정합니다.
결제 버튼은 Stripe 또는 PayPal이 연결되어 있을 때 나타납니다. 결제의 작동 방식을 참고하세요.
리뷰
리뷰 블록은 상품 하나의 평점과 작성된 리뷰를 보여 줍니다. 상품 아래에서 상품을 고르고, 제목을 지정하고, 평점 요약 표시와 고객이 리뷰를 쓸 수 있게 허용을 켜거나 끄세요. 리뷰는 누군가 페이지를 방문할 때 불러오므로 새 리뷰는 다시 게시하지 않아도 나타납니다. 로그인한 고객만 리뷰를 작성할 수 있습니다. 상품 페이지에는 이미 리뷰가 포함되어 있으므로, 다른 곳에 리뷰를 표시하고 싶을 때 이 블록을 사용하세요. 상품 리뷰 수집 및 관리를 참고하세요.