اضافه کردن فیلد نام و نام خانوادگی به فرم ثبت نام حساب من ووکامرس

به صورت پیش فرض در صفحه ثبت نام حساب من ووکامرس فقط فیلد ایمیل وجود دارد. ممکن است شما بخواهید فیلدهای نام و نام خانوادگی را هم به فرم ثبت نام اضافه کنید. در این مقاله ما نحوه افزودن فیلد نام و نام خانوادگی به فرم ثبت نام حساب کاربری ووکامرس را به وسیله یک قطعه کد به شما آموزش می دهیم.

افزودن فیلد نام و نام خانوادگی به فرم ثبت نام حساب کاربری ووکامرس

برای اضافه کردن فیلد نام و نام خانوادگی به فرم ثبت نام حساب من ووکامرس فقط کافی است تا به سادگی قطعه کد زیر را به فایل functions.php قالب وردپرس خود اضافه کنید:

// 1. ADD FIELDS

add_action( 'woocommerce_register_form_start', 'bbloomer_add_name_woo_account_registration' );

function bbloomer_add_name_woo_account_registration() {
?>

<p class="form-row form-row-first">
<label for="reg_billing_first_name"><?php _e( 'First name', 'woocommerce' ); ?> <span class="required">*</span></label>
<input type="text" class="input-text" name="billing_first_name" id="reg_billing_first_name" value="<?php if ( ! empty( $_POST['billing_first_name'] ) ) esc_attr_e( $_POST['billing_first_name'] ); ?>" />
</p>

<p class="form-row form-row-last">
<label for="reg_billing_last_name"><?php _e( 'Last name', 'woocommerce' ); ?> <span class="required">*</span></label>
<input type="text" class="input-text" name="billing_last_name" id="reg_billing_last_name" value="<?php if ( ! empty( $_POST['billing_last_name'] ) ) esc_attr_e( $_POST['billing_last_name'] ); ?>" />
</p>

<div class="clear"></div>

<?php
}

///////////////////////////////
// 2. VALIDATE FIELDS

add_filter( 'woocommerce_registration_errors', 'bbloomer_validate_name_fields', 10, 3 );

function bbloomer_validate_name_fields( $errors, $username, $email ) {
if ( isset( $_POST['billing_first_name'] ) && empty( $_POST['billing_first_name'] ) ) {
$errors->add( 'billing_first_name_error', __( '<strong>Error</strong>: First name is required!', 'woocommerce' ) );
}
if ( isset( $_POST['billing_last_name'] ) && empty( $_POST['billing_last_name'] ) ) {
$errors->add( 'billing_last_name_error', __( '<strong>Error</strong>: Last name is required!.', 'woocommerce' ) );
}
return $errors;
}

///////////////////////////////
// 3. SAVE FIELDS

add_action( 'woocommerce_created_customer', 'bbloomer_save_name_fields' );

function bbloomer_save_name_fields( $customer_id ) {
if ( isset( $_POST['billing_first_name'] ) ) {
update_user_meta( $customer_id, 'billing_first_name', sanitize_text_field( $_POST['billing_first_name'] ) );
update_user_meta( $customer_id, 'first_name', sanitize_text_field($_POST['billing_first_name']) );
}
if ( isset( $_POST['billing_last_name'] ) ) {
update_user_meta( $customer_id, 'billing_last_name', sanitize_text_field( $_POST['billing_last_name'] ) );
update_user_meta( $customer_id, 'last_name', sanitize_text_field($_POST['billing_last_name']) );
}

}

توجه: پیشنهاد می کنیم برای اینکه بعد از آپدیت قالب تغییرات شما از بین نرود، از چایلد تم استفاده کنید.

تمام کاری که باید انجام می دادید همین بود. اکنون اگر صفحه ثبت نام حساب کاربری ووکامرس را بررسی کنید فیلد های نام و نام خانوادگی به آن اضافه شده است:

به پایان این مقاله رسیدیم، امیدواریم که نحوه اضافه کردن فیلدهای نام و نام خانوادگی به فرم ثبت نام حساب من ووکامرس را یاد گرفته باشید. همچنین ممکن است بخواهید برای توسعه فروشگاه ووکامرس خود آموزش های زیر را هم ببینید:

• حذف کردن آیتم از منو حساب کاربری ووکامرس
• نحوه اضافه کردن آیتم به منو حساب کاربری ووکامرس
• ویرایش فیلدهای صفحه پرداخت ووکامرس با Woo Checkout Field Editor Pro