blog webempresa

Agregar campo al formulario de registro de WooCommerce

por | Ago 13, 2022 | Tutoriales sobre WooCommerce

Agregar campo al formulario de registro de WooCommerce

De forma predeterminada, el formulario de registro de WooCommerce solo solicita el correo electrónico, pero ¿qué pasa si desea solicitar más datos para poder registrarse? ¿Es posible?

Lo primero que debe tener en cuenta es que, de forma predeterminada, la página “Mi cuenta” de WooCommerce no permite el registro , por lo que primero deberá habilitar esta configuración de WooCommerce.

Una vez que haya verificado que la configuración está activa, todo lo que queda es decidir qué campo desea agregar al formulario de registro de WooCommerce y crear una función como esta:

/* campo extra en registro */
add_action( 'woocommerce_register_form', 'we_new_field_register_woo' );
function we_new_field_register_woo(){
woocommerce_form_field(
'favorite_food',
array(
'type' => 'text',
'required' => true, // This for the field to be required
'label' => 'What is your favorite food?'
),
( isset($_POST['favorite_food']) ? $_POST['favorite_food'] : '' )
);
}
//agregar validacion
add_action( 'woocommerce_register_post', 'we_validate_field', 10, 3 );
function we_validate_field( $username, $email, $errors ) {
if ( empty( $_POST['favorite_food'] ) ) {
$errors->add( 'error_favorite_food', 'We really want to know!' );
}
}
//agregar a base de datos
add_action( 'woocommerce_created_customer', 'we_save_register_fields' );
function we_save_register_fields( $customer_id ){
if ( isset( $_POST['favorite_food'] ) ) {
update_user_meta( $customer_id, 'favorite_food', wc_clean( $_POST['favorite_food'] ) );
}
}

En el código anterior hacemos 3 cosas:

  • Creamos un nuevo campo en el que le pedimos al usuario que nos diga cuál es su comida favorita. ( favorite_food) y el texto visible.
  • Agregamos validación para mostrar un error si el campo no está lleno, haciéndolo obligatorio.
  • Guardamos el valor en la base de datos.

Este sería el resultado:

Este código que hemos visto se agrega idealmente a un complemento de personalización como los sería Code snippets o, en su defecto, al functions.php de tu tema el cual puedes localizar en:

Cpanel > Administrador de archivos > Public_html > Dominio > wp-content > themes > Tema o tema hijo > Archivo functions.php

¿Te ha resultado útil este artículo?

Video tutorial, paso a paso y demo del editor de contenidos

 

La verdad es que este creador de webs con IA me tiene algo enamorado, y aquí te envío un vídeo de cómo es “por dentro”, para terminar de convencerte y animarte a que lo utilices.

Durante el vídeo voy a:

  • Configurar la web desde cero, con el asistente (que hemos visto en el apartado anterior).
  • Añadir información sobre mi web (una web para un restaurante vegano en madrid, especializado en verduras de la huerta).
  • Ver el resultado y explorar las características principales de WeBuilder en cuanto a configuración y posibilidades generales.

Ten en cuenta que este vídeo no es un curso completo sobre la herramienta, es un recorrido por encima para que te hagas una idea de las posibilidades que tiene.

 

 

 

Conclusión

Crear una web con IA y WeBuilder te permite centrarte en tu negocio o tu pasión, dejando la parte técnica en manos de algoritmos inteligentes. Ahorro de tiempo, costes reducidos y resultados profesionales son solo el comienzo.

  1. Define tu proyecto y palabras clave.
  2. Deja que la IA genere la estructura y contenido.
  3. Personaliza el diseño y las funcionalidades.
  4. Publica y mantén tu sitio siempre optimizado.
  5. Delega la parte técnica y las dudas al equipo de soporte de Webempresa.

Prueba WeBuilder hoy mismo y lleva tu proyecto a un nivel que no pensabas alcanzable hasta antes de leer este artículo, y todo gracias a la potencia de la inteligencia artificial en Webempresa.

¡Espero de todo corazón que este artículo te haya servido para darte un empujoncito a llevar a cabo esa puesta a punto de tu web o prueba de concepto de tu proyecto, y nos vemos en el siguiente artículo!

Promo hosting Webempresa julio 2025