가게 앞이 뭐죠?

Adobe Commerce 또는 Magento Open Source 구현 내에서 상점 전면은 상점의 외부 공개 부분입니다. 고객이 쇼핑하고 구매하는 데 사용하는 콘텐츠 및 기능 구성 요소를 제공합니다.

고객이 판매하는 경로를 구매 경로 ​라고도 하며, 상점에는 고객이 이 경로를 완료할 수 있도록 구성 요소가 포함되어 있습니다. 다음 섹션에서는 전략적 가치를 제공하는 기본 페이지 유형(고객이 스토어에서 쇼핑하는 동안 주로 방문하는 위치)에 대한 개요를 제공합니다. 이를 검토할 때 고객 여정의 각 단계에서 사용할 수 있는 다양한 스토어 기능을 고려하십시오.

홈 페이지

대부분의 사람들이 다른 곳에 머무르거나 다른 곳으로 이동하기 전에 페이지에서 몇 초만 보내는 것을 알고 계십니까? 인상을 남기는 것은 그리 길지 않다. 연구에 따르면 사람들은 또한 특히 다른 사람들의 사진을 좋아한다고 합니다. 어떤 디자인을 선택하든 홈 페이지의 모든 것은 방문자를 판매 프로세스의 다음 단계로 이동시킵니다. 이 아이디어는 관심의 한 지점에서 다음 지점으로 집중적인 흐름으로 그들의 주의를 유도하는 것이다.

Example storefront 홈 페이지

카탈로그 페이지

카탈로그 페이지 목록에는 일반적으로 작은 제품 이미지와 간단한 설명이 있으며 목록 또는 격자로 서식을 지정할 수 있습니다. 블록, 비디오 및 키워드가 풍부한 설명을 추가하고 프로모션 또는 시즌을 위한 특별한 디자인을 만들 수도 있습니다. 다양한 카테고리의 제품을 선별한 컬렉션인 라이프스타일 또는 브랜드를 특징으로 하는 특별한 카테고리를 만들 수 있습니다.

초기 제품 설명은 보통 쇼핑객에게 더 자세히 살펴볼 수 있을 만큼 충분한 정보를 제공합니다. 본인이 원하는 것을 알고 있는 사람은 장바구니에 제품을 추가해 가지고 갈 수 있다. 계정에 로그인한 상태에서 쇼핑하는 고객은 개인화된 쇼핑 경험을 즐깁니다.

상점 앞 컬렉션 페이지

검색 결과

탐색 기능만 사용하는 사람보다 검색을 사용하는 사람이 구매 가능성이 거의 두 배 높다는 사실을 알고 계십니까? 이러한 구매자는 사전 자격을 갖춘 ​것으로 간주할 수 있습니다.

Adobe Commerce용 Live Search을(를) 사용하면 스토어에서 빠르고, 관련성이 높고, 직관적인 검색 환경을 제공할 수 있으며, Adobe Commerce에서 추가 비용 없이 사용할 수 있습니다.

실시간 검색 예 - 입력한 대로 검색

표준 카탈로그 검색

표준 카탈로그 검색을 사용하는 저장소에 오른쪽 상단의 검색 상자와 바닥글의 고급 검색 링크가 있습니다. 구매자가 제출하는 모든 검색어가 저장되므로 고객이 찾고 있는 항목을 정확하게 확인할 수 있습니다. 제안을 제공하고 동의어와 일반적인 철자를 입력할 수 있습니다. 그런 다음 검색어를 입력할 때 특정 페이지를 표시합니다.

표준 카탈로그 검색 결과의 예

제품 페이지

제품 페이지에는 많은 작업이 진행 중입니다. 제품 페이지에서 가장 먼저 눈길을 끄는 것은 고해상도 줌과 썸네일 갤러리가 돋보이는 메인 이미지다. 가격 및 가용성 외에도 자세한 정보와 관련 제품 목록이 포함된 탭 섹션이 있습니다.

Example storefront 제품 페이지

장바구니

장바구니는 할인 쿠폰 및 예상 배송과 세금과 함께 주문 총액을 결정할 수 있는 곳이며, 신탁 배지와 도장을 표시할 수 있는 좋은 장소입니다. 마지막 1개 항목을 제공할 수 있는 이상적인 기회이기도 합니다. 크로스셀에서는 특정 품목이 장바구니에 표시될 때마다 충동 구매로 제공할 특정 품목을 선택할 수 있습니다.

상점 장바구니 페이지 예제

체크아웃 페이지

체크아웃 프로세스는 다음 두 단계로 구성됩니다.

  1. 배송 정보

    체크아웃 프로세스의 첫 단계는 고객이 배송 주소 정보를 완성하고 배송 방법을 선택하는 것입니다. 고객이 계정을 보유한 경우 배송 주소가 자동으로 입력되지만 필요한 경우 변경할 수 있습니다.
    게스트 고객이 이전에 등록한 것으로 인식된 이메일 주소를 입력하면 스토어 구성의 Enable Guest Checkout Login 필드가 Yes(으)로 설정된 경우 로그인 프롬프트가 표시됩니다(구성 참조 안내서 ​의 Checkout Options 참조). 그러나 이 설정은 인증되지 않은 사용자에게 고객 정보를 노출할 수 있습니다.

    Storefront 체크아웃 페이지 예제 {width="700"}

  2. 검토 및 지급 정보

    체크아웃 프로세스의 두 번째 단계는 고객이 결제 방법을 선택하고 선택적으로 할인 코드를 적용하는 것입니다.

    note note
    NOTE
    Commerce에서 여러 쿠폰 코드를 구성할 수 있지만 고객은 하나의 쿠폰 코드만 장바구니에 적용할 수 있습니다. 자세한 내용은 쿠폰 코드를 참조하십시오.

    Storefront 체크아웃 페이지 예제 {width="700"}

페이지 맨 위에 있는 진행률 표시줄은 체크아웃 프로세스의 각 단계를 따르며 주문 요약 ​에는 이 시점까지 입력된 정보가 표시됩니다.

NOTE
2단계 체크아웃 예외 사항은 가상 및/또는 다운로드 가능한 제품에 적용됩니다. 장바구니에 이러한 유형의 제품만 있는 경우, 배송 정보가 필요하지 않으므로 체크아웃이 자동으로 한 단계 절차로 변환됩니다.
recommendation-more-help
31746fd0-1ead-45b5-9192-1aaf582c5f66