Shop Kit로 더 나은 제품 페이지를 만드는 5가지 방법

게시 됨: 2022-09-15

Kadence Shop Kit 2.0의 출시와 함께 전 세계의 WooCommerce 사이트 소유자는 이 혁신적인 플러그인에서 사용할 수 있는 도구를 사용하여 보다 효과적인 제품 페이지를 만들기 시작했습니다.

최근 Page Builder Summit에서 Kadence 설립자 Ben Ritner는 사이트 방문자를 브랜드 고객으로 전환하는 데 제품 페이지가 중요한 이유에 대한 개요를 제공했습니다. 해당 비디오는 현재 YouTube 채널에서 볼 수 있으며 아래에 포함되어 있습니다.

Kadence Shop Kit를 막 시작하는 경우 제품 페이지에서 어떤 영역을 사용자 정의해야 하는지 궁금할 수 있습니다. WooCommerce 제품 페이지를 더욱 강력하게 만드는 데 사용할 수 있는 전략을 강조하는 Kadence Shop Kit를 이제 막 시작하는 경우 빠르고 실행 가능한 몇 가지 단계를 알려드리고자 합니다. 영감을 얻기 위해 전자 상거래 제품을 잘 표시하는 일부 사이트와 함께 최고의 팁을 포함했습니다.

1. 명확하고 간결한 메시지로 스크롤 전략 수립

효과적인 페이지 디자인 전략은 사이트의 "스크롤 없이 볼 수 있는 부분"(즉, 페이지 로드 시 즉시 표시되는 페이지)에 고객이 구매하기 전에 알아야 할 모든 것을 포함하는 것입니다. 이 공간에서 잠재 고객의 관심을 끌 수 있는 시간은 단 몇 분뿐이므로 가능한 한 이해하기 쉽게 제안해야 합니다. 청중이 제품을 구매하여 얻을 수 있는 것을 명확하게 보여줍니다. 가장 높은 수준에서 해당 피치를 명확하게 한 다음 페이지의 나머지 부분을 사용하여 증거와 함께 해당 메시지를 뒷받침합니다. 그것이 평가인지, 효능을 설명하는 테스트 데이터 또는 기술 세부 사항, 측정 등인지 여부입니다. 더 아래로 더 복잡한 데이터를 제공하십시오. 페이지.

Love Hair는 제품 이점을 강조하는 데 이 일을 훌륭하게 수행합니다. 비디오를 포함하여 잘 배치된 제품 사진은 몰입형 경험에서 제품을 보여줍니다. 강조 표시된 읽기 쉬운 평가는 사용자가 아래로 스크롤할 때 색상으로 강조 표시되고 쇼핑 TL;DR 사실은 아코디언에서 사용할 수 있으며 그룹화된 평가는 페이지 아래에서 사용할 수 있습니다.

러브 헤어 제품 페이지

Kettle & Fire는 구독 기반 구매를 수행하고 제안을 매우 쉽게 이해할 수 있는 또 다른 사이트입니다. 스크롤 없이 볼 수 있는 부분에는 지금 구매를 클릭하는 데 필요한 모든 것이 있으며 사용자가 더 아래로 스크롤할 때 추가 정보가 있습니다.

주전자 불 제품 페이지

2. 페이지당 하나의 목표에 집중

WooCommerce는 페이지당 하나의 제품에 중점을 두도록 설계되었지만 상점 소유자는 종종 많은 제품을 함께 판매할 이유가 있을 수 있습니다. 각 페이지에는 하나의 클릭 유도 문안만 있어야 하며 해당 행동은 제품을 구매하는 것이어야 합니다.

누군가가 귀하의 메일링 리스트에 가입하도록 하는 것을 목표로 하는 랜딩 페이지가 있는 경우 해당 페이지에 여러 클릭 유도문안을 추가하려는 유혹을 받지 마십시오. 그것이 특정 방문 페이지의 목표라면 새로운 이메일 관계를 얻는 것이 좋습니다. 당신은 항상 관계를 발전시키고 나중에 판매를 할 수 있습니다.

고객을 위한 여정을 개발하는 데 매우 신중을 기하세요. 고객이 귀하의 제품 페이지를 보고 있다면 이미 구매자 여정의 교육 및 평가 단계를 거쳤음을 기억하십시오. 그들은 지금 구매를 평가하고 타이어를 발로 차고 있으며 디지털 마케팅 담당자로서 조치를 취하고 판매를 성사하도록 돕는 것이 귀하의 임무입니다.

제품 페이지의 주요 초점은 체크아웃을 준비하기 위해 장바구니에 제품을 추가하는 다음 단계를 수행하도록 하는 것입니다.

3. 구매 버튼 최적화

클릭 유도문안은 페이지에서 가장 중요한 요소가 될 것입니다. 전면과 중앙에 밝고 찾기 쉬운지 확인하십시오. 방문자가 버튼 위에 마우스를 놓을 때 버튼에 생기를 불어넣는 호버 효과는 조치를 취하라는 시각적 신호를 제공합니다. "지금 구매" 또는 "장바구니에 추가" 텍스트가 명확하고 간결한지 확인하고 너무 영리해지지 마십시오.

그러나 올바르게 수행하면 현명한 구매 버튼이 제품에 대한 관심을 끌 수 있습니다.

Montana Hudson은 "I want it"이라고 적힌 구매 버튼으로 영리한 일을 합니다. 네, 감사합니다. 그래요!

몬태나 허드슨 나는 그것을 원한다

물론 어떤 종류의 영리함도 몇 가지 테스트를 통해 구현해야 합니다. Optimizely와 같은 도구를 사용하여 A/B 테스트를 실행하여 클릭 유도문안이 방문자를 고객으로 전환하는 데 최적화되어 있는지 확인합니다.

4. 제품 설명 텍스트를 쉽게 훑어보기 쉽게 만드십시오.

우리가 인터넷과 함께 텍스트 기반 검색 중심의 시장으로 성장했지만 사이트 방문자가 귀하의 페이지를 방문하면 스키밍에 더 관심이 있다는 것이 아이러니하지 않습니까? 고객이 있는 곳에서 고객을 만나는 목표에 집중하세요.

사본을 간결하게 유지하십시오. 단락을 3 문장 이하로 제한하십시오. 카피 정의를 제공하고 훑어보기 쉬운 글꼴을 사용하십시오.

그리고 읽을 가치가 있는 사본을 만드십시오.

푸푸리는 카피를 잘 활용하여 금기시되는 주제에 대해 제품 설명을 재미있게 읽을 수 있도록 합니다. 계속 읽으십시오. 우리는 당신이 그것을 읽고 싶어한다는 것을 알고 있습니다.

푸푸리 상품설명

5. 고품질 사진 사용

판매용 제품을 제시할 때 사이트 방문자를 위한 몰입형 경험을 만들려고 합니다. 그렇게 함으로써, 그들은 당신의 제품을 소유할 때 해결된 문제 또는 높은 정체성으로 스스로를 상상할 가능성이 더 큽니다. 사진 품질과 비디오 경험에 주의를 기울여야 합니다. 운 좋게도 휴대폰 사진은 거의 전문 사진만큼 훌륭하지만 멋진 사진을 설정하는 방법을 아는 데는 전문가가 필요할 수 있습니다.

그러나 제품 페이지에 매력적인 사진이 표시되는 것을 볼 때 그 투자는 그만한 가치가 있습니다.

제품 변형이 있는 경우 사진에서도 해당 제품 변형이 있는지 확인하십시오. Shop Kit가 배포하는 데 도움이 될 수 있습니다.

Rent Runway는 사진 작업을 훌륭하게 수행합니다. 그들은해야만한다. 사이트 방문자는 중요한 이벤트에 대한 완벽한 모양을 찾고 있으며 오류의 여지가 없습니다. 제품 사진은 이겨야 합니다.

활주로를 빌리다

그래서 당신은 커피를 좋아합니다. 당신은 당신의 컵에서 그것이 어떻게 보이는지 압니다. 블루보틀커피는 일반 김이 나는 커피를 넘어 독특하고 우아한 커피 사진을 남김없이 해냅니다. 이 열망하는 사진은 쇼핑객의 마음에 아침 그라인더 의식을 고양시킵니다.

파란색 병

제품 페이지로 무엇을 하시겠습니까?

Kadence Shop Kit는 제품 페이지의 잠금을 해제합니다. 제품의 장점을 강조하는 혁신적인 제품 레이아웃을 지원하는 사전 제작된 템플릿을 사용하면 그 어느 때보다 쉽게 ​​새로운 제품 레이아웃을 시작할 수 있습니다.

케이던스 샵 키트 레이아웃

Kadence Shop Kit는 Kadence 전체 번들의 중요한 부분입니다. 전체 번들에는 효과적인 팝업, 슬라이드인 및 배너를 위한 Kadence Conversions, 수많은 사이트에서 디자인 라이브러리를 공유하기 위한 Kadence Cloud, 그리고 동적 콘텐츠를 효과적으로 사용할 수 있는 Kadence Theme Pro 및 Kadence Blocks Pro를 포함하여 Kadence가 제공하는 모든 것이 포함되어 있습니다. 조건부 표시 등.

Kadence 전체 번들 받기

Kadence Shop Kit를 사용하고 있습니까? 아래 의견에서 경험을 공유하고 영감을 얻기 위해 제품 페이지를 볼 수 있는 위치를 알려주십시오!