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

¿Desea crear un formulario de registro de usuario personalizado en WordPress? El formulario de registro de usuario predeterminado de WordPress muestra la marca de WordPress y no coincide con el tema de su sitio. En este artículo, le mostraremos cómo crear un formulario de registro de usuario personalizado en WordPress.

Por qué agregar un formulario de registro de usuario personalizado en WordPress

La página predeterminada de registro de usuario de WordPress muestra la marca y el logotipo de WordPress. No coincide con el resto de su sitio de WordPress.

La creación de un formulario de registro de usuario personalizado le permite añadir el formulario de registro en cualquier página de su sitio WordPress. Le ayuda a ofrecer una experiencia de usuario más coherente durante el proceso de registro.

Un formulario de registro de usuario personalizado también le permite redirigir a los usuarios al registrarse. También puede mostrar campos de perfil de usuario adicionales, combinarlos con un formulario de inicio de sesión personalizado y conectarlos con su servicio de marketing por correo electrónico.

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

Video Tutorial

Suscribirse a AprenderWP

Si no te gusta el video o necesitas más instrucciones, entonces continúa leyendo.

Creación de un formulario de registro de usuario personalizado en WordPress

Lo primero que tiene que hacer es instalar y activar el plugin de formularios WPForms - WordPress. Para más detalles, vea nuestra guía paso a paso sobre cómo instalar un plugin de WordPress.

WPForms es el mejor plugin de formulario de contacto de WordPress que le permite crear todo tipo de formularios en WordPress.

Necesitará al menos el plan Pro para acceder a su complemento de registro de usuario.

Puede utilizar nuestro cupón WPForms: WPB10 para obtener un 10% de descuento en su compra de cualquier plan WPForms.

Tras la activación, debe visitar la página WPForms " Settings para introducir la clave de licencia de WPForms. Puede obtener esta clave de su cuenta en el sitio web de WPForms.

A continuación, debe visitar la página WPForms " Addons . Haga clic en el botón Install Addon junto a User Registration Addon.

WPForms descargará e instalará el Módulo de Registro de Usuario. Tendrá que hacer clic en el botón `Activar para empezar a utilizar el complemento.

Ahora está listo para crear su formulario de registro de usuario personalizado.

Necesita visitar WPForms " Add New para iniciar el WPForms Builder.

En primer lugar, debe introducir un nombre para el formulario y, a continuación, seleccionar "Formulario de registro de usuario" como plantilla.

WPForms ahora creará un formulario de registro simple para usted. Este formulario de muestra tendrá los siguientes campos de registro de usuario de WordPress añadidos por defecto.

  • Nombre - Nombre y apellido
  • Nombre de usuario
  • Correo electrónico
  • Contraseña
  • Biografía corta

Puede añadir más campos desde el panel izquierdo. También puede arrastrar campos para reorganizar su orden.

Adición de campos personalizados en su formulario de registro de usuario personalizado

WPForms también le permite conectar campos de perfil de usuario personalizados a su formulario de registro de usuario.

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

En este ejemplo, estamos usando el plugin User Meta Manager. Sin embargo, la función de mapeo de campos de WPForms funciona con cualquier plugin que utilice campos personalizados estándar de WordPress para agregar y almacenar metadatos de usuarios.

Lo primero que debe hacer es instalar y activar el plugin User Meta Manager. Para más detalles, vea nuestra guía paso a paso sobre cómo instalar un plugin de WordPress.

Tras la activación, debe visitar la página Users " User Meta Manager y hacer clic en el botón Add Custom Meta para continuar.

En primer lugar, debe introducir una clave. Esta clave es cómo se reconocerá internamente el campo de perfil de usuario personalizado.

A continuación, debe seleccionar un tipo de campo. En este ejemplo, estamos utilizando un campo URL para añadir la URL del perfil de Facebook. En Etiqueta, debe introducir la etiqueta que será visible para los usuarios al rellenar este campo.

Haga clic en el botón Enviar para añadir el campo meta personalizado. Ahora puede visitar Usuarios " Su página de Perfil para ver el campo en acción.

Ahora que hemos creado un campo de perfil de usuario personalizado, agreguémoslo al formulario de registro de usuario personalizado en WPForms y luego mapeémoslo.

Necesitará visitar la página WPForms " All Forms para editar su formulario de registro de usuario personalizado o crear uno nuevo.

Después haga clic en un campo del panel izquierdo para agregarlo a su formulario. En este ejemplo, estamos añadiendo un campo web/URL a nuestro formulario.

El campo sitio web / URL aparecerá ahora en la vista previa del formulario. Debe hacer clic en el campo y WPForms mostrará sus propiedades en el panel izquierdo.

Necesitamos cambiar la etiqueta de Sitio Web/URL a URL de Perfil de Facebook. También puede añadir una descripción para el campo.

No olvide hacer clic en el botón Guardar en la esquina superior derecha de la pantalla para guardar su formulario.

A continuación, debe hacer clic en el botón Configuración para la configuración avanzada de formularios y la asignación de campos. En la página Configuración, haga clic en la ficha Registro de usuario.

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

Usted notará que WPForms automáticamente mapeará sus campos por defecto como Nombre, Email, Contraseña, etc. También puede seleccionar una página a la que desea que los usuarios sean redirigidos una vez que hayan enviado el formulario.

Necesitará desplazarse hacia abajo hasta la secciónCustom User Meta. Aquí puede introducir la metaclave personalizada que creó anteriormente y luego seleccionar el campo del formulario con el que desea asignarla.

No olvide hacer clic en el botón Guardar en la esquina superior derecha de la pantalla para guardar su configuración.

Añadir su formulario de registro de usuario personalizado en WordPress

WPForms hace que sea súper sencillo añadir formularios a tus entradas, páginas y widgets de WordPress.

Necesitas crear una nueva entrada/página o editar una ya existente. En la pantalla de edición de mensajes, notará el nuevo botón WPForms.

Al hacer clic en él se abrirá una ventana emergente. Necesita seleccionar su formulario en el menú desplegable y luego hacer clic en el botón Agregar formulario.

Notarás que el código abreviado de WPForms aparecerá en el editor de contenido de tu mensaje. Ahora puede publicar o guardar su mensaje/página y luego previsualizar su formulario.

WPForms también le permite añadir su formulario de registro de usuario personalizado en su barra lateral. Visite la página Apariencia " Widgets y añada el widget WPForm a una barra lateral.

Debe seleccionar el formulario que desea mostrar en el menú desplegable de la configuración de los widgets. No olvides hacer clic en el botón Guardar para guardar la configuración de tu widget.

Eso es todo, ahora puede visitar su sitio web para ver su formulario de registro de usuario personalizado en acción.

Esperamos que este artículo le haya ayudado a aprender a añadir fácilmente un formulario de registro de usuario personalizado en WordPress. También puedes ver nuestra lista de 10 plugins de WordPress que te ayudarán rápidamente a conseguir más tráfico.

Si te ha gustado este artículo, suscríbete a nuestros tutoriales de vídeo de YouTube Channel for WordPress. También puede encontrarnos en Twitter y Facebook.

Deja una respuesta

Tu dirección de correo electrónico no será publicada. Los campos obligatorios están marcados con *

Subir