매장을 계획하세요

전자상거래 컬렉션의 데이터를 사용하여 Webflow 전자상거래 제품 페이지를 디자인하세요.

제품 카탈로그를 구축한 후에는 분류 목록을 사용하여 첫 페이지와 기타 고정 페이지 또는 컬렉션 페이지에서 상품 및 제품 카테고리를 강조할 수 있습니다. 컬렉션 목록의 항목 수를 구체화하고, 구성하고, 페이지를 매기고 제한할 수 있습니다. 그리고 완전히 개인화된 제품 쇼케이스를 갖게 될 것입니다!

그런 다음 "장바구니에 추가" 요소, 장바구니 요소 및 결제 프로세스의 모양과 분위기를 조정하여 구매 경험이 나머지 창작물과 원활하게 조화를 이루도록 할 수 있습니다.

이 튜토리얼 내에서
  1. 온라인 상점 페이지
  2. 온라인 상점 구성 요소
  3. 온라인 상점 컬렉션 목록

온라인 상점 페이지

구성하고 스타일을 지정할 수 있습니다. 상품 그리고 카테고리 CMS 분류 페이지와 동일한 방식으로 페이지를 구성합니다. 페이지 컬렉션에는 결제 프로세스를 개인화할 수 있는 두 개의 새로운 보조 페이지도 있습니다. 그만큼 구입 페이지는 고객이 쇼핑을 마치고 결제를 진행한 후 처음 접하게 되는 페이지입니다. 주문을 제출한 후 다음 페이지로 이동됩니다. 주문 확인 페이지. 두 페이지를 모두 수정하고 맞춤화하여 상점의 나머지 부분과 원활하게 조화를 이룰 수 있습니다.

더 발견하다:

  • 분류 페이지 생성 및 구성
  • RSS 피드 구성
  • 결제 프로세스 개인화

온라인 상점 구성 요소

전자 상거래를 통해 귀하는 디자인에 온라인 거래 기능을 통합하고 제품을 장바구니에 담는 것부터 장바구니를 검토하고 조정하는 것까지 쇼핑 여정 전반에 걸쳐 인터넷 쇼핑객을 이끌 수 있는 새로운 요소와 기능을 선택하게 됩니다. 구매를 완료하고 주문 확인을 받습니다.

쇼핑 바구니

장바구니를 고정 페이지나 분류 페이지에 통합하고 장바구니 버튼과 장바구니 자체를 전체적으로 조정하고 스타일을 지정하세요. 귀하는 장바구니를 개인화할 수 있는 다양한 옵션을 보유하고 있습니다.

장바구니에 추가

장바구니에 추가 요소를 상품 페이지 또는 상품 분류에 연결된 분류 목록에 첨부할 수 있습니다. 이를 통해 고객은 장바구니에 제품을 담을 수 있습니다. 원하는 방식으로 버튼을 조정할 수 있습니다. 수량 입력 필드를 포함할지 여부를 결정하고, 기본 상태는 물론 품절 및 오류 상태를 디자인할 수 있습니다.

온라인 결제

이를 통해 결제 양식이나 장바구니에 온라인 결제를 포함시킬 수 있습니다.

‍결제 기능

체크아웃 양식에는 다양한 구성 요소가 포함되어 있으며 그 중 일부는 작동에 꼭 필요하며 상위 구성 요소에서 제외할 수 없습니다.

주문 확인 기능

주문 확인 구성 요소에는 수많은 하위 구성 요소도 포함되어 있습니다. 이 구성 요소는 완전히 사용자 정의할 수 있으며 추가 패널에서 하위 구성 요소를 추가할 수 있습니다.

온라인 상점 구색 목록

구색 목록을 활용하여 제품 그리드를 형성하고 첫 페이지와 기타 고정 또는 구색 페이지에 category 목록을 선보일 수 있습니다. 예를 들어 블로그 모음에서 제품을 추천한 경우 제품 세부 정보를 검색하여 블로그 기사에 표시할 수도 있습니다.

더 발견하다: 분류 목록을 사용하여 분류 항목 표시

아이템 탐색

당신은 고용할 수 있습니다 사이트 검색 구매자가 귀하의 사이트에서 특정 콘텐츠를 탐색할 수 있도록 하는 개인화된 검색 엔진을 구축합니다.

더 발견하다: 사이트 검색 구축

이완 막
Ewan Mak의 최신 게시물 (모두 보기)