WooCommerce 우편 번호 유효성 검사를 비활성화하는 방법

게시 됨: 2020-09-12

우편번호 필드를 제거하시겠습니까? 이 튜토리얼에서는 WooCommerce 우편번호 유효성 검사를 비활성화하여 결제 페이지를 개선하고 전환율을 높이는 방법을 보여줍니다.

WooCommerce 우편 번호 유효성 검사를 제거하는 이유는 무엇입니까?

기본적으로 우편번호 필드는 유효성 검사를 포함하도록 WooCommerce에서 필수입니다. 그러나 때때로 이러한 필드는 필요하지 않으며 체크아웃 페이지에 마찰을 추가합니다. 예를 들어 아프리카, 중미, 오세아니아에는 우편번호가 없거나 사용하지 않는 국가가 많이 있습니다. 또한 사용자가 우편번호 필드에 텍스트를 입력하면 WooCommerce는 오류 메시지를 표시하고 쇼핑객이 결제를 완료하지 못하게 합니다.

최적화되고 간결한 체크아웃 페이지를 갖는 것은 모든 온라인 상점의 핵심입니다. 고객에게 더 빠르고 더 나은 구매 경험을 제공하려면 방해 요소를 제거해야 합니다. 결과적으로 불필요한 필드와 오류 메시지가 있으면 사용자의 쇼핑 경험과 전환율에 영향을 줄 수 있습니다. 따라서 이 가이드 에서는 결제 페이지에서 WooCommerce 우편번호 유효성 검사를 비활성화하는 방법을 보여줍니다. 우커머스 우편번호 유효성 검사 비활성화 - 기본값

프로그래밍 방식으로 WooCommerce 우편번호 유효성 검사를 비활성화하는 방법

테마의 functions.php 파일을 수정하므로 시작하기 전에 하위 테마를 만드는 것이 좋습니다. 가이드를 확인하여 플러그인을 만들거나 사용할 수 있습니다. 따라서 WooCommerce에서 우편번호 유효성 검사를 제거하려면 먼저 제품 페이지로 이동하여 장바구니에 추가 버튼을 클릭하여 제품을 장바구니에 추가합니다. 이제 다음을 수행하는 방법을 살펴보겠습니다.

WooCommerce 체크아웃 페이지에서 우편번호 제거
우편 번호 필드를 선택 사항으로 설정
결제에서 청구 필드 제거
결제 페이지 필드의 레이블 편집

1) WooCommerce 결제 페이지에서 우편번호 제거

우편번호 유효성 검사를 비활성화하는 한 가지 옵션은 WooCommerce 체크아웃 페이지에서 우편번호 필드를 완전히 제거하는 것입니다. 가장 쉬운 방법은 WooCommerce 후크를 사용하는 것입니다. 따라서 체크아웃 페이지에서 zip 필드를 제거하려면 다음 스크립트를 복사하여 자식 테마의 functions.php 파일 끝에 붙여넣으면 됩니다.

 // 우편번호 필드 비활성화
add_filter( 'woocommerce_checkout_fields' , 'QuadLayers_remove_billing_postcode_checkout' );
기능 QuadLayers_remove_billing_postcode_checkout( $fields ) {
unset($fields['billing']['billing_postcode']);
$ 필드 반환;
}

woocommerce_checkout_fields 후크는 체크아웃 페이지를 사용자 정의하는 데 사용할 수 있는 WooCommerce 핵심 후크 중 하나입니다. PHP 내장 함수 unset() 을 사용하여 필드를 비우고 반환 과 함께 WooCommerce로 다시 보냅니다. 다음 줄에서. 우편번호 우커머스 유효성 검사 필드 제거

2) 우편번호 입력란을 선택사항으로 설정

WooCommerce 체크아웃 페이지에서 우편번호 유효성 검사를 비활성화하는 또 다른 대안은 필수가 아닌 필드 옵션을 만드는 것입니다. 그렇게 하려면 functions.php 파일 끝에 다음 스크립트를 붙여넣으세요.

 // 우편번호 필드를 선택 사항으로 만듭니다.
add_filter( 'woocommerce_default_address_fields' , 'QuadLayers_optional_postcode_checkout' );
기능 QuadLayers_optional_postcode_checkout( $p_fields ) {
$p_fields['우편번호']['필수'] = 거짓;
$p_fields 반환;
}

여기서는 다른 후크( 'woocommerce_default_address_fields') 를 사용하고 있습니다. 이 경우 이 후크를 사용하여 결제 페이지에서 청구 필드를 변경할 수 있습니다. 우편 번호 필드를 false 로 설정하면 선택 사항이 되고 유효성 검사가 제거됩니다.

3) 결제에서 청구 필드 제거

우편 번호 필드는 청구 양식에 표시되므로 유효성 검사를 비활성화하는 또 다른 방법은 청구 섹션을 사용자 정의하고 결제 페이지에서 일부 필드를 제거하는 것 입니다. 같은 방식으로 포인트 1에서 우편번호 필드를 비활성화했으며 다른 필드에서도 동일한 작업을 수행할 수 있습니다. 다음 색인을 사용하여 코드에서 우편번호 필드를 식별할 수 있습니다. $fields['billing']['billing_postcode']) .

마찬가지로 원하는 다른 필드를 숨길 수 있습니다. 특정 필드에 대한 올바른 인덱스만 알면 됩니다. 다음은 고객의 구매 경험을 간소화하기 위해 일반적으로 제거할 수 있는 필드의 일부 식별자입니다.

 unset($fields['billing']['billing_company']);
unset($fields['billing']['billing_address_2']);
unset($fields['billing']['billing_city']);
unset($fields['billing']['billing_state']);
unset($fields['billing']['billing_phone']);

필드를 식별하는 각 인덱스에는 자체 설명이 가능한 이름이 있습니다. 또한 '청구' 색인은 해당 필드가 청구 양식 내에 있음을 알려줍니다. 따라서 예를 들어 company 및 address_2 필드를 제거하려면 다음 코드가 필요합니다.

 // 회사 및 address_2 청구 필드 제거 
add_filter( 'woocommerce_checkout_fields' , 'QuadLayers_remove_billing_fields' ); 
기능 QuadLayers_remove_billing_fields( $fields ) { 
unset($fields['billing']['billing_company']); 
unset($fields['billing']['billing_address_2']); 
$ 필드 반환; 
}

보시다시피 동시에 둘 이상의 인덱스를 사용할 수 있습니다. 더 많은 필드를 제거하려면 해당 인덱스를 사용하여 위의 함수에 필드를 추가하기만 하면 됩니다. 우커머스 결제 필드 제거

4) WooCommerce 결제 페이지 필드의 레이블 편집

이제 Zip/Postcode 필드를 선택 사항으로 만들기로 결정했지만 해당 필드의 레이블(Zip/Postcode)을 변경하여 사용자에게 더 명확하게 표시하려고 한다고 가정해 보겠습니다. 다음 스크립트를 사용하여 'Zip/Postcode' 레이블을 원하는 대로 변경할 수 있습니다. 예를 들어 지역 코드 에 대해 다음과 같이 변경했습니다.

 /* WooCommerce: 결제 문자열 변경 */
add_filter( 'gettext', 'QuadLayers_billing_field_strings', 20, 3 );

기능 QuadLayers_billing_field_strings( $translated_text, $text, $domain ) {
스위치( $translated_text ) {
    경우 '우편번호/우편번호':
        $translated_text = __('지역번호','우커머스');
        부서지다;
    }
반환 $translated_text;
}

gettext 후크는 매우 유용하며 일반적으로 번역에 사용됩니다. 이것이 정확한 번역은 아니지만 이 후크는 어쨌든 유용할 것입니다. 위의 코드는 지역 코드 문자열에 대한 기본 WooCommerce 레이블(Zip/Postcode)을 변경합니다.

위의 스크립트를 보고 이러한 문자열이 코드에서 어디에 있는지 확인하십시오. 더 많은 문자열을 번역하려면 다음과 같이 switch 문 안에 번역을 추가하기만 하면 됩니다.

 기능 QuadLayers_billing_field_strings( $translated_text, $text, $domain ) {
스위치( $translated_text ) {
    사례 '결제 세부정보':
        $translated_text = __( '주문정보', '우커머스' );
        부서지다;
    사례 '다른 주소로 배송하시겠습니까?':
        $translated_text = __('다른 지역으로 보내주세요','우커머스');
        부서지다;
    사례 '회사 이름':
        $translated_text = __('회사','우커머스');
        부서지다;
    경우 '우편번호/우편번호':
        $translated_text = __('지역번호','우커머스');
        부서지다;
    }
반환 $translated_text;
}

이 시점에서 일부 체크아웃 필드를 제거하고 선택적으로 만들 수 있어야 하며 gettext 후크를 사용하여 문자열을 번역하는 방법도 배웠습니다. 다음 이미지에서는 여러 필드를 제거하고 지역 번호에 대한 우편 번호 필드의 이름을 변경하고 선택 사항으로 만들었습니다. 또한 청구서 및 다른 주소로 배송 양식의 제목을 수정했습니다. WooCommerce 우편번호 유효성 검사 비활성화 - 최종

플러그인으로 WooCommerce 우편번호 유효성 검사 제거

코딩 기술이 없거나 functions.php 파일을 편집하는 것이 불편하다면 저희가 솔루션을 제공합니다. 플러그인을 사용하여 WooCommerce 우편번호 유효성 검사를 제거 할 수 있습니다. 여러 도구가 있지만 두 가지 프리미엄 플러그인을 사용하여 우편번호 필드를 비활성화하는 방법을 보여드리겠습니다.

WooCommerce 체크아웃 관리자
WooCommerce 직접 결제

1) WooCommerce 결제 관리자

Checkout Manager는 체크아웃 프로세스를 사용자 정의할 수 있는 훌륭한 플러그인이며 최고의 필드 편집기 중 하나입니다. 체크아웃 페이지에서 필드를 추가, 편집 및 삭제할 수 있습니다. 이러한 방식으로 청구, 배송 및 추가 필드 섹션에 표시할 필드를 사용자 정의할 수 있습니다.

WooCommerce 우편번호 유효성 검사를 비활성화하려면 먼저 플러그인을 설치하고 활성화해야 합니다. WordPress 저장소에서 Checkout Manager를 무료로 다운로드하거나 19 USD(일회성 결제)부터 시작하는 프리미엄 플랜 중 하나를 구입할 수 있습니다.

Checkout Manager를 활성화했으면 이제 원하지 않는 필드를 제거해야 합니다. 따라서 WordPress 관리자에서 WooCommerce > Checkout > Billing 으로 이동합니다. 거기에서 청구 섹션에 표시하고 싶지 않은 우편 번호 및 기타 필드를 비활성화할 수 있는 옵션이 있습니다. 그런 다음 배송 섹션으로 이동하여 프로세스를 반복할 수 있습니다. 이렇게 하면 zip 필드를 제거할 수 있을 뿐만 아니라 전체 결제 페이지를 사용자 지정할 수도 있습니다. 체크아웃 관리자에는 조건부 필드를 생성하거나 사용자가 체크아웃에서 파일을 업로드할 수 있도록 하는 것과 같이 체크아웃을 개선하는 데 사용할 수 있는 다른 많은 기능이 있습니다.

이 플러그인을 사용하는 방법에 대한 자세한 내용은 설명서 페이지를 확인하세요.

2) 우커머스 다이렉트 체크아웃

우편번호 필드를 제거하는 데 사용할 수 있는 또 다른 플러그인은 Direct Checkout입니다. 이것은 WooCommerce를 위한 최고의 체크아웃 플러그인 중 하나이며 체크아웃 페이지를 단순화하기 위해 불필요한 필드를 제거할 수 있습니다. 그리고 가장 좋은 점은 무료 버전이 있다는 것입니다.

시작하기 전에 무료 버전을 다운로드하거나 20 USD(일회성 결제)부터 시작하는 프리미엄 플랜 중 하나를 구입할 수 있습니다.

그런 다음 WordPress 관리자에서 WooCommerce > Direct Checkout > Checkout 으로 이동합니다. 거기에서 체크아웃 필드 제거 섹션으로 이동하여 체크아웃에 표시하지 않을 우편번호와 모든 필드를 선택합니다. 또한 체크아웃 페이지를 사용자 정의할 수 있는 다른 옵션이 있습니다. WooCommerce Direct Checkout으로 우편번호 필드 제거

Direct Checkout은 사용이 매우 간편하여 문제가 없을 것입니다.

결론

대체로 결제 페이지의 일부 필드는 필요하지 않으며 구매 프로세스에 마찰을 더하므로 제거하는 것이 좋습니다.

사용자 경험을 개선하고 전환율을 높이기 위해 WooCommerce 우편번호 유효성 검사를 비활성화하는 방법을 살펴보았습니다. 또한 zip 필드를 선택 사항으로 만들고 체크아웃에서 청구 필드를 제거하고 레이블을 편집하여 체크아웃을 사용자 지정하는 방법을 배웠습니다.

코딩 기술이 없는 사람들을 위해 Checkout Manager 및 Direct Checkout의 두 가지 플러그인을 사용하여 체크아웃 페이지에서 우편번호 및 기타 필드를 제거하는 방법도 보았습니다. 이 도구는 무료 버전이 있으며 사용이 매우 쉽기 때문에 functions.php 파일을 편집하고 싶지 않은 사람들에게 훌륭한 대안입니다.

마지막으로, 상점의 다른 부분을 사용자 정의하려면 상점 페이지를 편집하고 판매를 늘리기 위해 가이드를 살펴보는 것이 좋습니다.

우편번호 확인을 삭제하셨습니까? 이 튜토리얼을 따라가는 데 문제가 있었나요? 아래 댓글 섹션에서 알려주십시오!