Cómo crear un formulario de registro de usuario personalizado en WordPress

¿Tu formulario de registro de usuario parece una página de inicio de sesión genérica de WordPress? El formulario predeterminado es funcional, pero a menudo choca con la marca personalizada de tu sitio.

Un formulario de registro personalizado crea una mejor experiencia para tus visitantes. Genera confianza y te permite recopilar información específica, como perfiles sociales o biografías de usuario.

En WPBeginner, creemos que cada parte de tu sitio debe verse profesional. Hemos probado los constructores de formularios más populares para encontrar el método más fácil para personalizar los registros de usuarios.

En esta guía, te mostraremos cómo crear un formulario de registro de usuario personalizado en WordPress, paso a paso.

¿Por qué agregar un formulario de registro de usuarios personalizado en WordPress?

La página de registro de usuarios predeterminada de WordPress muestra la marca y el logotipo de WordPress, lo que no coincide con el resto del diseño de tu sitio web de WordPress.

Crear un nuevo formulario de registro de usuarios te permite agregar el formulario de registro en cualquier página del sitio y te ayuda a ofrecer una experiencia de usuario más consistente durante el proceso de registro.

Con un formulario de registro, puedes recopilar información específica de tus usuarios que puede ser única para tu blog de WordPress o negocio.

Esto puede incluir detalles de contacto adicionales, preferencias o cualquier otra información relevante para la funcionalidad de tu sitio.

Por ejemplo, si estás organizando un evento, un formulario de registro te ayudará a recopilar información esencial de los asistentes, como restricciones dietéticas, preferencias de sesiones o requisitos especiales.

Un formulario de registro de usuario personalizado también te permite redirigir a los usuarios después del registro. Incluso puedes mostrar campos de perfil de usuario adicionales, combinarlos con un formulario de inicio de sesión personalizado en el front-end y conectarlo con tu servicio de marketing por correo electrónico.

Dicho esto, veamos cómo crear un formulario de registro de usuario personalizado en WordPress, paso a paso.

Cómo crear un formulario de registro de usuario personalizado en WordPress

La forma más fácil de crear un formulario de registro de usuario personalizado es usando WPForms. En nuestra opinión, es el mejor plugin de formularios de contacto de WordPress. Te permite crear todo tipo de formularios nuevos en WordPress.

En WPBeginner, usamos WPForms para todas nuestras necesidades de formularios de contacto, así como para nuestra encuesta anual. Solo hemos tenido buenas experiencias con la herramienta. Apreciamos particularmente que su constructor de arrastrar y soltar lo hace súper fácil de usar.

Para obtener más información, consulta nuestra reseña de WPForms.

Primero, necesitas instalar y activar el plugin WPForms. Para instrucciones más detalladas, consulta nuestra guía paso a paso sobre cómo instalar un plugin de WordPress.

Tras la activación, dirígete a la página WPForms » Ajustes desde la barra lateral de administración de WordPress para ingresar tu clave de licencia.

Puedes obtener esta clave desde tu cuenta en el sitio web de WPForms.

Una vez que la clave sea verificada, necesitas visitar la página WPForms » Complementos desde el panel de WordPress.

Desde aquí, localiza el ‘Complemento de Registro de Usuarios’ y luego haz clic en el botón ‘Instalar Complemento’ debajo de él.

WPForms ahora instalará y activará el Complemento de Registro de Usuarios en tu sitio de WordPress. Verás que el estado cambia a ‘Activo’ cuando el complemento esté instalado.

Ahora estás listo para crear tu formulario de registro de usuarios personalizado.

Para hacer esto, visita la página WPForms » Añadir Nuevo desde la barra lateral del administrador.

Esto te dirigirá a la página ‘Seleccionar una Plantilla’, donde puedes comenzar escribiendo un nombre para el formulario que estás a punto de crear.

Una vez que hayas hecho eso, simplemente localiza la plantilla ‘Formulario de registro de usuario’ y haz clic en el botón ‘Usar plantilla’ debajo de ella.

Esto iniciará el constructor de formularios de WPForms en tu pantalla. En la columna derecha, notarás las opciones de campo y una vista previa del formulario en la esquina izquierda de la pantalla.

El formulario de registro predeterminado ya tiene agregados los campos de nombre, nombre de usuario, contraseña, correo electrónico y biografía corta.

Sin embargo, puedes agregar fácilmente más campos al formulario desde el panel izquierdo y también arrastrar los campos para reorganizar su orden.

El plugin también te permite editar cada campo del formulario. Para hacer esto, simplemente haz clic en cualquier campo del formulario y verás que aparecen las ‘Opciones de campo’ en la columna izquierda.

Desde aquí, puedes cambiar la etiqueta del campo, editar su formato, agregar una descripción, configurar el formato condicional, cambiar el campo a obligatorio y más.

Una vez que hayas terminado, no olvides hacer clic en el botón ‘Guardar’ para almacenar tu configuración.

Nota: Si deseas enviar notificaciones por correo electrónico a los usuarios registrados, puedes consultar nuestro tutorial sobre cómo enviar correos electrónicos de confirmación después del envío de un formulario de WordPress.

Agregar campos personalizados a tu formulario de registro de usuario personalizado

WPForms también te permite conectar campos de perfil de usuario personalizados a tu formulario de registro de usuario.

Para hacer esto, necesitarás agregar campos adicionales de perfil de usuario a tu sitio de WordPress, y la forma más fácil de hacerlo es usando un plugin de WordPress.

En este tutorial, estamos usando el plugin Advanced Custom Fields. Sin embargo, la función de mapeo de campos de WPForms funcionará con cualquier plugin que utilice campos personalizados estándar de WordPress para agregar y almacenar metadatos de usuario.

Primero, necesitas instalar y activar el plugin Advanced Custom Fields. Para más detalles, puedes consultar nuestra guía para principiantes sobre cómo instalar un plugin de WordPress.

Una vez activado el plugin, dirígete a la página ACF » Grupos de Campos desde la barra lateral de administración de WordPress. Aquí, haz clic en el botón ‘+ Añadir Grupo de Campos’.

Esto te dirigirá a la página ‘Añadir Nuevo Grupo de Campos’, donde puedes empezar escribiendo un título para el grupo de campos.

Para este tutorial, crearemos un campo personalizado para los detalles de la cuenta de redes sociales.

Después de eso, desplázate hacia abajo hasta el menú desplegable ‘Tipo de Campo’ y elige un tipo para el campo personalizado. Puedes seleccionar texto, números, imágenes, archivos, casillas de verificación, URLs, contraseñas y mucho más.

Una vez que hayas hecho eso, introduce una Etiqueta de Campo que aparecerá en la página de perfil.

Por ejemplo, si deseas agregar un campo personalizado para recopilar perfiles de Facebook, puedes nombrar la etiqueta del campo como ‘Facebook’.

Notarás que el Nombre del Campo se generará automáticamente a medida que ingreses una etiqueta de campo, pero puedes editarlo.

A continuación, cambia a la pestaña ‘Validación’ desde la sección ‘Etiqueta’. Aquí, puedes activar el interruptor ‘Requerido’ para que sea obligatorio que los usuarios completen este campo personalizado antes de enviar el formulario.

Incluso puedes establecer un límite de caracteres para el campo desde aquí.

Una vez que hayas hecho eso, simplemente cambia a la pestaña ‘Presentación’ desde la parte superior.

Ahora puedes agregar instrucciones para los autores, texto de marcador de posición para el campo, atributos de contenedor y más.

Después de eso, también puedes agregar lógica condicional al campo personalizado que estás creando cambiando a la pestaña ‘Lógica Condicional’ desde la parte superior.

Una vez que hayas realizado tus cambios, desplázate hacia abajo hasta la sección ‘Reglas de ubicación’. Desde aquí, debes crear un conjunto de reglas para determinar qué pantallas usarán estos campos personalizados.

Dado que queremos que este campo aparezca para todos los perfiles de usuario, tendremos que seleccionar la opción ‘Rol de usuario’ del menú desplegable de la izquierda.

Después de eso, deja el menú desplegable del medio como está y luego elige la opción ‘Todos’ del menú desplegable de la derecha.

Ahora, el grupo de campos personalizados que estamos creando se mostrará para todos los perfiles de usuario.

A continuación, cambia a la pestaña ‘Configuración del grupo’ desde la parte superior.

Una vez que estés allí, asegúrate de que el grupo de campos esté activo deslizando el interruptor de No a Sí.

Una vez que hayas hecho eso, también puedes agregar otros campos personalizados al grupo de campos haciendo clic en el botón ‘Agregar Campo’ en la parte superior de la página.

Por ejemplo, si deseas crear varios campos de redes sociales, puedes hacer clic en el botón ‘Agregar Campo’ y comenzar a personalizar el campo para otras plataformas de redes sociales.

Ten en cuenta que todos los campos que crees formarán parte del mismo grupo de campos.

Una vez que hayas terminado, no olvides hacer clic en el botón ‘Guardar Cambios’ en la parte superior para almacenar tu configuración.

Ahora has publicado exitosamente tu grupo de campos.

Ahora, para ver el campo personalizado que creaste, dirígete a la página Usuario » Perfil desde el área de administración.

Aquí, verás tus campos personalizados agregados en la parte inferior de la página de perfil.

Ahora que has creado un campo de perfil de usuario personalizado, tendrás que agregarlo al formulario de registro de usuario personalizado en WPForms.

Después de eso, también tendrás que asegurarte de mapear el campo del formulario al campo personalizado para que los datos se almacenen correctamente.

Para hacer esto, visita la página WPForms » Todos los Formularios desde el panel de WordPress. Luego, haz clic en el enlace ‘Editar’ debajo del formulario de registro de usuario que acabas de crear y guardar anteriormente.

Esto abrirá tu formulario en el constructor de formularios de WPForms. Una vez que estés allí, simplemente arrastra un campo del panel izquierdo para agregarlo a tu formulario.

En este ejemplo, estamos agregando un campo ‘Sitio web/URL’ a nuestro formulario.

Al agregar el campo Sitio web/URL, haz clic en él para abrir las propiedades de los campos en la columna izquierda.

Ahora, procede a cambiar la etiqueta del campo de Sitio web/URL al nombre del grupo de campos que creaste.

Si lo deseas, también puedes agregar una descripción para el campo.

Después de eso, no olvides hacer clic en el botón ‘Guardar’ para guardar tu formulario.

A continuación, necesitas hacer clic en el botón ‘Configuración’ en la esquina derecha para la configuración avanzada del formulario y el mapeo de campos. En la página de Configuración, haz clic en la pestaña ‘Registro de Usuario’.

WPForms ahora mostrará tus campos de formulario y un menú desplegable debajo de ellos para seleccionar el campo de registro de WordPress con el que deseas mapearlo.

Notarás que WPForms mapeará automáticamente tus campos predeterminados como Nombre, Correo electrónico, Contraseña y más.

Desde aquí, elige la opción del nombre de tu grupo de campos del menú desplegable en la opción 'Sitio web'.

Después de eso, desplázate hacia abajo hasta la sección 'Metadatos de usuario personalizados'.

En el campo 'Clave meta personalizada', debes ingresar el 'Nombre del campo' específico para tu campo personalizado que se encuentra en la configuración de ACF (no el título del Grupo de campos). Luego, selecciona el campo del formulario correspondiente al que deseas mapearlo en el menú desplegable.

Nota: Si deseas enviar notificaciones por correo electrónico a los usuarios registrados, puedes consultar nuestro tutorial sobre cómo enviar correos electrónicos de confirmación después del envío de formularios de WordPress.

Finalmente, haz clic en el botón 'Guardar' en la esquina superior derecha de la pantalla para guardar tu configuración.

Agregando tu formulario de registro de usuario personalizado en WordPress

WPForms hace que sea súper fácil agregar formularios a tus publicaciones, páginas y widgets de barra lateral de WordPress.

Primero, necesitas abrir una publicación/página existente o nueva donde deseas agregar el formulario de registro personalizado.

Una vez que estés allí, haz clic en el botón 'Agregar bloque' (+) en la esquina superior izquierda para abrir el menú de bloques.

Desde aquí, localiza y agrega el bloque WPForms a la página/publicación.

Después de eso, puedes seleccionar tu formulario de registro personalizado del menú desplegable en el propio bloque.

Ahora verás una vista previa de tu formulario de registro en el editor de WordPress. Continúa y publica tu publicación o página para ver el formulario de registro personalizado en acción.

Agregar el formulario de registro de usuario personalizado a la barra lateral

WPForms también te permite agregar tu formulario de registro de usuario personalizado en tu barra lateral. Simplemente visita la página Apariencia » Widgets desde el área de administración y haz clic en el botón ‘Agregar bloque’ (+).

Esto abrirá el menú de bloques desde donde puedes agregar el bloque WPForms a la pestaña de la barra lateral en la página de ‘Widgets’.

Después de eso, simplemente selecciona el formulario de registro de usuario del menú desplegable en el bloque WPForms.

Una vez que hayas terminado, no olvides hacer clic en el botón ‘Actualizar’ para guardar tu configuración.

Ahora, puedes visitar tu sitio web para ver el formulario de registro de usuario en la barra lateral del sitio web.

Agregar el formulario de registro de usuario personalizado en el Editor de Sitio Completo

Si estás utilizando un tema de WordPress basado en bloques, entonces no tendrás la página de widgets. Para agregar el formulario de registro en la barra lateral con el Editor de Sitio Completo (FSE), dirígete a la página Apariencia » Editor desde la barra lateral de administración.

Una vez allí, haz clic en el botón ‘Agregar bloque’ (+) en la esquina superior izquierda para abrir el menú de bloques.

Desde aquí, debes encontrar y agregar el bloque WPForms en el lugar que prefieras en tu sitio web.

Después de eso, selecciona el formulario de registro del menú desplegable en el propio bloque.

Finalmente, haz clic en el botón ‘Guardar’ para almacenar tu configuración.

Ahora, visita tu sitio web para ver el formulario de registro de usuario personalizado en acción.

Bono: Crea una página de inicio de sesión personalizada con tu formulario de registro

Cuando agregas tu formulario de registro a una página en tu sitio web, WordPress usará el diseño, la plantilla y el estilo de tu tema por defecto.

Sin embargo, puedes crear una impresionante página de registro desde cero utilizando un constructor de páginas de destino para WordPress.

SeedProd es el mejor constructor de páginas para WordPress. Es fácil de usar y ofrece un constructor de arrastrar y soltar que te ayuda a crear todo tipo de páginas de destino. El plugin también ofrece plantillas predefinidas y muchas funciones de personalización.

Algunas de nuestras marcas asociadas lo han utilizado para crear temas personalizados, haciendo que sus sitios sean visualmente atractivos y recibiendo la apreciación de sus usuarios. Para obtener más información, puedes leer nuestra reseña de SeedProd.

Primero, debes instalar y activar el plugin SeedProd en tu sitio. Para obtener instrucciones detalladas, puedes consultar nuestro tutorial sobre cómo instalar un plugin de WordPress.

Después de la activación, visita la página SeedProd » Ajustes para ingresar la clave de licencia del plugin. Puedes encontrar esta información en tu cuenta en el sitio web de SeedProd.

Después de verificar tu clave, ahora estás listo para crear una página de inicio de sesión con tu formulario de registro.

Para empezar, dirígete a la pantalla SeedProd » Landing Pages desde la barra lateral de administración y luego haz clic en el botón ‘Configurar una página de inicio de sesión’.

Esto te llevará a la pantalla ‘Elegir una nueva plantilla de página’, donde puedes seleccionar una plantilla prefabricada para la página de inicio de sesión que estás a punto de crear.

Después de seleccionar una plantilla, aparecerá una ventana emergente.

Ahora debes ingresar un nombre para tu página de destino y una URL. Una vez hecho esto, haz clic en el botón ‘Guardar y empezar a editar página’.

A continuación, puedes editar tu página de inicio de sesión utilizando el constructor de páginas de destino de arrastrar y soltar de SeedProd.

Para hacer esto, selecciona un bloque del menú de tu izquierda y arrástralo a donde quieras agregarlo en tu página de inicio de sesión.

Por ejemplo, puedes agregar un bloque de encabezado, imagen, video o compartir en redes sociales a tu página de destino.

Una vez que hayas hecho eso, dirígete a la sección Bloques avanzados en la columna izquierda.

Desde aquí, selecciona el bloque ‘Formulario de contacto’ y colócalo en tu página de inicio de sesión.

Te sugerimos eliminar el bloque existente de Nombre de usuario y Contraseña de la plantilla para que los usuarios no tengan que ingresar las credenciales de inicio de sesión dos veces.

A continuación, haz clic en el bloque WPForms en tu página de inicio de sesión para abrir su configuración en la columna izquierda.

Ahora verás una opción para 'Seleccionar un formulario' en el menú.

Desde aquí, procede a seleccionar tu formulario de registro en el menú desplegable.

Ahora deberías ver una vista previa de tu formulario de registro en el constructor de páginas de destino.

Finalmente, no olvides hacer clic en el botón 'Guardar' para almacenar tus cambios.

Después de eso, puedes dirigirte a la pestaña 'Conectar' e integrar diferentes servicios de marketing por correo electrónico con tu formulario de registro.

SeedProd se integra fácilmente con servicios populares de marketing por correo electrónico como Drip, Constant Contact, AWeber, y más, lo que puede ayudar a mejorar tu lista de correos.

A continuación, puedes ir a la pestaña 'Configuración de página' y cambiar el Estado de la página a Publicar en la configuración General.

Incluso puedes editar el título y la URL de la página y habilitar el enlace de SeedProd desde esta pestaña.

Si deseas optimizar tu página para los motores de búsqueda, ve a la pestaña SEO.

Desde aquí, puedes configurar los ajustes ingresando un título SEO, descripción, miniatura de redes sociales y más.

SeedProd también te permite agregar fragmentos de código en la configuración de Scripts. Una vez que estés satisfecho con la configuración, simplemente haz clic en el botón 'Guardar' en la parte superior y cierra el constructor de páginas.

Después de eso, dirígete a la pantalla SeedProd » Páginas de destino y activa el interruptor debajo de Página de inicio de sesión para que tu página esté 'Activa'.

Ahora puedes visitar tu página de inicio de sesión para ver el formulario de registro en acción.

Preguntas frecuentes sobre formularios de registro de usuarios

A menudo recibimos preguntas de lectores sobre cómo personalizar el proceso de registro de usuarios. Aquí tienes respuestas a algunas de las preguntas más comunes sobre los formularios de registro de WordPress.

1. ¿Cómo puedo detener los registros de spam en mi formulario?

Los registros de spam pueden ser una molestia. Recomendamos habilitar la función integrada de honeypot anti-spam en WPForms. También puedes agregar un campo CAPTCHA a tu formulario para bloquear aún más a los bots.

2. ¿Puedo aprobar usuarios manualmente antes de que puedan iniciar sesión?

Sí, puedes controlar quién accede a tu sitio. La configuración de Registro de usuarios de WPForms te permite habilitar la 'Aprobación de administrador' para cuentas nuevas. Esto significa que los usuarios no podrán iniciar sesión hasta que revises su registro.

3. ¿Puedo cobrar pagos durante el registro de usuarios?

Absolutamente. Puedes combinar el registro de usuarios con campos de pago utilizando Stripe, PayPal o Square. Esto es perfecto si estás creando un sitio de membresía de pago o cobrando una tarifa por el acceso.

4. ¿Qué rol de usuario debo asignar a los nuevos usuarios?

Para la mayoría de los sitios web, deberías asignar el rol de 'Suscriptor' a los nuevos registrados. Esto asegura que puedan ver el contenido de tu sitio pero no puedan cambiar la configuración de tu sitio, instalar complementos o editar publicaciones.

5. ¿Puedo permitir que los usuarios suban una foto de perfil?

Sí, puedes agregar un campo de carga de archivos a tu formulario de registro. Luego puedes mapear este campo a los metadatos del perfil del usuario para que se guarde como su avatar o imagen de biografía.

Recursos adicionales

Esperamos que este artículo te haya ayudado a aprender cómo crear fácilmente un formulario de registro de usuario personalizado en WordPress. También te puede interesar nuestra guía sobre cómo crear una página de inicio de sesión personalizada o nuestras selecciones expertas de los mejores plugins de membresía para WordPress.

• Cómo crear una página de inicio de sesión personalizada en WordPress (Guía definitiva)
• Cómo detener registros de spam en tu sitio de membresía de WordPress
• Guía Definitiva para Crear un Sitio de Membresía en WordPress
• Guía para principiantes sobre roles y permisos de usuario de WordPress

Si te gustó este artículo, suscríbete a nuestro canal de YouTube para obtener tutoriales en video de WordPress. También puedes encontrarnos en Twitter y Facebook.