6 결제 페이지 예시 및 이를 최적화하는 방법

장바구니 포기는 전자 상거래 상점 소유자에게 계속해서 주요 문제입니다.

Baymard Institute에 따르면 평균 온라인 장바구니 포기율은 69.99%이며 이는 쇼핑객 10명 중 7명이 구매를 완료하지 않는다는 의미입니다.

이는 놀라운 통계이지만 모바일 사용자의 포기율이 85.65%로 훨씬 더 높다는 사실을 알게 되면 더욱 걱정스럽습니다.

매장을 방문하는 모든 사람이 구매하는 것은 아니지만 체크아웃 프로세스를 최대한 원활하게 만들어 장바구니 포기율을 줄일 수 있습니다(사용하는 전자상거래 플랫폼이 얼마나 쉬운지에 영향을 미칠 수 있음).

우리는 이 6개의 체크아웃 페이지 예제를 모아 장단점을 강조했습니다.

다음으로 고객의 결제 경험을 개선하고 궁극적으로 수익과 전환율을 높일 수 있는 방법에 대해 논의합니다.

결제 페이지 예시 및 개선 방법

1. 더말로지카

Dermalogica는 Shopify 플랫폼에서 실행되는 전문가급 스킨케어 브랜드입니다. 이 브랜드는 피부 치료사와 소비자를 만족시킵니다.

Dermalogica는 원활한 체크아웃 프로세스를 보장하기 위해 많은 일을 합니다.

예를 들어, 빠른 체크아웃 옵션이 있어 시간이 촉박하거나 일반 체크아웃 흐름에서 양식 필드를 작성하는 데 시간을 보내고 싶지 않은 경우에 탁월합니다.

dermalogica.com의 스크린샷, 2022년 11월

장점

• 빠른 체크아웃 : 구매 프로세스를 가속화하고 고객이 더 빠르게 체크아웃할 수 있도록 합니다.
• 진행률 표시줄 : 고객은 구매를 완료하기까지 얼마나 남았는지, 구매를 완료하기까지 남은 단계를 정확히 확인할 수 있습니다.
• 다양한 결제 옵션 : 쇼핑객은 신용 카드를 포함하여 해당 지역에서 지원되는 인기 있는 결제 방법 중에서 선택할 수 있습니다.

단점

• 신뢰 배지 또는 보안 봉인 없음 : 쇼핑객은 자신의 개인 정보가 항상 안전하고 보호되기를 원하므로 일부 구매자에게는 보안 배지가 없다는 것이 불쾌할 수 있습니다.
• 너무 많은 양식 입력란이 있습니다 . 미국 온라인 쇼핑객의 17%는 체크아웃 프로세스가 너무 길거나 복잡하기 때문에 장바구니를 포기했습니다. 이를 감안할 때 결제 페이지의 필수 양식 필드 수를 줄이는 것이 좋습니다.

2. 벨로이

쇼핑객의 경험을 향상시키는 체크아웃 페이지는 단순하고 깔끔하며 Bellroy가 그 예입니다.

사용자를 안내하는 단계로 구성된 한 페이지 결제 스타일을 채택합니다. 모든 관련 정보를 미리 보여주므로 마지막에 놀랄 일이 없습니다.

bellroy.com의 스크린샷, 2022년 11월

장점

• 양식 유효성 검사 및 오류 알림 : 이 기능을 사용하면 사용자가 각 필드를 올바르게 채우고 잘못된 정보로 양식을 제출하는 것을 방지할 수 있습니다.
• 비회원 결제 : 최초 고객은 구매를 완료하기 위해 계정을 만들 필요가 없습니다. 결과적으로 결제 경험이 원활하고 번거롭지 않을 것입니다.
• 한 페이지 결제 : 사용자가 전체 구매 프로세스를 완료하기 위해 페이지에서 페이지로 이동할 필요가 없기 때문에 효율적입니다. 이러한 편리함은 더 많은 구매를 유도합니다.

범죄자

• 이탈 의도 팝업 없음 : 이탈 의도 팝업은 방문자가 사이트를 떠날 때 카트에 남아 있는 제품을 상기시켜 방문자를 고객으로 전환하는 데 도움이 됩니다.

3. B&H 포토 비디오 프로 오디오

Drupal CMS 플랫폼에서 실행되는 B&H Photo Video Pro Audio는 체크아웃 페이지에서 많은 작업을 수행합니다. 주의를 산만하게 하는 요소를 최소화한 깔끔한 UI를 제공합니다.

쇼핑객이 세부 정보 및 추천 액세서리와 함께 장바구니에 상품을 추가하면 팝업 창이 나타납니다.

쇼핑객은 결제 페이지를 떠나지 않고도 카트에서 항목을 쉽게 편집하고 제거할 수 있습니다.

bhphotovideo.com의 스크린샷, 2022년 11월

장점

• 주의를 산만하게 하는 요소를 최소화한 깔끔한 UI : 제품 세부 정보와 장바구니에 집중할 수 있는 군더더기 없는 디자인입니다.
• Express checkout : 구매 프로세스의 마찰을 줄이고 모바일 사용자의 전반적인 사용자 경험을 향상시킵니다.
• Guest checkout : 편리하고 처음 사용자가 구매 등록을 건너뛸 수 있습니다.
• 페이지 헤더의 Secure Checkout 텍스트 : 이는 결제 거래 중에 정보가 안전하고 안전하다는 것을 쇼핑객에게 안심시킵니다.
• 진행률 표시줄 : 이 기능을 통해 고객은 주문을 완료하기 전에 남은 금액을 확인할 수 있으므로 성공적으로 결제하려면 얼마나 기다려야 하는지 알 수 있습니다.
• 리소스에 쉽게 액세스 : 쇼핑객은 쇼핑 및 반품 정책에 대한 링크를 찾을 수 있습니다. 또한 구매 프로세스 중에 도움이 필요한 경우 고객 관리 및 영업 지원 담당자와 실시간으로 신속하게 채팅할 수 있습니다.

범죄자

• 양식 요소가 너무 많음 : 모바일에서는 작성해야 할 필드가 너무 많아서 양식이 약간 압도되어 모바일 사용자에게 거래 프로세스가 더 느리고 번거롭습니다.

4. 플로 리빙

여성에게 천연 보조제를 판매하는 건강 브랜드인 FLO Living은 단순함을 유지한다는 주제로 WooCommerce 플랫폼을 기반으로 구축된 단일 페이지 결제 디자인으로 훌륭한 작업을 수행합니다.

드롭다운 메뉴와 자동 채우기 상자는 고객의 체크아웃 프로세스를 단순화하는 동시에 사이트의 체크아웃 페이지에서 브랜드 색상을 유지합니다.

floliving.com의 스크린샷, 2022년 11월

장점

• 브랜드 요소를 희생하지 않은 심플한 디자인 : 깨끗하고 미니멀한 디자인은 제품을 빛나게 하고 디자인 자체보다 제품에 집중하게 합니다.
• 자동 채우기 상자 : 고객은 저장된 주소에서 데이터를 채워 주소 및 기타 세부 정보를 더 빠르게 채울 수 있습니다.
• 게스트 체크아웃 : 쇼핑객이 원할 경우(특히 일회성 구매자인 경우) 세부 정보를 삭제할 필요가 없도록 합니다.

단점

• 제한된 결제 옵션 : FLO는 신용 카드와 직불 카드만 허용하므로 다른 결제 방법을 사용하려는 고객에게는 꺼려질 수 있습니다.
• 긴 양식 : 긴 양식은 구매를 최대한 빨리 완료하려는 일부 사용자를 지연시킬 수 있습니다.
• 보안 배지 없음 : 고객의 개인 정보가 안전하고 안전하다는 것을 안심시키기 위한 웹 사이트의 보안 배지 또는 인증에 대한 시각적 표시가 없습니다.

5. 나이키

Nike가 결제 페이지를 못 박는 것은 놀라운 일이 아닙니다.

다시 말하지만 브랜드는 이를 위해 Shopify 플랫폼을 사용합니다. 그리고 아코디언 스타일의 체크아웃 페이지는 사용자가 방해받지 않고 결제를 완료하도록 안내합니다.

고객이 체크아웃하지 못하게 하는 숨겨진 비용이 없으며 주문 요약은 체크아웃하는 동안 쉽게 액세스할 수 있습니다.

nike.com의 스크린샷, 2022년 11월

장점

• 한 페이지 결제 스타일 : 주문을 완료하기 위해 페이지를 전환할 필요가 없습니다.
• 숨겨진 수수료 없음 : 제품 페이지에 나열된 가격은 결제 시 고객이 지불하는 가격으로, 결제 시 예상치 못한 비용으로 인한 고객 혼란과 불만을 방지하는 데 도움이 됩니다.
• 게스트 체크아웃 : 처음 쇼핑하는 사람도 주문을 확인하고 결제하기 위해 계정을 등록할 필요가 없으므로 프로세스 속도가 빨라지고 전환율이 높아집니다.
• 배송 옵션 : 고객은 결제 시 위치 및 시간 제약에 따라 선호하는 배송 옵션을 선택할 수 있으므로 쇼핑 경험이 향상됩니다.
• 실시간 채팅 버튼 : 실시간 채팅 지원이 상시 가능하여 잠재 고객이 가질 수 있는 질문에 대한 빠른 답변을 제공합니다.
• 긴 양식 필드 없음 : 양식 필드는 주문을 완료하는 데 필요한 필수 정보로 제한되므로 고객은 단 몇 분만에 결제를 완료할 수 있습니다.

단점

• 신뢰 배지 없음 : 개인 및 결제 정보의 보안에 대한 고객의 신뢰를 높이는 데 도움이 되는 타사 서비스의 로고나 인증서가 없습니다. 브랜드의 위상이 충분하다고 주장할 수 있지만 신뢰 배지는 체크아웃 페이지의 모범 사례 중 하나입니다.
• 종료 의도 팝업 없음 : 쇼핑객이 구매를 완료하도록 유도하고 장바구니 포기를 방지하기 위해 체크아웃 페이지에 종료 의도 팝업이 없습니다.

6. 엣시

Etsy 플랫폼은 많은 상자를 선택합니다.

결제 페이지 영역은 깨끗하고 사용하기 쉬운 탐색 기능과 주문이 진행되는 과정을 시각적으로 보여주는 진행률 표시줄이 있습니다.

양식 요소는 지나치게 길지 않으며 게스트 체크아웃도 제공합니다.

etsy.com의 스크린샷, 2022년 11월

장점

• 진행률 표시줄 : 쇼핑객은 체크아웃 페이지 상단에 있는 진행률 표시줄을 통해 체크아웃 프로세스가 얼마나 진행되었는지 확인할 수 있습니다.
• 숨겨진 비용 없음 : 고객은 주문 완료 프로세스 전반에 걸쳐 지불할 금액을 정확히 알고 있으므로 결제 시 놀라는 일이 없습니다.
• 양식 유효성 검사 및 오류 알림 : 사용자가 양식 요소를 완료하면 유효성 검사를 통해 주문을 계속 진행하기 전에 올바른 정보를 입력했는지 확인합니다.
• 게스트 체크아웃 : 사용자는 구매를 완료하기 위해 계정을 등록할 필요가 없으므로 체크아웃 프로세스 속도가 빨라지고 전환율이 높아집니다.

단점

• 이탈 의도 팝업 없음 : 쇼핑객이 구매를 신속하게 완료하고 장바구니 포기를 방지하도록 설득하기 위해 체크아웃 페이지에 이탈 의도 팝업이 없습니다.
• 보안 배지 없음 : 안전한 개인 및 결제 정보에 대한 고객의 신뢰를 높이는 데 도움이 되는 타사 서비스의 로고나 인증서가 없습니다.
• 빠른 체크아웃 없음 : 여기에 있는 다른 웹사이트와 달리 프로세스 속도를 높이는 빠른 체크아웃 옵션이 없습니다(Shopify와 Etsy 플랫폼 간의 고유한 차이로 인한 제한일 수 있음). 예를 들어 Shopify 스토어에서는 Shop Pay를 모든 Shopify 스토어의 스토어 결제 세부 정보와 함께 익스프레스 체크아웃 옵션으로 추가할 수 있습니다.

전자상거래 결제 페이지를 위한 빠른 체크리스트

전자 상거래 웹 사이트에는 다양한 요구 사항이 있지만 이상적인 결제 페이지에는 모든 매장에서 고려해야 하는 특정 요소가 있습니다.

게스트 체크아웃 허용

많은 기업이 고객에게 제품을 구매하기 전에 계정을 생성하도록 요청하는 실수를 범합니다.

그러나 많은 구매자는 제품을 한 번만 구매하려고 하기 때문에 반품하지 않을 수도 있는 상황에서 세부 정보를 남기는 것은 의미가 없습니다.

이러한 번거로움은 특히 이메일 확인과 같은 작업을 수행해야 하는 경우 고객이 완전히 구매하는 것을 방지합니다.

게스트 체크아웃 옵션을 사용하면 이러한 고객은 계정을 만들지 않고도 구매할 수 있으므로 두 사람 모두에게 훨씬 더 나은 선택입니다.

트러스트 씰 추가

사이버 범죄가 증가함에 따라 고객은 신뢰할 수 있는 매장에서 쇼핑하는 것을 선호합니다.

체크아웃 페이지의 신뢰 도장 또는 관련 신뢰 신호는 매장의 신뢰도를 높이고 고객이 구매 프로세스를 완료하도록 장려하는 데 도움이 될 수 있습니다.

고객이 이를 스팸으로 인식할 수 있으므로 모든 페이지에 봉인을 표시하는 것은 권장하지 않습니다.

그러나 고객에게 보안을 중요하게 생각한다는 것을 보여주기 위해 체크아웃 페이지에 적어도 하나는 표시해야 합니다.

예상치 못한 비용 방지

체크아웃 워크플로를 생성할 때 주문 요약이 완전한지 확인하여 고객이 구매하는 항목을 잘 이해할 수 있도록 하십시오.

그런 다음 장바구니 포기를 증가시킬 수 있는 추가 비용을 결제 시 추가하지 마십시오.

좋은 고객 지원 제공

업계에 관계없이 고객은 우수한 고객 지원을 제공할 수 있는 온라인 브랜드에서 구매하는 것을 선호합니다.

결제 페이지에 지원 옵션을 미리 표시하여 고객 충성도를 얻을 가능성을 높일 수 있습니다. 예를 들어 라이브 채팅 소프트웨어를 즉시 통합하거나 고객 지원으로 연결되는 라이브 채팅 버튼을 포함할 수 있습니다.

이러한 간단한 개선 사항은 고객의 요구 사항을 충족하고 전환율을 높이는 데 큰 도움이 됩니다.

진행률 표시줄 추가

결제 페이지에 진행률 표시줄이 있으면 쇼핑객이 구매를 빠르게 완료하도록 동기를 부여할 수 있으며 이는 궁극적으로 더 높은 전환율로 이어집니다.

여러 결제 옵션 활성화

고객은 선택한 결제 방법을 통해 구매를 완료하는 것을 선호합니다.

따라서 널리 사용되는 다른 결제 방법 중에서 신용 카드 결제를 받을 수 있는 결제 게이트웨이가 있는지 확인하십시오.

페이지 속도 향상

고객이 전자 상거래 상점에서 쉽게 구매할 수 있도록 하십시오.

페이지가 느리게 로드되거나 전혀 로드되지 않으면 고객이 구매 프로세스를 포기할 수 있습니다.

그러나 웹 사이트를 보다 검색 엔진 친화적으로 만들고 더 빠르게 로드할 수 있는 방법이 있습니다.

예를 들어 이미지 압축 도구를 사용하고 CSS 및 JS 파일을 결합하여 웹 사이트 페이지의 로드 시간을 개선할 수 있습니다.

결론

체크아웃 프로세스를 가능한 한 간단하게 만들고 고객이 장바구니에 제품을 넣고 행복하게 떠날 수 있도록 하는 것이 합리적입니다.

체크아웃 페이지를 최적화할 때 이러한 체크아웃 예제가 유일한 영감의 원천이 되지 않도록 하십시오.

이 문서의 팁을 따라 온라인 상점을 위한 효과적이고 안전한 쇼핑 카트 또는 체크아웃 페이지를 디자인하십시오.

추가 리소스:

• 영감을 주는 5가지 놀라운 랜딩 페이지 예시
• 영감을 주는 14가지 뛰어난 SEO 친화적인 Shopify Store 사례
• 전자상거래 마케팅: 최종 가이드

주요 이미지: tmn art/Shutterstock