WooCommerce 스토어에 등록 양식을 추가하는 방법

게시 됨: 2021-08-18

이번에는 WooCommerce 매장 및 쇼핑 플랫폼에 등록 양식을 추가하기 위해 따라할 수 있는 가장 간단한 방법을 소개하겠습니다.

사용자 친화적인 등록 양식은 모든 종류의 웹사이트에 있어야 하는 필수 요소 중 하나입니다. 호텔 또는 여행사, 서비스 제공 또는 상업 웹사이트를 소유하고 있는지 여부.

잠재 고객 및 잠재 고객에게 등록 필드에 개인 데이터 및 기타 세부 정보를 입력하고 서비스, 제품, 구독, 계획 등에 대해 제출하기 위한 등록 양식을 제공해야 합니다.

등록 양식이란 무엇입니까?
등록 양식은 사용자 정보를 입력해야 하는 일련의 필드입니다.

전반적으로 웹 사용자, 클라이언트, 고객 및 귀하의 비즈니스, 상점, 회사, 비영리 단체 또는 무엇이든 관심이 있는 추종자로부터 필요한 정보를 수집하는 이상적인 방법입니다.

WooCommerce 스토어에 등록 양식을 추가할 때 고려해야 할 사항
수십 개의 웹사이트와 블로그에 등록하는 것은 인터넷 사용자에게 가장 즐거운 과정이 아닙니다.

그러나 진실은 그들이 이미 그것에 익숙하고 대부분의 경우에 기본 정보를 제공할 준비가 되어 있다는 것입니다.

그러나 웹 방문자가 귀하의 사이트에 등록해야 하는 이유를 설명하여 등록 양식에 실제 가치를 전달하는 데 주의를 기울여야 합니다.

너무 많은 정보를 요구하지 않고 논리 필드만 남겨두고 이유를 설명하고 개인 정보 보호 및 보안 정책을 정확하고 이해하기 쉽게 만드십시오.

상업용 웹사이트의 등록 양식을 최적화하는 것이 중요한 이유
등록 양식의 가용성과 단순성은 데이터베이스의 사용자 수를 직접적으로 결정하고 웹사이트와의 관계를 계속하려는 사용자의 욕구에 영향을 미칩니다.

따라서 형식이 잘 지정되고 잘 운영되는 연락처 양식은 더 많은 고객과 더 많은 비즈니스 기회를 가져올 수 있습니다.

또한 WooCommerce 스토어에 간단하고 이해하기 쉬우며 완벽하게 작동하는 등록 양식을 추가 하면 필연적으로 귀하와 귀하의 직원에게 골칫거리가 될 기술 지원이 필요한 수많은 편지를 피할 수 있습니다.

이제 등록 양식을 온라인 WooCommerce 환경에 통합하는 것의 중요성을 입증했으므로 기술적인 관점에서 등록 양식을 통합하는 방법을 이해해 보겠습니다.

WooCommerce 스토어에 등록 양식을 추가하는 방법
먼저 WooCommerce 백엔드 설정에서 양식을 활성화해야 합니다. WooCommerce, 설정, 계정, 등록 활성화 경로를 따르십시오. "내 계정" 페이지에서 고객 등록 활성화" 옆의 확인란을 선택해야 하는 창으로 이동합니다.

여기에서 체크아웃 페이지에 재방문 고객 로그인 알림 표시, 사용자 이름 또는 고객 비밀번호 자동 생성 등과 같은 기타 설정을 제어하여 등록 프로세스를 보다 사용자에게 최적화할 수 있습니다.

이 설정 부분을 완료하면 등록 양식이 프론트 엔드에 표시됩니다. 즉, WooCommerce에 등록 양식을 추가 하려는 노력이 헛되지 않았음을 의미합니다.

지금 보시다시피 추가한 양식은 매우 간단하고 겸손합니다. 따라서 다음 단계는 이미 활성화한 등록 양식에 필드를 추가하는 것입니다.

이름과 성, 전화번호, 이메일 및 비밀번호와 같은 몇 가지 기본 필드를 추가하려면 functions.php 파일 끝에 다음 코드를 삽입할 수 있습니다.

함수 Wooc_extra_register_fields() {?>

<입력 유형=”텍스트”클래스=”입력-텍스트”이름=”billing_phone” id=”reg_billing_phone” 값=”<?php esc_attr_e( $_POST['billing_phone'] ); ?>” />

<입력 유형=”텍스트” 클래스=”입력-텍스트” 이름=”billing_first_name” id=”reg_billing_first_name” 값=”<?php if ( ! empty( $_POST['billing_first_name'] ) ) esc_attr_e( $_POST[' Billing_first_name'] ); ?>” />

<입력 유형=”텍스트” 클래스=”입력-텍스트” 이름=”billing_last_name” id=”reg_billing_last_name” 값=”<?php if ( ! empty( $_POST['billing_last_name'] ) ) esc_attr_e( $_POST[' Billing_last_name'] ); ?>” />

<?php

}

add_action( 'woocommerce_register_form_start', 'wooc_extra_register_fields' );

페이지를 새로 고치면 등록 양식에 새 필드가 추가된 것을 볼 수 있습니다.

등록 양식을 청구서 수신 주소와 연결할 때마다 필드 이름 앞에 접두사 "billing"을 추가해야 합니다. 아래에서 가장 일반적으로 사용되는 양식 필드를 찾을 수 있습니다.

Billing_first_name,billing_last_name,billing_company,billing_address_1,billing_address_2,

Billing_city,billing_postcode,billing_country,billing_state,billing_email,billing_phone

이제 functions.php 파일에 추가할 또 다른 코드로 양식 필드의 데이터를 검증할 시간입니다. 데이터 유효성 검사를 위해 아래 언급된 코드 줄을 사용합니다.

/**

* 필드를 등록합니다.

함수 Wooc_validate_extra_register_fields( $username, $email, $validation_errors ) {

if ( isset( $_POST['billing_first_name'] ) && 비어 있음( $_POST['billing_first_name'] ) ) {

$validation_errors->add( 'billing_first_name_error', __( '오류: 이름이 필요합니다!', 'woocommerce' ) );

}

if ( isset( $_POST['billing_last_name'] ) && 비어 있음( $_POST['billing_last_name'] ) ) {

$validation_errors->add( 'billing_last_name_error', __( '오류: 성은 필수입니다!.', 'woocommerce' ) );

}

$validation_errors 반환;

}

add_action( 'woocommerce_register_post', 'wooc_validate_extra_register_fields', 10, 3 );

이 코드는 양식 값에 대해 $_POST 배열을 확인하고 값이 없거나 데이터가 유효하지 않을 때마다 오류 메시지를 포함합니다.

마지막으로 이러한 값을 데이터베이스에 저장해야 합니다. 값이 검증되는 즉시 functions.php에서 다음 코드를 사용하여 데이터베이스에 값을 삽입해야 합니다.

/**

* 아래 코드는 추가 필드를 저장합니다.

기능 wooc_save_extra_register_fields( $customer_id ) {

if ( isset( $_POST['billing_phone'] ) ) {

// WooCommerce에서 사용되는 전화 입력 필드

update_user_meta( $customer_id, 'billing_phone', Sanitize_text_field( $_POST['billing_phone'] ) );

}

if ( isset( $_POST['billing_first_name'] ) ) {

//기본값인 이름 필드

update_user_meta( $customer_id, 'first_name', Sanitize_text_field( $_POST['billing_first_name'] ) );

// WooCommerce에서 사용되는 이름 필드

update_user_meta( $customer_id, 'billing_first_name', Sanitize_text_field( $_POST['billing_first_name'] ) );

}

if ( isset( $_POST['billing_last_name'] ) ) {

// 기본적으로 있는 성 필드

update_user_meta( $customer_id, 'last_name', Sanitary_text_field( $_POST['billing_last_name'] ) );

// WooCommerce에서 사용되는 성 필드

update_user_meta( $customer_id, 'billing_last_name', Sanitize_text_field( $_POST['billing_last_name'] ) );

}

add_action( 'woocommerce_created_customer', 'wooc_save_extra_register_fields' );

완성 된! 이제 성공적으로 값을 수집, 검증 및 데이터베이스에 추가했으며 사용할 준비가 되었습니다.

관련 게시물: BigCommerce와 WooCommerce의 비교 – 어느 것이 더 낫습니까?

보시다시피 등록 양식을 WooCommerce 스토어에 빠르게 추가하고 필드를 추가하고 사용자가 작업에 만족하는지 확인할 수 있습니다.

사업주로서 웹사이트를 가장 빨리 설정하는 것이 중요하며 그렇게 하는 동안 대부분의 것보다 더 큰 유연성을 제공하는 WordPress 플랫폼에서 설정해야 합니다.

우커머스와 호환되는 테마를 선택하고 우커머스 스토어에 등록 양식을 설정했는지 확인하세요.

이 과정은 상당히 쉽고 기껏해야 몇 분 이상 걸리지 않습니다. 우커머스 스토어에 등록 양식을 설정하는 번거로움이 왜 귀찮은지 궁금하다면 아래 나열된 이유를 확인하는 것이 좋습니다.

사용자 정보: 웹사이트의 등록 양식을 사용하면 사용자가 매일 업데이트를 구독하고 제품 및 서비스에 관한 최신 정보를 받도록 할 수 있습니다. 그들이 공유한 정보를 사용하여 마케팅을 최적화하여 이전보다 더 효과적으로 주요 인구 통계에 접근할 수 있습니다.
사용자 참여: 등록 양식을 사용하면 기본적으로 사용자와 상호 작용하게 됩니다. 사용자 참여가 증가하면 전환 및 실제 판매 가능성이 높아지므로 woo Commerce가 백그라운드에서 활성화된 등록 양식과 함께 제공되는지 확인해야 합니다.
마케팅: 사용자가 제공하는 모든 정보는 귀중한 것으로 입증되어야 합니다. 이 정보를 사용하여 직접 제품과 서비스를 판매할 수 있지만 스팸은 엄격히 허용되지 않으므로 스팸이 아닌지 확인하십시오.
더 중요한 것은 마케팅 전략을 간소화하고 고객이 제공한 정보를 사용하며 특정 광고로 고객을 타겟팅할 수 있다는 것입니다.
쉬운 설정: 등록 양식을 설정하는 과정은 상당히 쉽습니다. 우커머스 관리 영역으로 가서 백엔드에서 등록 양식을 활성화하고 활성화하기만 하면 됩니다. 새로운 고객의 관심을 끌 수 있도록 맞춤화할 수도 있으며 결과적으로 고객은 웹사이트에 방금 설치한 등록 양식을 통해 필요한 정보를 제공하는 데 관심을 가질 것입니다.
SEO: 웹사이트의 등록 양식을 통해 사용자에게 향상된 사용자 경험을 제공할 수 있어야 하며 이는 SERP 순위를 높이는 데 도움이 됩니다. 그러면 더 많은 트래픽이 발생하므로 페이지 조회수, 노출수 등을 높이는 데 도움이 됩니다.

다음은 귀하의 웹사이트에 등록 양식을 가장 빨리 설치해야 하는 이유 중 일부입니다.

더 중요한 것은 사용자에게 스팸을 보내지 않도록 하는 것이 새로운 고객과 잠재 고객을 쫓아낼 수 있는 확실한 방법이기 때문입니다.

당신은 그들에게 약간의 공짜, 제안 또는 귀하의 사이트 등록에 대한 추가 정보를 제공할 절충안을 제공해야 합니다.

그렇게 함으로써, 당신은 그들에게 가치 있는 것을 대가로 제공하는 것이고 이것은 확실히 그들의 관심을 최고조에 이르게 하고 그들이 등록 양식에 정보를 입력하게 해야 합니다.