WooCommerce 教程：添加“确认电子邮件地址”字段在结帐页面

正确的电子邮件地址值得一千美元，一些电子商务专家会说 🙂

所以，您不想让您的结帐访客搞砸了，是吗？

如何添加 “电子邮件验证” 字段？这样，我们可以确保他们重新检查他们的条目，并显示错误信息，以防它们不匹配！

让我们看看我是如何为自己的客户实施的 – 我相信您会感激的！

PHP 代码片段：添加 “确认电子邮件地址” 字段 @WooCommerce Checkout

 

/**
* @snippet Add "Confirm Email Address" Field @ WooCommerce Checkout
* @how-to Watch tutorial @ https://businessbloomer.com/?p=19055
* @sourcecode https://businessbloomer.com/?p=72602
* @author Rodolfo Melogli
* @testedwith WooCommerce 3.0.7
*/

// ---------------------------------
// 1) Make original email field half width
// 2) Add new confirm email field

add_filter( 'woocommerce_checkout_fields' , 'bbloomer_add_email_verification_field_checkout' );
 
function bbloomer_add_email_verification_field_checkout( $fields ) {

$fields['billing']['billing_email']['class'] = array('form-row-first');

$fields['billing']['billing_em_ver'] = array(
    'label'     => __('Email Address Verification', 'bbloomer'),
    'required'  => true,
    'class'     => array('form-row-last'),
    'clear'     => true
);

return $fields;
}

// ---------------------------------
// 3) Generate error message if field values are different

add_action('woocommerce_checkout_process', 'bbloomer_matching_email_addresses');

function bbloomer_matching_email_addresses() { 
$email1 = $_POST['billing_email'];
$email2 = $_POST['billing_em_ver'];
if ( $email2 !== $email1 ) {
wc_add_notice( __( 'Your email addresses do not match', 'bbloomer' ), 'error' );
}
}