멋진 제품 사용자 지정 기능이 있는 3개의 WooCommerce 매장

게시 됨: 2016-11-12

귀하는 귀하의 상점에서 제품을 구매하는 모든 고객이 즐거운 쇼핑 경험을 하기를 원할 것이라고 확신합니다. 깨진 링크, 느린 페이지 및 버려진 장바구니를 피하고 싶습니다.

단순히 브라우징만 하는 것이 아니라 구매할 계획인 제품을 만들고 있는 쇼핑객의 경우 위험 부담이 더욱 커집니다. 맞춤 제작 또는 개인화된 제품은 매출을 극적으로 증가시킬 수 있지만 이러한 제품의 존재로 인해 표준 이미지 갤러리를 뛰어넘는 제품 페이지가 필요하고 장바구니에 추가 버튼이 추가됩니다 .

선택적인 개인화 기능이 있는 제품을 이미 판매하고 있거나 상점에 맞춤 제작품을 추가하는 것을 고려하고 있든 우리는 약간의 영감이 유용할 수 있다고 생각했습니다. 그리고 WooCommerce Showcase 덕분에 영감을 찾기가 결코 어렵지 않습니다.

다음은 제품 페이지에 놀라운 사용자 정의 옵션이 있는 세 곳의 매장과 여러분의 매장에서 이를 실현하는 데 도움이 되는 팁 및 확장 기능을 살펴보겠습니다.

Quero 수제 신발을 직접 디자인하십시오.

제품 개인화의 첫 번째 예는 핸드메이드 제품의 개념에 생명을 불어넣고 숨쉬는 회사에서 나온 것입니다. Quero Handmade Shoes는 고객이 온라인으로 남성용 또는 여성용 가죽 신발을 디자인할 수 있도록 합니다. 주문과 동시에 "수 세대에 걸친 경험"을 지닌 장인이 스페인에서 각 쌍을 손수 제작하여 집 앞까지 배송합니다.

캡티위비비빕
내구성이 뛰어나고 독창적인 수제 가죽 신발이 스페인에서 집 앞까지 배송됩니다.

Quero의 사용자 정의 프로세스는 구매자가 제품 페이지를 보는 순간 시작됩니다 . 그들은 먼저 문제의 신발을 소개하고 샘플 디자인과 변경할 수 있는 몇 가지 사항(색상, 밑창 두께 등)을 설명하는 소개 문구를 제공합니다.

제품 페이지
제품 페이지의 시작, 이것은 여성용 Jane Oxford를 위한 페이지입니다. 색상과 밑창 옵션에서 선택의 자유를 암시하는 카피에 주목하십시오.

"Customize This Shoe..."를 클릭하면 구매자가 페이지 아래로 깔끔하게 디자인된 옵션 드롭다운 메뉴로 이동합니다. 여기에서 색상부터 모자와 신발 앞코의 패턴까지 모든 것을 선택할 수 있습니다.

커스터마이저
사용자 정의 옵션은 읽기 쉽고 물음표 거품에 추가된 팁은 처음 구매자가 변경하려는 항목(및 변경하려는 이유)을 정확히 분류하는 데 도움이 됩니다.

위로 조금 스크롤하면 변경하거나 새로 선택할 때마다 맞춤 신발의 상단과 하단이 모두 표시됩니다.

신발 미리보기
신발 미리보기가 자동으로 업데이트됩니다. 이것은 꽤 외모가 있습니다, 헤이?

또한 각 페이지에는 신발 전체에 패브릭을 적용할 수 있는 옵션이 있어 우유부단한 쇼핑객(또는 다른 발가락 및 힐 색상과 같이 세부적인 세부 사항을 확인하고 싶지 않은 고객)을 위해 시간을 절약할 수 있습니다.

여기 그
색상에 따라 다양한 가죽과 스웨이드 중에서 선택하면 원하는 제품을 쉽게 구분할 수 있습니다.

우리는 Quero의 커스터마이저의 단순함과 모든 페이지의 시작 부분에서 커스텀 신발의 개념이 얼마나 뿌리깊게 자리 잡고 있는지를 좋아합니다. 나만의 가죽 신발을 디자인하는 것은 다소 힘든 경험처럼 들리지만 제품 페이지는 그 과정을 우아하고 즐거운 것으로 바꿔줍니다 .

신발이 손에 닿았을 때(또는 더 적절하게는 발에 닿았을 때) 자랑하고 싶은 것 중 하나입니다. — “제가 직접 디자인했습니다! 보고 싶다?"

ELEVEN 벨로로 스타일리시한 라이딩을 즐겨보세요.

우리는 올해 초 우리 블로그에서 ELEVEN 벨로 이야기를 공유할 만큼 운이 좋았지만 이 맞춤형 사이클링 웨어 제조업체가 어떻게 쇼핑객이 좋아하는 제품을 얻을 수 있게 했는지 다시 한 번 살펴볼 가치가 있습니다.

여기에 캡션
2001년부터 ELEVEN velo는 호주 시드니에 본사를 둔 고객에게 극세 메리노 울로 만든 맞춤형 사이클링 장비를 제공하고 있습니다.

ELEVEN 벨로 매장에서 사이클링 장비(예: 전면 지퍼가 있는 울 저지)를 선택하면 소개 사진, 리뷰 및 핏 정보 갤러리를 보고 바로 맞춤 제작할 수 있습니다.

개인화에 대해 우리가 좋아하는 점은 고객 매장 모두에게 매우 간단하다는 것입니다. 제품 페이지의 왼쪽에서 해당 제품의 평평한 흑백 그림으로 시작합니다. C1에서 C5를 선택하면 그림이 업데이트되고 선택한 색상의 간단한 목록이 표시됩니다 .

져지에 대해 원하는 색상 미리보기
져지에 대해 원하는 색상을 미리 보고 원하는 대로 변경하십시오.

그런 다음 원하는 색상을 결정하면 같은 화면의 오른쪽을 바라보기만 하면 됩니다. 미리보기에서 선택 상자로 이동하기 위해 위나 아래로 스크롤하는 대신 C1 선택 항목에서 C1 상자로 훑어보고 이미 시각화한 동일한 옵션을 선택합니다.

당신의 독을 선택
색상과 크기를 선택하십시오.

다시 말하지만, 단순함이 이 제품을 승자로 만드는 것입니다. 고객은 자신이 주문한 제품이 어떻게 생겼는지 보고 싶어하지만 사실적인 미리 보기는 잠재적으로 서버에 부담을 줄 수 있습니다 (특히 옵션이 많은 경우). 이것은 신속하게 처리하고 여전히 모든 요구 사항을 충족하려는 사람입니다.

세상에 하나뿐인 Joolz 유모차 만들기

마지막으로 살펴볼 매장: "긍정적인 디자인" 이론을 사용하여 맞춤형 유모차를 생산하는 암스테르담 기반 브랜드 Joolz.

표제
Joolz 매장에서 보내는 첫 순간부터 유모차의 맞춤화 측면이 강조됩니다.

Joolz는 제품 페이지를 맞춤화하기 위해 단계별 접근 방식을 취합니다. "자신만의 Joolz 만들기"를 클릭하면 유모차의 모델, 컬렉션, 패브릭 및 마지막으로 액세서리를 선택하는 과정이 안내됩니다.

사용 가능한 옵션은 선택할 때마다 변경되므로 두 번째 단계로 돌아가서 다른 컬렉션에서 유모차를 선택하는 경우 정확한 가격과 제품 미리보기를 보려면 옵션 3에서 패브릭을 다시 선택해야 합니다.

당신은 단계별로 각 항목을 선택
단계별로 각 항목 선택 — Joolz가 경험을 안내합니다.

유모차의 구성을 선택하면 화면 크기에 따라 커스터마이저 위 또는 옆에 있는 사진이 실시간으로 업데이트됩니다. 최종 단계에 도달하고 미리보기에 만족하면 사용자 정의 Joolz를 장바구니에 추가하고 주문하기만 하면 됩니다.

Joolz 사용자 정의 경험에 대해 정말 좋아하는 것 중 하나는 모바일 장치에서 얼마나 원활하게 작동하는지 입니다. 설정을 많이 변경하거나 화면 크기가 어색해도 모든 것이 완벽하게 조정되어 모든 장치에서 디자인할 수 있습니다. 모든 상점이 그렇게 주장할 수 있는 것은 아닙니다!

모바일 기기에서도 쉽게 디자인할 수 있습니다.
모바일 기기에서도 쉽게 디자인할 수 있습니다.

또한 화면에 표시되는 위치 덕분에 맞춤 유모차를 미리 보려면 최소한의 스크롤이 필요합니다(기기에 상관없이). 우리가 감사하지 않을 수없는 것은 디자인에 대한 이러한 종류의 사려 깊음입니다.

WooCommerce로 놀라운 커스터마이징이 가능한 방법

제품 페이지에 개인화, 맞춤화 또는 "키트"를 제공하는 방법은 여러 가지가 있습니다 . 다음은 우리가 시도할 것을 권장하는 몇 가지 WooCommerce 확장이며 이 세 가지 상점에서 대부분 사용하고 있습니다.

  • 제품 추가 기능 – 조각, 고품질 패브릭, 선물 포장 또는 확인란, 드롭다운 메뉴 또는 라디오 버튼을 통해 생각할 수 있는 모든 것과 같은 간단한 옵션을 추가합니다.
  • 복합 제품 – 고객이 원하는 만큼 옵션이나 선택이 가능한 복잡한 제품을 만들 수 있도록 하십시오. 이는 키트 또는 다중 선택 제품을 만드는 핵심입니다.
  • 변형 견본 및 사진 – 색상 또는 패브릭 스타일에 대한 드롭다운 메뉴를 견본 또는 사진으로 교체하여 쇼핑객이 옵션을 시각화할 수 있도록 합니다.
  • 추가 변형 이미지 – 더 나은 기능: 모든 변형에 대한 사진을 추가하여 메일에 무엇이 도착할지 의심의 여지가 없습니다.

물론 이러한 확장의 범위를 넘어서는 개인화 또는 사용자 정의 제품을 표시하려는 아이디어가 있을 수 있습니다. 그런 경우 개발자(예: WooExperts 중 한 명)에게 연락하여 맞춤형 솔루션을 구축하는 것이 좋습니다.

이 놀라운 상점에서 영감을 얻으십시오

이 제품 사용자 정의 쇼케이스가 귀하의 비즈니스에 대한 몇 가지 아이디어를 제공했기를 바랍니다. 이미 맞춤형 디자인을 제공하고 있고 단순히 제품 페이지를 강화해야 하거나 영감을 찾고 있는지 여부에 관계없이 여기에서 많은 것을 배울 수 있습니다.

더 많은 아이디어를 찾고 계신가요? WooCommerce Showcase를 둘러보세요. 맞춤형 제품부터 독특한 구독 서비스, 주문형으로 배송되는 미니어처 해파리(정말로!)에 이르기까지 더 많은 것을 볼 수 있습니다.

읽어 주셔서 감사합니다. 항상 그렇듯이 이 게시물에 대한 질문은 댓글에 남겨주세요.

권장 읽기:

  • 10가지 제품 페이지 기능 및 이를 가능하게 하는 확장 기능
  • 모든 훌륭한 제품 페이지에 있어야 할 기능