WooCommerce: agregue el campo «Confirmar dirección de correo electrónico» al finalizar la compra

Una dirección de correo electrónico correcta vale mil dólares, diría algún experto en comercio electrónico  Entonces, no quieres que tus visitantes de pago de WooCommerce se equivoquen con eso, ¿verdad?

¿Qué hay de agregar un campo de «Verificación de correo electrónico»? De esta manera, podemos asegurarnos de que verifiquen dos veces su entrada, ¡y también mostrar un mensaje de error en caso de que no coincidan!

Veamos cómo implementé esto para un cliente mío independiente. ¡Estoy seguro de que lo agradecerá!

Agregue un campo de verificación de correo electrónico @ WooCommerce checkout

Fragmento de PHP: agregue el campo «Confirmar dirección de correo electrónico» @ WooCommerce Checkout

/**
* @snippet       Add "Confirm Email Address" Field @ WooCommerce Checkout
* @how-to        Get CustomizeWoo.com FREE
* @author        Rodolfo Melogli
* @testedwith    WooCommerce 3.8
* @donate $9     https://businessbloomer.com/bloomer-armada/
*/
  
// ---------------------------------
// 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' => 'Confirm mail Address',
    'required' => true,
    'class' => array( 'form-row-last' ),
    'clear' => true,
    'priority' => 999,
);
  
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', 'error' );
    }
}

Deja un comentario