WooCommerce 체크아웃 필드를 사용자 정의하는 방법

소개

WooCommerce 스토어를 운영하고 있지만 아직 결제를 사용자 정의하지 못하셨습니까? 장바구니 포기로 인해 판매 기회를 잃을 수 있습니다. 쇼핑객 5명 중 1명은 복잡한 체크아웃 프로세스로 인해 장바구니를 포기하는 것으로 추정됩니다.

이러한 이유로 능률적인 주문 처리 경험을 얻으려면 결제 페이지를 사용자 지정하는 것이 중요합니다.

기본적으로 WooCommerce 체크아웃 페이지에는 고객에게 완벽한 쇼핑 경험을 제공하는 데 방해가 될 수 있는 몇 가지 제한 사항이 있습니다.

복잡하고 긴 체크아웃 프로세스는 고객에게 실망을 줄 수 있습니다. 다른 경우에는 결제 페이지에서 너무 많은 정보를 요청하여 고객이 자신의 정보를 공유하는 것을 꺼릴 수 있습니다.

손실이 얼마나 많은 수익을 발견했을 때만 악화됩니다.

이 게시물은 결제 페이지를 사용자 지정하여 매장의 결제 흐름을 개선할 수 있는 방법에 대해 설명합니다.

이 가이드로 바로 이동해 보겠습니다.

WooCommerce 결제 페이지를 사용자 정의하려는 이유

WooCommerce 결제 페이지는 고객이 주문을 구매하기 전에 거치는 마지막 단계입니다. 그러나 이 섹션은 주문 구매 프로세스에서 상당한 차이를 만들 수 있습니다.

다음은 WooCommerce 체크아웃 사용자 지정을 고려할 수 있는 몇 가지 이유입니다.

1. 사용자 경험 개선

기본 WooCommerce 결제는 쇼핑객의 주의를 산만하게 할 수 있는 긴 절차로 구성됩니다. 이 프로세스를 단축하기 위해 체크아웃 사용자 지정을 고려할 수 있습니다. 전화번호, 주소 및 카드 세부정보와 같은 세부정보를 자동으로 채우면 고객이 이러한 세부정보를 채우는 데 걸리는 시간을 줄일 수 있습니다. 이러한 기능을 제공하면 결제 프로세스가 단축되어 고객에게 더 나은 쇼핑 경험이 제공됩니다.

2. 전환율 증가

체크아웃 프로세스의 속도를 높이면 고객이 더 빠른 결정을 내리는 데 도움이 됩니다. 쇼핑객은 주문하기 전에 여러 페이지를 채울 때 주의가 산만하거나 지루해집니다. 차례로 이것은 카트를 버리라는 메시지를 표시합니다. 그러나 주문 프로세스가 짧을 때 고객은 신속하게 주문하고 결제하므로 매출이 증가합니다.

3. 안전한 결제 경험 제공

안전한 체크아웃 프로세스는 고객에게 훌륭한 쇼핑 경험을 제공합니다. 고객의 신뢰를 얻으려면 결제 시 안전한 결제 게이트웨이를 제공해야 합니다. 이렇게 하면 고객의 개인 정보와 청구 정보가 안전하다는 것을 확인할 수 있습니다. 결과적으로 이것은 더 나은 관계와 참여를 촉진할 것입니다.

WooCommerce 결제 페이지 사용자 정의

1. 플러그인을 사용하여 WooCommerce 체크아웃 필드 변경

플러그인은 원하는 대로 체크아웃 필드를 사용자 정의할 수 있는 빠르고 간단한 방법을 제공합니다. 이러한 플러그인 중 하나는 코드 없는 프로세스에서 필드를 쉽게 추가, 편집 및 제거할 수 있는 Checkout Field Editor WooCommerce 플러그인입니다. 몇 가지 간단한 단계를 통해 이 플러그인을 사용하는 방법을 빠르게 살펴보겠습니다.

1단계: 설치

시작하려면 WooCommerce 계정에서 확장 프로그램의 .zip 파일을 다운로드해야 합니다. WordPress 관리자 대시보드에서 WooCommerce > 플러그인 > 새로 추가로 이동합니다. '플러그인 업로드'를 클릭하고 방금 다운로드한 파일을 업로드합니다. 파일이 업로드되면 '지금 설치' 버튼을 클릭하고 확장 프로그램을 활성화합니다.

2단계: 설정 및 구성

이 시점에서 플러그인의 설정을 구성해야 합니다. WooCommerce > 결제 양식으로 이동합니다.

3단계: 결제 필드 사용자 지정

기본 설정에는 '체크아웃 필드'와 '고급 설정'이라는 두 개의 탭이 있습니다. 그 아래에는 편집할 수 있는 세 가지 필드가 있습니다.

• 청구: 결제 시 지불 및 청구 주소 필드로 구성

• 배송: 결제 시 배송 필드로 구성

• 추가: 결제 시 청구 및 배송 섹션 옆에 있는 섹션입니다.

이 섹션을 사용자 정의하기 위해 변경할 필드를 선택하고 '제거', '활성화' 또는 '비활성화' 버튼을 클릭하십시오.

4단계: 사용자 정의 필드 추가/편집

설정 페이지의 왼쪽 상단에서 '+필드 추가'를 클릭하여 새 필드를 추가합니다. 일부 빈 필드가 있는 팝업 화면이 나타납니다. 사용자 정의 필드와 관련된 모든 세부 정보를 추가하십시오. 변경한 후에는 '저장' 버튼을 클릭하여 작업을 저장하는 것을 잊지 마십시오.

5단계: 고급 설정 구성

'결제 필드' 옆에 '고급 설정' 탭이 있습니다. 확인란을 활성화/비활성화하여 로캘 재정의 설정을 사용자 지정할 수 있습니다. 완료되면 '변경사항 저장'을 클릭하십시오.

6단계: 결제 필드 재설정

필드에 원래 설정을 적용하려면 WooCommerce > 상태 > 도구로 이동합니다. '체크아웃 필드'로 이동하여 '체크아웃 필드 재설정' 버튼을 선택합니다. 모든 필드가 원래 설정으로 돌아갑니다.

계속하기 전에 Divi로 WooCommerce 결제 페이지를 설정하는 다른 방법이 있습니다.

2. 코드를 사용하여 WooCommerce 체크아웃 필드 사용자 지정

사용자 정의 코딩은 WooCommerce 결제를 사용자 정의할 수 있는 다른 방법입니다. 이 방법은 사용자 정의를 더 많이 제어할 수 있으므로 타사 플러그인을 사용하는 것보다 낫습니다.

사이트의 functions.php 파일과 필터를 사용하여 결제 페이지를 편집할 수도 있습니다. 일부 필터에는 다음이 포함됩니다.

• woocommerce_checkout_fields

• woocommerce_billing_fields

• Woocommerce_shipping_fields

WooCommerce 작업 및 필터를 사용하여 원하는 방식으로 결제 필드를 조작할 수 있습니다. 결제 페이지에 표시된 텍스트를 추가, 편집, 제거 또는 변경할 수 있습니다.

WooCommerce 결제 페이지에 직접 제품 연결하기

수동 방법을 사용하여 제품을 WooCommerce 체크아웃에 직접 연결합니다. 다음 단계를 따르세요.

1단계: 제품 ID 찾기

WP 관리 대시보드에서 제품 ID를 찾으려면 제품 > 모든 제품으로 이동합니다. 여기에서 바로 아래에 제품 ID 번호가 있는 다양한 제품을 찾을 수 있습니다.

2단계: 링크 만들기

간단한 그림으로 시작하겠습니다. 다음 URL이 있는 경우를 예로 들어 보겠습니다. www. yourdomain.com//checkout/?add-to-cart=ID

'yourdomain'과 'ID'를 각각 연결하려는 제품의 도메인 이름과 특정 제품 ID로 바꿔야 합니다.

3단계: 복사하여 붙여넣기

이미 제품 ID를 찾았으므로 www와 같은 제품 URL을 추가합니다. yourdomain.com//checkout/?add-to-cart=1127

완료되면 이 링크를 WooCommerce 사이트의 아무 곳에나 배치할 수 있습니다.

WooCommerce에서 제품당 무료 배송 적용

무료 배송을 제공하는 것은 고객이 매장에서 구매하도록 유도하는 완벽한 방법입니다. 또한 구매자가 사전 정의된 목표 금액에 도달하는 특정 주문에만 적용되도록 배송 설정을 사용자 정의할 수 있습니다.

예를 들어 다음은 $100 이상의 주문에 대해 무료 배송을 시작하기 위해 따라야 하는 단계입니다.

WooCommerce > 설정 > 배송으로 이동합니다. 그런 다음 변경 사항을 적용하려는 배송 지역으로 이동하여 '편집' 링크를 클릭합니다.

아직 지역을 추가하지 않은 경우 '배송 지역 추가' 버튼을 클릭하십시오. 그렇지 않으면 '배송 방법 추가' 버튼을 클릭하십시오. 이 섹션에서 배송 방법 목록을 찾을 수 있습니다.

무료 배송 아래의 '수정' 버튼을 클릭합니다.

기본 옵션으로 '최소 주문 금액'을 선택하는 '무료 배송 설정' 패널이 열립니다. 마지막으로 '변경 사항 저장'을 클릭하여 설정을 적용합니다.

결론

WooCommerce 비즈니스를 다음 단계로 끌어올리시겠습니까? 결제 페이지에 변경 사항을 추가하면 사이트에 상당한 영향을 미칠 수 있습니다. 전환율을 높이는 것부터 고객에게 최고의 쇼핑 경험을 제공하는 것까지.

이 기사에서는 Checkout Field Editor 플러그인을 사용하고 코딩을 통해 결제 페이지를 사용자 정의하는 방법에 대해 설명했습니다. 체크아웃 페이지를 설정할 때 복잡한 체크아웃 절차, 주의를 산만하게 하는 요소 및 불필요한 필드는 주의해야 할 몇 가지 사항일 뿐입니다.

또한 제품을 결제에 직접 연결하고, 사용자 정의 필드를 추가하고, 장바구니 포기를 줄이기 위해 무료 배송을 트리거하는 것을 고려하는 것이 가장 좋습니다. 현재 결제 페이지에 만족하십니까?

이 분야에는 아직 탐험할 것이 많이 남아 있습니다. 그러나 다양한 결제 구성 요소를 수정하는 것이 얼마나 쉬운지 보셨기를 바랍니다. 이 게시물이 도움이 되었나요? 네트워크와 공유하지 않으시겠습니까?