¿Quieres añadir campos personalizados a tu formulario de registro de WordPress sin tocar ningún código? Este tutorial te mostrará exactamente cómo añadir campos al formulario de registro de WordPress para que puedas recopilar detalles adicionales como números de teléfono, perfiles sociales o nombres de empresas de los nuevos usuarios.
Te guiaré a través de todo el proceso paso a paso utilizando WPForms y Advanced Custom Fields, dos plugins fáciles de usar para principiantes que hacen que la creación de formularios de registro personalizados sea sencilla. Al final, tendrás una página de registro dedicada en tu sitio o tienda WooCommerce que capturará toda la información que necesitas.
Pasos rápidos para crear un formulario de registro de usuarios personalizado:
- Paso 1: Crea un Formulario de Registro de Usuarios de WordPress con un Plugin
- Paso 2: Añade Campos Personalizados Adicionales a tu Formulario de Registro de WordPress
- Paso 3: Personaliza la Configuración del Formulario de Registro de WordPress para Campos Personalizados
- Paso 4: Configura las Notificaciones de Registro de Usuarios en WordPress
- Paso 5: Añade un Mensaje de Confirmación para tu Formulario de Registro
- Step 6: Publish Your WordPress Registration Form With Custom Fields
¿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 datos básicos como el nombre de usuario y la dirección de correo electrónico. Con campos personalizados, puedes solicitar información adicional como números de teléfono, nombres de empresas, cargos o perfiles de redes sociales.
Añadir estos campos a tu formulario de registro te proporciona mejores perfiles de usuario y te ayuda a personalizar la experiencia de tu sitio o tus campañas de marketing.
¿Por qué Crear Formularios con Campos Personalizados?
Es probable que muchos de los formularios de registro de WordPress que has probado anteriormente no tengan la opción de añadir tipos específicos de información.
Por ejemplo, tu formulario de registro podría necesitar los enlaces a los perfiles de redes sociales de las personas para completar sus áreas de perfil. O podrías querer que los usuarios introduzcan la dirección de su sitio web o número de teléfono.
Crear un nuevo formulario de registro de usuarios que te permita añadir campos personalizados y nuevos nombres de campo te da más control sobre los detalles requeridos para completar tu formulario y registrarte.
Es más, cuando utilizas un plugin de registro de usuarios de WordPress con campos personalizados, no necesitarás empezar desde cero, ahorrándote mucho tiempo que podrás dedicar a otras áreas de tu negocio.
Cómo Añadir Campos a los Formularios de Registro de WordPress
Ahora que sabes por qué es importante añadir campos personalizados a los formularios de registro, vamos a crear uno en 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, usaremos WPForms, el mejor plugin de formularios de contacto de WordPress. El creador de formularios de WPForms facilita la creación de cualquier tipo de formulario para tu sitio web. Y con el Complemento de Registro, crear formularios con campos de registro personalizados es pan comido.
¿Por qué no echas un vistazo a esta reseña de WPForms en profundidad para conocer todos los detalles?
Así que adelante y obtén tu copia de WPForms aquí. Necesitarás la versión Pro para aprovechar las plantillas de formularios de registro listas para usar. Luego, cuando hayas descargado el plugin, puedes aprender cómo instalar un plugin de WordPress aquí.
| Precios: A partir de $49/año |
| Plan/Prueba Gratuita: Versión gratuita disponible en WordPress.org |
| Funciones destacadas: |
| 🔹 Añade tipos de campos personalizados ilimitados 🔹 Control total sobre los metadatos del usuario 🔹 Funciona con WPForms y WooCommerce |
| Ideal para: Propietarios de sitios que necesitan control avanzado sobre los campos de datos del usuario |
También usaremos el plugin Advanced Custom Fields para añadir tipos de campos personalizados a WordPress, que luego podrás usar en tu formulario de registro.
Una vez que hayas descargado e instalado los plugins en tu panel de WordPress, necesitas pasar al Paso 1 para crear tu formulario de registro de usuarios.
Paso 1: Crea un Formulario de Registro de Usuarios de WordPress con un Plugin
Para empezar a crear tu formulario de registro de usuarios con campos personalizados, ve a WPForms » Complementos desde tu panel de administración de WordPress. Luego localiza el Complemento de Registro de Usuarios y haz clic en Activar.
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.
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. Y añadir nuevos campos al formulario de registro predeterminado es tan sencillo como arrastrarlos desde el panel izquierdo y soltarlos en el panel derecho.
Pero, ¿cómo añades campos personalizados a tu formulario de registro de usuarios? Veamos eso a continuación.
Paso 2: Añadir Campos Personalizados Adicionales a tu Formulario de Registro de WordPress
Para este tutorial, demostraremos cómo añadir campos de perfil personalizados a tus formularios de registro. Aquí es donde entra en juego el plugin Advanced Custom Fields mencionado anteriormente.
Así que, para empezar, necesitarás añadir campos de perfil personalizados a tu sitio web de WordPress. Para hacerlo, ve a Campos Personalizados » Añadir Nuevo.
Luego, dale un nombre a tu grupo de campos como "Perfil de Usuario". Después de eso, haz clic en Añadir Nuevo para añadir un campo a ese grupo e introduce los detalles del nombre y la etiqueta.
Cuando estés satisfecho con los detalles del tipo de entrada, haz clic en Publicar para activar tu campo personalizado. Luego, para verlo en acción, navega a tu perfil de WordPress haciendo clic en Usuarios » Tu Perfil.
Como puedes ver en la imagen de abajo, tu perfil ahora tiene un campo para tu URL de Facebook.
Ahora que hemos creado el campo personalizado en WordPress, vamos a añadirlo a tu formulario de registro de usuario.
Ve a WPForms » Todos los formularios para ver una lista de los formularios que has creado. Luego haz clic en Editar en el formulario de registro de usuario que creaste hace poco.
Después de eso, arrastra el marcador de posición del campo URL del sitio web desde el panel izquierdo y suéltalo en la vista previa de tu formulario.
Dado que vamos a añadir una opción de URL de Facebook, necesitaremos 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 podrías querer añadir una casilla de verificación pidiendo a los usuarios que se suscriban a tu lista de correo. Esta es una excelente manera de aumentar tus suscriptores.
No olvides hacer clic en Guardar para confirmar tus cambios.
Paso 3: Personaliza la Configuración del Formulario de Registro de WordPress para Campos Personalizados
El siguiente paso es personalizar la configuración de tu formulario para que tu campo personalizado envíe la información al lugar correcto.
Así que haz clic en la pestaña Ajustes y navega a Registro de usuario. En esta página, puedes configurar los ajustes de registro de usuario como:
- Mapear cada campo del formulario
- Seleccionar el rol de usuario predeterminado
- Habilitar notificaciones para el correo electrónico del usuario
- Seleccionar a qué página de confirmación redirigir a los usuarios
Y si te desplazas hasta el final de la página, verás una nueva sección para tu información de metadatos personalizada.
Aquí puedes introducir la clave de metadatos que asignaste al campo personalizado que creaste anteriormente. Cuando lo hayas hecho, haz clic en Guardar.
Paso 4: Configura las Notificaciones de Registro de Usuarios en WordPress
Ahora veamos la página de notificaciones yendo a Ajustes » 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.
Para obtener ayuda con la configuración de estos ajustes, consulta la documentación de WPForms sobre cómo configurar notificaciones de formularios en WordPress.
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.
Hay 3 tipos de confirmación en WPForms, y son los siguientes:
- Mensaje – Esta es la confirmación predeterminada. Cuando los usuarios completan tu formulario, aparece un mensaje indicándoles que se ha enviado correctamente.
- 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.
- 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 añadir tu formulario de registro de usuario con campos personalizados a WordPress.
Paso 6: Publica tu formulario de registro de WordPress con campos personalizados
WPForms facilita enormemente la adición de tu formulario de registro a tu sitio web. Puedes publicar tu formulario de registro en una entrada, página o incluso en la barra lateral de tu sitio web en el front-end.
Veamos cómo publicar tu formulario de registro de usuarios en una página de WordPress.
Para empezar, ve a Páginas » Añadir nueva para crear una nueva página.
Luego, en el editor de WordPress, haz clic en el icono Signo más (+) para añadir un nuevo bloque de contenido. En el cuadro de búsqueda, escribe WPForms para mostrar el bloque WPForms y haz clic para añadirlo a tu página.
Aquí, puedes elegir tu formulario de registro de usuarios en el cuadro desplegable, que se añade a tu página para previsualizar.
Ahora puedes continuar y añadir cualquier información adicional a tu página. Y cuando estés satisfecho, haz clic en Publicar para lanzar tu formulario en tu sitio web.
Preguntas frecuentes sobre cómo añadir campos personalizados a los formularios de registro de WordPress
Ahora sabes cómo crear un formulario de registro de usuarios de WordPress con campos personalizados. Así los usuarios pueden registrarse en tu sitio y enviar todos los detalles que necesitas para crear sus perfiles.
Si estás interesado en aprender qué más puedes hacer con WPForms, consulta nuestros otros tutoriales de formularios de WordPress aquí:
- Cómo crear un formulario de WordPress con carga de archivos
- Cómo crear un formulario 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 lo deseas, síguenos en Facebook y Twitter para obtener más consejos y tutoriales útiles.
