subir email página pago woocommerce

Subir campo email del formulario de pago Woocommerce

En el mini tutorial de hoy voy a enseñarte a cómo subir el campo del email en el formulario de Woocommerce tanto por plugin como por código.

Puede parecerte una tontería, pero es importante que el campo de email esté al principio por lo que voy a explicarte a continuación.

Por cierto, antes de seguir adelante con el tutorial es importante que tengas instalado Woocommerce para poder tener una tienda online en WordPress, porque sino vamos apañados.

La razón de subir el email en el checkout

Puede ser que te preguntes el porqué subir el email en el formulario de pago de Woocommerce.

Muy fácil, esto se hace en el caso que tengas un sistema de recuperar carritos abandonados.

Para que esto sea efectivo se necesita tener el email para poder comunicarnos con el cliente que no ha efectuado la compra, por eso es importante que el campo del email esté rellenado.

Si lo tenemos al final del formulario puede que el cliente no llegue a rellenarlo, de aquí la importancia de tenerlo al principio.

Mover campo de email al principio en el formulario de pago de Woocommerce

Existen dos métodos para modificar el campo de email en el formulario de pago de Woocommerce, y como siempre una será con plugin y otra con código php.

subir campo de email en la página de pago de Woocommerce

Modificado con plugin

Voy a empezar por la opción más fácil, y es modificar el campo de email del checkout con un plugin para Woocommerce.

Checkout Field Editor for WooCommerce

De este plugin ya te hablé en el post de los mejores plugins para Woocommerce.

Es un plugin ligero que a parte de modificar el campo del email de la página de pago te permite también personalizarlo.

41 Kb
+ 200K instalaciones activas

4.8 de 5 estrellas 259 opiniones

Subir email en la página de pago con código .php

Sin duda la mejor opción, te ahorras la instalación de un plugin y así no sobrecargas WordPress.

En caso de que no sepas como hacerlo aquí tienes un tutorial de cómo añadir código php a WordPress.

En medida de lo posible te recomiendo que todos las personalizaciones que vayas a efectuar en WordPress o Wocoommerce hazlo siempre con código.

Importante

Antes de efectuar cualquier cambio en el archivo function.php te recomiendo que efectues una copia de seguridad

Código que tienes que pegar en la hoja de functions.php:

/* SUBIR CAMPO DE EMAIL EN LA PÁGINA DE PAGO WOOCOMMERCE */
 
add_filter( 'woocommerce_billing_fields', 'jm_mover_checkout_email_field', 10, 1 );
 
function jm_mover_checkout_email_field( $address_fields ) {
    $address_fields['billing_email']['priority'] = 20;
    return $address_fields;
}

Una vez hayas pegado el código podrás ver que el campo de email se ha puesto debajo del nombre y apellido en la página de pago de Woocommerce.

En caso de que el snippet no funcione puedes escribirme en los comentarios para revisarlo y actualizarlo.

Y nada más, ha sido un tutorial corto pero muy útil. Con el tiempo iré subiendo más tutoriales para modificar pequeñas cositas de Woocommerce.

¡Hasta entonces, nos vemos al otro lado de la pantalla!

Comparte si te ha parecido interesante

Acerca de Jordi Mey

Soy nómada digital y consultor SEO. Vivo viajando con mi furgoneta por el mundo ayudando a otros emprendedores a mejorar su posicionamiento en los buscadores.

¿Olvidaste tu contraseña?