¿Cómo personalizar completamente el formulario de registro de WooCommerce?

  • ¿Cómo personalizar completamente el formulario de registro de WooCommerce?

    Discusión creada por Simón Marín el 2 de julio de 2025 en 8:24 AM

    Hola comunidad UXDivi,

    Estoy trabajando en un proyecto para una PYME del sector construcción y me encuentro con un problema importante en el proceso de registro de usuarios en WooCommerce que afecta directamente la experiencia del cliente y nuestra operatividad.

    🔴 El Problema Principal

    El formulario de registro predeterminado de WooCommerce solo solicita:

    • Email
    • Contraseña

    Sin embargo, necesitamos recopilar información esencial desde el primer momento, no después. Como empresa de servicios, es fundamental conocer a nuestros clientes inmediatamente.

    📋 Lo que necesito implementar:

    1. Campos adicionales en el registro inicial:

    • ✅ Nombre y Apellido (obligatorios)
    • ✅ Nombre de usuario personalizable
    • ✅ Número telefónico
    • ✅ Género (Masculino/Femenino)
    • ✅ Fecha de nacimiento
    • ✅ Dirección completa

    2. Control sobre el nombre de usuario:

    • Actualmente WooCommerce toma automáticamente la parte antes del @ del email
    • Necesito que el usuario pueda elegir su propio nombre de usuario
    • Que sea editable posteriormente

    ⚠️ Problemas adicionales encontrados:

    A) Flujo de usuario interrumpido:

    • El cliente debe crear la cuenta primero
    • Luego ir a «Mi cuenta» → «Editar cuenta»
    • Completar manualmente toda la información faltante
    • Resultado: Muchos usuarios nunca completan su perfil

    B) Validación de campos confusa:

    • Si el usuario intenta actualizar solo su nombre y apellido
    • Pero no completa TODOS los campos obligatorios (ej: «Nombre visible»)
    • El sistema no guarda NADA
    • No muestra mensajes de error específicos
    • El usuario no entiende qué está fallando

    ❓ Mis preguntas para la comunidad:

    1. ¿Conocen algún plugin confiable que permita personalizar completamente el formulario de registro de WooCommerce? Necesito que:

      • Agregue campos personalizados al registro
      • Los campos aparezcan también en la edición de cuenta
      • Permita establecer campos como obligatorios/opcionales
      • Ofrezca validación clara con mensajes de error específicos
    2. ¿Cómo manejan ustedes el tema del nombre de usuario? ¿Existe alguna forma de:

      • Permitir que el usuario elija su username durante el registro
      • Evitar que se genere automáticamente desde el email
      • Hacerlo editable posteriormente
    3. Para la validación de campos, ¿han encontrado alguna solución que:

      • Permita guardar cambios parciales
      • Muestre claramente qué campos faltan por completar
      • No obligue a completar TODO de una vez

    🛠️ Lo que ya he intentado:

    • Revisar la configuración nativa de WooCommerce → Cuentas y privacidad
    • Buscar en las opciones de Divi para personalizar formularios
    • Investigar hooks y filtros básicos (pero prefiero una solución más robusta)

    💡 Contexto adicional:

    Como empresa de construcción, necesitamos esta información para:

    • Generar cotizaciones personalizadas
    • Contactar rápidamente a los clientes
    • Cumplir con requisitos legales/fiscales
    • Mejorar la comunicación y seguimiento de proyectos

    ¿Alguien ha resuelto algo similar? Agradecería mucho sus recomendaciones, especialmente si han trabajado con clientes B2B o empresas de servicios donde la información completa del cliente es crítica desde el inicio.

    Si conocen algún snippet de código, plugin (gratuito o premium), o metodología específica que funcione<msreadoutspan> bien con Divi, sería de gran <msreadoutspan>ayuda</msreadoutspan>.</msreadoutspan>

    ¡Gracias de antemano por su tiempo y experiencia!
    ——————————————————————————-
    Para mayor claridad, también dejo un link en el que explico el caso en formato MP4:
    https://youtu.be/9R5_qrPQLuQ

    Jefferson Maldonado ha respondido hace 1 semana, 4 dias 2 Miembros · 1 Respuesta
  • 1 Respuesta
  • Jefferson Maldonado

    organizador
    3 de julio de 2025 en 9:49 AM

    Hola Simón

    ¡Muy buena pregunta! Para personalizar completamente el formulario de registro de WooCommerce (añadiendo campos como nombre, teléfono, género, fecha de nacimiento, dirección, nombre de usuario editable, validación clara, etc.), te recomiendo usar plugins especializados que ofrecen gran flexibilidad y control sin tener que tocar código.

    1. Custom User Registration Fields for WooCommerce

    Este plugin premium te permite agregar campos adicionales (texto, teléfono, fecha, selectores, comprobación de correo único, entre otros) al formulario de registro y al checkout. También los muestra en “Mi cuenta” y en los emails, con validación robusta y lógica condicional según rol o tipo de usuario. Muy efectivo para B2B o servicios. 

    2. Ultimate Member (Community + Extension WooCommerce)

    Es una solución freemium muy completa para registros personalizados.

    • Permite crear varios formularios de registro con campos obligatorios u opcionales.
    • El usuario puede elegir su username y modificarlo luego (si activas ese campo).
    • Soporta validaciones específicas (teléfono, fecha, etc.) y control de errores.
    • Integra roles por formulario, edición en “Mi cuenta” y log de información.
    • Hay una extensión WooCommerce para sincronización con pedidos. 

    Ventajas clave

    Campos adicionales al registro: Ambos plugins permiten añadir nombre, teléfono, género, fecha, dirección, etc.

    Username editable: Con Ultimate Member puedes incluir el campo “username” editable desde el registro.

    Validación clara: Plugins como UM permiten mostrar mensajes específicos si faltan datos o son inválidos

    Flujo de registro unificado: El usuario puede completar todo desde el registro: no necesita ir a editar perfil después/múltiples pasos.

    Integración con WooCommerce: Custom fields se sincronizan con “checkout” y “Mi cuenta”; Ultimate Member añade la extensión para WooCommerce ()

    Sobre este plugin tenemos un módulo completo en este curso, aunque no creamos como tal un formulario, puedes ver un poco como funciona el plugin: https://uxdivi.com/cursos/curso-crear-una-academia-online-con-learndash-y-divi/lecciones/leccion-6-creacion-de-la-pagina-de-alumno-registro-y-resultados-de-busqueda/clases/bonus-crear-area-de-usuario-para-tu-sitio-de-cursos-en-divi-con-ultimate-member

    Recomendación

    • Si quieres una integración sencilla, potente y enfocada 100 % en WooCommerce, elige Custom User Registration Fields for WooCommerce (desde $59/año) – excelente para B2B y validaciones completas.

    • Si deseas más control sobre roles, perfiles, flujos personalizados y una comunidad más avanzada, utiliza Ultimate Member con su extensión WooCommerce.

    Ambas son compatibles con Divi porque generan formularios desde WP que puedes incrustar en páginas Divi con shortcodes o bloques.

    Un abrazo,

    Jefferson – UXDivi

Inicia sesión para responder.