Últimas noticias de SeedProd

Tutoriales, consejos y recursos de WordPress para ayudarte a hacer crecer tu negocio

WordPress: añadir campos al formulario de registro

Cómo agrego campos personalizados a un formulario de registro de WordPress con WPForms 

Escrito por: avatar del autor Stacey Corrin
avatar del autor Stacey Corrin
Stacey Corrin es una especialista certificada en marketing de contenidos y b uevoacute;squeda con maacute;s de 15 anilde;os de experiencia escribiendo sobre WordPress, SEO y marketing digital. Gestiona el contenido de SeedProd y RafflePress, cubriendo herramientas y estrategias que ella misma utiliza y prueba activamente.
    
Revisado por: avatar del revisor Turner John
avatar del revisor Turner John
John Turner es el cofundador de SeedProd. Tiene más de 20 años de experiencia en negocios y desarrollo, y sus plugins han sido descargados más de 25 millones de veces.

En resumen: Cómo añadir campos personalizados a un formulario de registro de WordPress con WPForms

El formulario de registro predeterminado de WordPress recopila un nombre de usuario y un correo electrónico. Eso es todo. Aquí te explicamos cómo agregar campos personalizados usando WPForms para que captures números de teléfono, nombres de empresas, perfiles sociales y más, sin necesidad de un plugin adicional.

  1. Activar el Complemento: Instala WPForms Pro y activa el Complemento de Registro de Usuarios desde WPForms » Complementos.
  2. Crear el Formulario: Ve a WPForms » Añadir Nuevo, asígnale un nombre y elige la plantilla de Formulario de Registro de Usuarios.
  3. Agregar campos personalizados: En el constructor de formularios de WPForms, arrastra los campos adicionales que necesites (por ejemplo, Texto de línea única para "Número de teléfono") y arrástralos a tu formulario.
  4. Mapear los Campos: En WPForms Ajustes » Registro de Usuarios, mapea cada campo del formulario a la clave meta de usuario correcta.
  5. Configurar Confirmaciones: Elige un mensaje, redirección a página o redirección a URL para después de que los usuarios envíen el formulario.
  6. Publicar: Añade el bloque WPForms a una nueva página de WordPress y publica.

El formulario de registro predeterminado de WordPress solicita un nombre de usuario y un correo electrónico. Eso es todo. Si administras un sitio de membresía, una tienda WooCommerce o cualquier tipo de comunidad, no tienes ni idea de quién se ha registrado.

No puedes solicitar un número de teléfono, nombre de empresa o enlace a perfil social. No puedes segmentar tu lista. No puedes personalizar nada. Es un formulario de dos campos intentando hacer un trabajo completo de incorporación.

En esta guía, te mostraré cómo agregar campos personalizados a tu formulario de registro de usuarios de WordPress usando WPForms. No se necesita codificación.

¿Qué son los Campos Personalizados en los Formularios de Registro de WordPress?

Los campos personalizados en los formularios de registro de WordPress son campos de entrada adicionales que puedes añadir para recopilar más información de los nuevos usuarios durante el registro.

Por defecto, WordPress solo solicita un nombre de usuario y una dirección de correo electrónico. Con campos personalizados, puedes solicitar información adicional como números de teléfono, nombres de empresas, puestos de trabajo o perfiles de redes sociales.

Añadir estos campos te proporciona mejores perfiles de usuario y te ayuda a personalizar la experiencia de tu sitio o tus campañas de marketing. Para los propietarios de sitios que administran un sitio de membresía de WordPress, estos datos son esenciales desde el primer día.

Cómo añadir campos personalizados a un formulario de registro de WordPress (paso a paso)

Aquí te explicamos cómo crear uno.

Creador de formularios de arrastrar y soltar de WPForms en el panel de administración de WordPress
Precio: A partir de 49,50 €/año
Plan Gratuito / Prueba: Versión Lite gratuita disponible
Funciones destacadas:
🔹 Creador de formularios de arrastrar y soltar
🔹 Complemento de Registro de Usuarios para campos personalizados
🔹 Plantillas predefinidas para formularios de registro
Ideal para: Principiantes que desean formularios de registro de WordPress sin código

Para este tutorial, usaré WPForms; tiene un complemento dedicado de registro de usuarios que mapea campos personalizados directamente a los perfiles de usuario de WordPress, por lo que no tendrás que escribir ningún código PHP.

WPForms es un constructor de formularios de WordPress de arrastrar y soltar con más de 6 millones de instalaciones activas. Lo uso en el sitio de SeedProd y es el constructor de formularios al que recurro primero cuando necesito un formulario de registro que se sincronice con los perfiles de usuario.

¿Por qué no echas un vistazo a esta reseña de WPForms en profundidad para conocer todos los detalles?

Importante: Necesitarás WPForms Pro o superior; el complemento de Registro de Usuarios no está disponible en la versión Lite gratuita ni en el plan Basic. Consigue tu copia de WPForms aquí. Luego, cuando hayas descargado el complemento, puedes aprender cómo instalar un complemento de WordPress aquí.

Una vez que hayas descargado e instalado WPForms, continúa con el Paso 1.

Paso 1: Crea un Formulario de Registro de Usuarios de WordPress con un Plugin

El complemento de registro de usuarios de WPForms es lo que conecta los campos de tu formulario con las cuentas de usuario de WordPress. Actívalo antes de crear el formulario.

Para empezar, ve a WPForms » Complementos desde tu administrador de WordPress. Luego, localiza el Complemento de registro de usuarios y haz clic en Activar.

Complemento de formulario de registro de usuarios WPForms

A continuación, ve a WPForms » Añadir Nuevo para crear un nuevo formulario.

Luego, en la pantalla de configuración, dale un nombre a tu formulario y elige la plantilla Formulario de Registro de Usuarios.

Plantilla de formulario de registro de usuarios

Al hacer clic en la plantilla, WPForms crea un formulario de registro de usuarios predeterminado, que puedes personalizar.

Puedes reorganizar los campos de tu formulario arrastrando elementos a una posición diferente. Añadir nuevos campos al formulario es tan sencillo como arrastrarlos desde el panel izquierdo y soltarlos en el panel derecho.

Constructor de formularios de registro de usuarios

Paso 2: Mapear campos personalizados a metadatos de usuario de WordPress

WPForms maneja el mapeo de campos personalizados de forma nativa. No necesitas ningún plugin adicional para almacenar datos personalizados en los perfiles de usuario.

Primero, asegúrate de que tus campos personalizados ya estén en el formulario. En el constructor de formularios, arrastra los campos adicionales que necesites desde el panel izquierdo a tu formulario. Por ejemplo, arrastra un campo de Texto de línea única y nómbralo "Número de teléfono".

Mientras estás en la configuración del campo, también puedes añadir texto de marcador de posición y texto de ayuda para guiar a los usuarios. El texto de marcador de posición aparece como texto gris claro dentro del campo antes de que escriban. El texto de ayuda aparece como una pequeña nota debajo de la etiqueta del campo. Ambos reducen los registros abandonados porque los usuarios saben exactamente qué introducir.

Para hacer que cualquier campo personalizado sea obligatorio, activa el interruptor Requerido en el panel de configuración del campo. Los campos requeridos muestran un asterisco rojo en tu formulario y evitan el envío si se dejan en blanco.

Ahora haz clic en la pestaña Ajustes y ve a Registro de usuarios. Aquí es donde le dices a WPForms dónde almacenar los datos de cada campo.

Desplázate hacia abajo hasta la sección Campos de metadatos de usuario personalizados. Verás un campo de texto para la clave de metadatos y un menú desplegable para seleccionar el campo del formulario correspondiente.

Sección Campos de metadatos de usuario personalizados en la configuración de registro de usuarios de WPForms

Introduce tu clave de metadatos en el campo de texto (por ejemplo, phone_number) y luego selecciona el campo del formulario correspondiente en el menú desplegable. Para este ejemplo, elige tu campo de Número de teléfono.

Para agregar otro mapeo, haz clic en el botón azul + y repite el proceso. Puedes agregar tantos campos de metadatos personalizados como necesites.

También te podría interesar añadir una casilla de verificación pidiendo a los usuarios que se suscriban a tu lista de correo electrónico. Esta es una excelente manera de hacer crecer tu lista de correo electrónico desde el momento en que alguien se registra.

Cuando hayas terminado, haz clic en Guardar. WPForms almacenará cada valor enviado directamente como metadatos de usuario de WordPress, visibles en Usuarios » Todos los usuarios en tu administrador.

Paso 3: Configurar el resto de los ajustes de registro

Mientras sigues en Ajustes » Registro de usuarios, tómate un momento para configurar el resto de las opciones de registro.

En la parte superior de la página, usa los menús desplegables de mapeo de campos para asociar tus campos de formulario estándar (nombre, nombre de usuario, contraseña, correo electrónico) con los campos de perfil de WordPress correctos. Debajo de eso, establece el rol de usuario predeterminado para cualquiera que se registre a través de este formulario.

También puedes habilitar notificaciones por correo electrónico para nuevos registros y elegir una redirección de confirmación para enviar a los usuarios a una página de agradecimiento o a la pantalla de inicio de sesión después de que envíen el formulario. Haz clic en Guardar cuando hayas terminado.

Paso 4: Configura las Notificaciones de Registro de Usuarios en WordPress

Por defecto, WPForms te envía una notificación por correo electrónico cada vez que alguien se registra. Para obtener ayuda sobre cómo configurar la página completa de notificaciones, consulta la documentación de WPForms sobre notificaciones de formularios.

Configuración de notificación del formulario de registro

Paso 5: Añade un Mensaje de Confirmación para tu Formulario de Registro

En este paso, veremos cómo configurar los mensajes que verán los usuarios cuando envíen un formulario de registro de usuario.

Esto es útil si necesitas que los usuarios confirmen su cuenta para completar el proceso de registro, ya que puedes mostrar un mensaje agradeciéndoles por registrarse y pidiéndoles que estén atentos a tu correo electrónico de validación.

Configuración de confirmación del formulario de registro de usuario

Hay 3 tipos de confirmación en WPForms:

  1. Mensaje – Esta es la confirmación predeterminada. Cuando los usuarios completan tu formulario, aparece un mensaje indicándoles que se ha enviado correctamente.
  2. Mostrar página – Este tipo de confirmación envía a los usuarios a una página web específica de tu sitio agradeciéndoles por registrarse. Por ejemplo, puedes mostrar tu página de inicio de sesión inmediatamente después de que se registren.
  3. Ir a URL (Redirigir) – Esta opción se utiliza cuando quieres enviar a los clientes a un sitio web diferente.

Cuando hayas elegido tu tipo de mensaje de confirmación, haz clic en Guardar y pasa a publicar tu formulario.

Paso 6: Publica tu formulario de registro de WordPress con campos personalizados

WPForms facilita la adición de tu formulario de registro a cualquier publicación, página o barra lateral. Vamos a publicarlo en una página de WordPress.

Ve a Páginas » Añadir nueva para crear una nueva página. En el editor de WordPress, haz clic en el icono Más (+), busca "WPForms" y haz clic en el bloque WPForms para añadirlo.

Añadir el bloque WPForms al editor de WordPress

Elige tu formulario de registro de usuarios en el menú desplegable y se añadirá a tu página para previsualizar.

Seleccionar un formulario de registro de usuarios del menú desplegable de WPForms en el editor de WordPress

Antes de publicar, siempre recomiendo habilitar la protección contra spam integrada de WPForms. Ve a Ajustes » Protección contra spam y seguridad del formulario y activa el campo anti-spam honeypot o conecta reCAPTCHA. Un formulario de registro público atrae bots rápidamente.

Cuando estés satisfecho, haz clic en Publicar para lanzar tu formulario.

Formulario de registro de usuarios de WordPress con campos personalizados

Qué hacer con los datos de tu registro

Una vez que tu formulario esté activo, tendrás datos de usuarios en WordPress. Aquí te explicamos cómo ponerlos a trabajar:

  • Ver entradas en WPForms: Ve a WPForms » Entradas para ver cada envío de registro con todos los datos de campos personalizados.
  • Conectar con tu plataforma de correo electrónico: WPForms se integra de forma nativa con Mailchimp, ConvertKit, ActiveCampaign y otros proveedores. Mapea tus campos personalizados a etiquetas o segmentos de listas para que los inscritos reciban los correos electrónicos correctos desde el primer día.
  • Ver datos en perfiles de usuario: Los campos mapeados a través del Complemento de Registro de Usuarios aparecen directamente en los perfiles de usuario en Usuarios » Todos los usuarios. Los administradores pueden ver y editar los datos desde allí.

Cómo añadir campos personalizados a un formulario de registro de WooCommerce

Si tienes una tienda WooCommerce, puedes recopilar campos personalizados en el registro y al finalizar la compra utilizando la misma configuración de WPForms.

WPForms se integra con WooCommerce de forma nativa en los planes Pro y Elite. El Complemento de Registro de Usuarios funciona en las páginas de finalización de compra y registro de WooCommerce. Esto significa que los mismos campos personalizados que creaste en los Pasos 1-3 pueden aparecer cuando un cliente crea una cuenta al finalizar la compra.

Para habilitarlo, ve a WPForms » Ajustes » Integraciones y conecta tu tienda WooCommerce. A partir de ahí, puedes mapear tus campos del formulario de registro a los datos del cliente de WooCommerce para que la información se almacene tanto en el perfil de usuario de WP como en el registro del pedido de WooCommerce.

Esto es especialmente útil si deseas recopilar nombres de empresas o números de IVA al finalizar la compra, o preguntar a los clientes B2B su sector para poder segmentar los correos electrónicos posteriores a la compra. Para más información sobre cómo personalizar la experiencia de finalización de compra, consulta nuestra guía para personalizar la página de finalización de compra de WooCommerce.

Nota: Este tutorial utiliza WPForms para el formulario de registro. Si estás utilizando un plugin de registro diferente, como Ultimate Member, puedes agregar campos personalizados desde el administrador de campos de ese plugin. La configuración de WPForms que se cubre aquí no es necesaria.

Preguntas frecuentes sobre cómo añadir campos personalizados a los formularios de registro de WordPress

¿Cómo añado campos personalizados a un formulario de registro de WooCommerce?

WPForms Pro se integra con WooCommerce a través del complemento de registro de usuarios. Después de conectar WooCommerce en WPForms » Configuración » Integraciones, puedes mapear tus campos personalizados al flujo de registro de pago de WooCommerce. Los campos personalizados agregados a través de la sección Campos de metadatos de usuario personalizados de WPForms se guardan como metadatos de usuario de WordPress, que WooCommerce lee del mismo perfil de usuario. No se necesita ningún complemento adicional.

¿Cómo hago que un campo de registro personalizado sea obligatorio en WordPress?

En WPForms, haz clic en cualquier campo del creador de formularios para abrir su panel de configuración. Activa el interruptor Requerido. Los campos requeridos muestran un asterisco rojo en tu formulario y bloquean el envío si se dejan en blanco. Los usuarios deben completarlos antes de poder registrarse.

¿Puedo añadir un formulario de registro personalizado a una página específica en WordPress?

Sí. WPForms te permite incrustar tu formulario de registro en cualquier página, publicación o área de widgets de WordPress utilizando el bloque WPForms en el editor de bloques, o el shortcode en el editor clásico. Crea una página de registro dedicada, añade el bloque, selecciona tu formulario en el menú desplegable y publica.

¿Qué sucede con los datos recopilados en los campos de registro personalizados?

Los datos de los campos personalizados se almacenan en dos lugares. WPForms guarda una copia como una entrada del formulario (visible en WPForms » Entradas). Si has utilizado el Complemento de Registro de Usuarios y has mapeado los campos correctamente, los datos también se guardan en el perfil de usuario de WordPress como metadatos de usuario. Los administradores pueden ver y editar estos datos en Usuarios » Todos los usuarios.

¿Cómo añado texto de marcador de posición o texto de ayuda a los campos del formulario de registro?

Haz clic en cualquier campo del creador de WPForms para abrir su configuración. El campo Texto de marcador de posición añade texto de ayuda en gris claro dentro del campo de entrada. El campo Descripción añade una pequeña nota debajo de la etiqueta. Ambos aparecen en el formulario en vivo y ayudan a los usuarios a entender exactamente qué introducir, lo que reduce los registros incompletos.

Empieza a crear tu formulario de registro personalizado hoy mismo

Ahora tienes un formulario de registro de usuarios de WordPress que recopila los datos que realmente necesitas. Esa es la diferencia entre una lista de direcciones de correo electrónico y una lista de personas reales a las que puedes segmentar, enviar correos electrónicos y convertir.

Si estás interesado en aprender qué más puedes hacer con WPForms, consulta nuestros otros tutoriales de formularios de WordPress aquí:

Y si lo deseas, síguenos en Facebook y Twitter para obtener más consejos y tutoriales útiles.

¡Gracias por leer! Nos encantaría conocer tu opinión, así que únete a la conversación en YouTubeXFacebook para obtener más consejos y contenido útil para hacer crecer tu negocio.

avatar del autor
Stacey Corrin Especialista en marketing de contenidos
Stacey Corrin es una especialista certificada en marketing de contenidos y b uevoacute;squeda con maacute;s de 15 anilde;os de experiencia escribiendo sobre WordPress, SEO y marketing digital. Gestiona el contenido de SeedProd y RafflePress, cubriendo herramientas y estrategias que ella misma utiliza y prueba activamente.

Descargo de responsabilidad: Nuestro contenido es compatible con el lector. Esto significa que si haces clic en algunos de nuestros enlaces, podemos ganar una comisión. Solo recomendamos productos que creemos que aportarán valor a nuestros lectores.

[weglot_switcher]
Administra este sitio de WordPress chateando con ChatGPT o Claude. Plugin gratuito. Pruébalo gratis