Campo de confirmación de correo electrónico en WooCommerce

Estarás conmigo que uno de los errores más comunes que cometen los clientes de una tienda online, y en casi todas las webs, es a la hora de introducir correctamente su correo electrónico.

Y claro, luego pasa lo que pasa…

No les llega la confirmación de creación de la cuenta
No les llegan las confirmaciones de pedidos
No les llegan los seguimientos de envío
No les llegan las facturas
No les llega NADA … ¡porque pusiste mal el email so cazurrooooooo!

Vale, ya estoy más relajado …

Es una realidad, el cliente al finalizar la compra está más pendiente de poner bien los datos bancarios o de que en el pedido esté lo que que quería, que de rellenar bien los campos (obligatorios e imprescindibles) para gestionar su pedido, su facturación, etc.

Y cometen muchos errores.

Pues bien, un modo estupendo de evitar estos errores a la hora de introducir el correo electrónico es añadir otro campo, para una doble verificación, y que si se equivocan al introducir de nuevo el email, salga un error, hasta que lo ponga bien en los dos campos (o mal en los dos campos, que también lo he visto).

Un modo sencillo y rápido de añadir este campo adicional de comprobación del correo electrónico en la página de finalizar compra sería mediante este código:

/* Campo para confirmar email al finalizar compra */
add_filter( 'woocommerce_checkout_fields' , 'ayudawp_confirmar_email_finalizar_compra' );
function ayudawp_confirmar_email_finalizar_compra( $fields ) {
$fields['billing']['billing_email']['class'] = array( 'form-row-first' );
$fields['billing']['billing_em_ver'] = array(
'label' => 'Confirmar el correo electrónico',
'required' => true,
'class' => array( 'form-row-last' ),
'clear' => true,
'priority' => 999,
);
return $fields;
}
// Mensaje de error si los emails son distintos
add_action('woocommerce_checkout_process', 'ayudawp_comprobar_doble_email');
function ayudawp_comprobar_doble_email() { 
$email1 = $_POST['billing_email'];
$email2 = $_POST['billing_em_ver'];
if ( $email2 !== $email1 ) {
wc_add_notice( 'Tus direcciones de correo electrónico no coinciden', 'error' );
}
}

Este código puedes añadirlo al archivo functions.php del tema activo o a tu propio plugin de personalizaciones.

Pasarás de esto: