¿Quieres crear un formulario de registro de usuario personalizado? Y quieres añadir campos personalizados para recopilar información extra de los usuarios registrados en tu sitio WordPress o tienda WooCommerce?
Puede facilitar todo el proceso creando formularios de registro personalizados en WordPress en una página de registro dedicada. Así que en este artículo, explicamos cómo utilizar un plugin de WordPress para formularios de registro de usuarios con campos personalizados.
De este modo, los usuarios pueden registrarse y añadir todos los detalles que necesiten a su página de perfil.
¿Por qué crear formularios con campos personalizados?
Lo más probable es que muchos de los formularios de registro de WordPress que haya probado en el pasado no tengan la opción de añadir tipos específicos de información.
Por ejemplo, su formulario de registro puede necesitar los enlaces de los perfiles de las redes sociales de los usuarios para completar sus áreas de perfil. O puede que quieras que los usuarios introduzcan la dirección de su sitio web o su número de teléfono.
La creación de un nuevo formulario de registro de usuario que le permita añadir campos personalizados y nuevos nombres de campo le ofrece un mayor control sobre los datos necesarios para rellenar el formulario y registrarse.
Además, si utiliza un plugin de registro de usuarios de WordPress con campos personalizados, no tendrá que empezar desde cero, lo que le ahorrará mucho tiempo que podrá dedicar a otras áreas de su negocio.
Creación de formularios de registro personalizados en WordPress
Ahora que ya sabe por qué es importante añadir campos personalizados a los formularios de registro, vamos a crear uno en WordPress.
Para este tutorial, usaremos WPForms, el mejor plugin de formularios de contacto para WordPress. El constructor de formularios de WPForm hace que sea fácil crear cualquier tipo de formulario para su sitio web. Y con el Addon de Registro, crear formularios con campos de registro personalizados es pan comido.
¿Por qué no echas un vistazo a este análisis en profundidad de WPForms para conocer todos los detalles?
Así que adelante y obtenga su copia de WPForms aquí. Necesitará la versión Pro para aprovechar las plantillas de formularios de registro ya preparadas. Luego, cuando hayas descargado el plugin, puedes aprender cómo instalar un plugin de WordPress aquí.
También utilizaremos el plugin Advanced Custom Fields para añadir tipos de campo personalizados a WordPress, que luego podrá utilizar en su formulario de registro.
Cuando haya descargado e instalado los plugins en su panel de control de WordPress, deberá pasar al paso 1 para crear su formulario de registro de usuario.
- Paso 1: Crear un formulario de registro de usuario de WordPress
- Paso 2: Añada campos personalizados a su formulario de registro
- Paso 3: Personalizar la configuración del formulario
- Paso 4: Configurar las notificaciones del formulario
- Paso 5: Establezca su mensaje de confirmación
- Paso 6: Publique su formulario de registro con campos personalizados
Paso 1: Crear un formulario de registro de usuario de WordPress
Para comenzar a crear su formulario de registro de usuario con campos personalizados, diríjase a WPForms " Addons desde el backend de administración de WordPress. A continuación, busque el Complemento de registro de usuarios y haga clic en Activar.
A continuación, vaya a WPForms " Add New para crear un nuevo formulario.
A continuación, en la pantalla de configuración, dé un nombre a su formulario y elija la plantilla Formulario de registro de usuario.
Al hacer clic en la plantilla, WPForms crea un formulario de registro de usuario predeterminado, que puede pasar a personalizar.
Puede reorganizar los campos de su formulario arrastrando los elementos a una posición diferente. Y añadir nuevos campos de formulario a la plantilla de formulario de registro predeterminada es tan sencillo como arrastrarlos desde el panel izquierdo y soltarlos en el panel derecho.
Pero, ¿cómo añadir campos personalizados a su formulario de registro de usuario? Veámoslo a continuación.
Paso 2: Añada campos personalizados a su formulario de registro
En este tutorial le mostraremos cómo añadir campos de perfil personalizados a sus formularios de registro. Aquí es donde entra en juego el plugin Advanced Custom Fields mencionado anteriormente.
Para empezar, tendrá que añadir campos de perfil personalizados a su sitio web WordPress. Para ello, ve a Campos personalizados " Añadir nuevo.
A continuación, da a tu grupo de campos un nombre como "Perfil de usuario". Después, haz clic en Añadir nuevo para añadir un campo a ese grupo e introduce el nombre y los detalles de la etiqueta.
Cuando esté satisfecho con los detalles del tipo de entrada, haga clic en Publicar para activar su campo personalizado. A continuación, para verlo en acción, accede a tu perfil de WordPress haciendo clic en Usuarios " Tu perfil.
Como puedes ver en la imagen de abajo, tu perfil tiene ahora un campo para tu URL de Facebook.
Ahora que hemos creado el campo personalizado en WordPress vamos a añadirlo a su formulario de registro de usuario.
Vaya a WPForms " Todos los Formularios para ver una lista de los formularios que ha creado. A continuación, haga clic en Editar en el formulario de registro de usuario que creó un poco antes.
A continuación, arrastre el marcador de posición del campo URL del sitio web desde el panel de la izquierda y suéltelo en la vista previa del formulario.
Como vamos a añadir una opción de URL de Facebook, tendremos que cambiar el nombre del campo. Para ello, haz clic en el campo URL del sitio web y edita la etiqueta y la descripción en el panel izquierdo.
También puede añadir una casilla para pedir a los usuarios que se suscriban a su lista de correo electrónico. Es una forma excelente de aumentar el número de suscriptores.
No olvides hacer clic en Guardar para confirmar los cambios.
Paso 3: Personalizar la configuración del formulario
El siguiente paso es personalizar la configuración del formulario para que el campo personalizado envíe la información al lugar correcto.
Para ello, haga clic en la pestaña Configuración y vaya a Registro de usuarios. En esta página, puede configurar los ajustes de registro de usuario, tales como:
- Asignar cada campo del formulario
- Seleccionar rol de usuario por defecto
- Activar las notificaciones para el correo electrónico del usuario
- Seleccione la página de confirmación a la que se redirigirá a los usuarios
Y si se desplaza hasta la parte inferior de la página, verá una nueva sección para su metainformación personalizada.
Aquí puedes introducir la meta clave que asignaste al campo personalizado que creaste anteriormente. Cuando lo hayas hecho, haz clic en Guardar.
Paso 4: Configurar las notificaciones del formulario
Ahora veamos la página de notificaciones dirigiéndonos a Configuración " Notificaciones.
Por defecto, las notificaciones están activadas, lo que significa que recibirás una notificación por correo electrónico cada vez que alguien se registre en tu sitio web.
Si necesita ayuda para configurar estos ajustes, consulte la documentación de WPForms sobre cómo configurar las notificaciones de formularios en WordPress.
Paso 5: Establezca su mensaje de confirmación
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 dándoles las gracias por registrarse y que estén atentos a tu correo electrónico de validación.
Hay 3 tipos de confirmación en WPForms, y son los siguientes:
- Mensaje - Esta es la confirmación por defecto. Cuando los usuarios completan el formulario, aparece un mensaje que les informa de que se ha completado correctamente.
- Mostrar página - Este tipo de confirmación envía a los usuarios a una página web específica de su sitio dándoles las gracias por registrarse. Por ejemplo, puede mostrar su página de inicio de sesión inmediatamente después de que se registren.
- Ir a URL (Redirigir) - Esta opción se utiliza cuando se desea enviar a los clientes a un sitio web diferente.
Cuando haya elegido el tipo de mensaje de confirmación, haga clic en Guardar y continúe añadiendo su formulario de registro de usuario con campos personalizados a WordPress.
Paso 6: Publique su formulario de registro con campos personalizados
WPForms hace que sea muy fácil añadir su formulario de registro a su sitio web. Puede publicar su formulario de registro en un post, página, o incluso en la barra lateral de su sitio web en el front-end.
Veamos cómo publicar su formulario de registro de usuario en una página de WordPress.
Para empezar, vaya a Páginas " Añadir nueva para crear una nueva página.
A continuación, en el editor de WordPress, haga clic en el icono Más (+ ) para añadir un nuevo bloque de contenido. En el cuadro de búsqueda, escriba WPFroms para revelar el bloque WPForms y haga clic para añadirlo a su página.
Aquí, puede elegir su formulario de registro de usuario en el cuadro desplegable, que se añade a su página para obtener una vista previa.
Ahora puedes seguir adelante y añadir más información a tu página. Y cuando estés satisfecho, haz clic en Publicar para lanzar el formulario en tu sitio web.
¡Y ya está!
Ahora ya sabes cómo crear un formulario de registro de usuarios de WordPress con campos personalizados. Así que los usuarios pueden registrarse en su sitio y enviar todos los detalles que necesita para construir sus perfiles.
Si estás interesado en aprender qué más puedes hacer con WPForms, echa un vistazo a nuestros otros tutoriales de formularios de WordPress aquí:
- Cómo crear un formulario de WordPress con carga de archivos
- Cómo crear un formulario de estilo Typeform
- Cómo crear un formulario de contacto en WordPress
- Cómo crear un formulario de pedido en línea en WordPress
- Cómo crear un formulario de varios pasos en WordPress
Y si quieres, síguenos en Facebook y Twitter para obtener más consejos y tutoriales útiles.
