¿Quieres crear un formulario de registro personalizado para tus usuarios?

El formulario de registro de WordPress predeterminado muestra la marca de WordPress y no coincide con el tema de WordPress de su sitio web.

Si nunca ha instalado WordPress, descúbralo en este tutorial Cómo instalar y configurar tu blog

En este tutorial, le mostraremos cómo crear un formulario de registro personalizado en WordPress.

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

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

La creación de un formulario de registro personalizado le permite agregar el formulario de registro a una página de su sitio web. Le ayuda a proporcionar una experiencia de usuario más coherente durante el proceso de registro.

Antes de continuar puedes descubrir Cómo personalizar las páginas de registro e inicio de sesión en WordPress

Un formulario de registro personalizado también permite que los usuarios sean redirigidos después del registro. También puede mostrar campos de perfil adicionales, combinarlos con el formulario de inicio de sesión personalizado y conectarlos con su departamento de marketing por correo electrónico.

Dicho esto, vamos a echar un vistazo rápido a cómo crear un formulario de registro personalizado de WordPress.

Crear un formulario de inicio de sesión personalizado

Lo primero que debe hacer es instalar y activar el complemento WPForms. Para más detalles, consulte nuestra guía paso a paso sobre cómo instalar un complemento de WordPress.

Al menos necesitarás el plan Pro »Para acceder a los formularios de registro de usuarios.

Después de la activación, debe visitar " WPForms »Configuración Para ingresar su clave de licencia de WPForms. Puede obtener esta clave en su cuenta de WPForms.

wpform-clave de licencia

Luego ve a " WPForms> Complementos ". Haga clic en el botón instalar Addon »En la extensión« Los formularios de inscripción de usuarios ".

extensión-user-registro-form

WPForms descargará e instalará la extensión. Tendrás que hacer clic en el botón "Activar" para comenzar a usar la extensión.

La extensión a activar-en-wordpress

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

Debes visitar " WPForms> Agregar nuevo Para usar el generador de videos WPForms.

Primero, debe ingresar un nombre para su formulario, luego seleccionar la plantilla "Formulario de registro de usuario"(Formulario de registro de usuario).

wpforms constructor

WPForms creará un formulario de registro simple para usted. Esta muestra tendrá los siguientes campos.

  • Apellido nombre
  • Usuario
  • Correo electrónico
  • Contraseña
  • Breve biografía

Puede agregar campos desde el panel izquierdo. Solo tendrá que arrastrar los campos para reorganizar su orden.

Agregar campos personalizados a su formulario de registro personalizado

WPForms también le permite agregar campos de perfil a su formulario. Para hacer esto, necesitará un complemento especializado.

En este ejemplo, usamos el complemento gratuito Meta de usuario Administrador ". 

Lo primero que debe hacer es instalar y activar el complemento " Meta de usuario Administrador ". Para más detalles, consulte nuestra guía sobre Cómo instalar (agregar) un complemento en WordPress

Después de activar el complemento, debe ir a la siguiente ubicación Usuarios> Administrar usuarios Y agrega metas para continuar.

añadir meta-des-por-usuario personaliza

Pero primero debes ingresar una clave. Esta clave le permitirá saber cómo se reconocerá internamente el campo de perfil de usuario personalizado.

Luego tienes que elegir un tipo de campo. En este ejemplo, usamos un campo URL para agregar la URL del perfil de Facebook. Bajo « Label », Debes ingresar la etiqueta que será visible para los usuarios al completar este campo.

Antes de continuar, descubre Cómo mostrar los campos personalizados en WordPress

Haga clic en el botón Enviar "(Presentar) para agregar el metacampo personalizado. Luego puedes visitar la sección Usuarios »Tu perfil Para ver el campo.

nueva-campo-facebook-perfil

Ahora que hemos creado un campo personalizado, agreguemoslo al formulario de registro personalizado en WPForms.

ir a  WPForms »Todas las formas » para modificar su formulario de registro personalizado o para crear uno nuevo.

Después de eso, haga clic en un campo del panel izquierdo para agregarlo a su formulario. En este ejemplo, agregamos un campo " URL del sitio web A nuestra forma.

Add-a-new-campo-wpforms

El campo " Página web/ URL Ahora aparecerá en la vista previa de su formulario. Solo tiene que hacer clic en él y WPForms mostrará sus propiedades en el panel izquierdo.

Necesitamos cambiar la etiqueta del sitio web " Página web / URL " para " URL del perfil de Facebook". También puede agregar una descripción para el campo.

la modificación de un campo de entrada de WordPress Plugin WPForms

No olvides hacer clic en el botón « Siguiente En la esquina superior derecha de la pantalla para guardar su formulario.

Luego tienes que hacer clic en el botón Parámetros (Configuración) para la configuración avanzada del formulario. En la pagina Ajustes ", Clickea en el" registro de usuario ".

WPForms mostrará sus campos y un menú desplegable a continuación para que seleccione qué campo de registro puede " mapeador"(Iniciar sesión o armonizar).

Descubre nuestro 8 premium plugins de WordPress para crear campos personalizados

Notarás que WPForms " mapas »Automáticamente sus campos predeterminados como nombre, correo electrónico, contraseña, etc….

Puede seleccionar una página donde desea que los usuarios sean redirigidos una vez que validan el formulario.

Deberá desplazarse hacia abajo hasta el " Meta de usuario personalizado ". Aquí puede ingresar la metaclave personalizada creada previamente y luego seleccionar el campo del formulario que desea "asignar".

mapeador-a-campo-modificar-wpforms

No olvides guardar tu configuración

Cómo agregar un formulario de registro en WordPress

Antes de comenzar esta parte, te invitamos a descubrir Cómo crear una página de registro personalizado en WordPress

Si está hecho, agreguemos un formulario en WordPress

WPForms facilita agregar widgets en la barra lateral o en sus páginas y artículos. Debe comenzar editando un artículo / página.

En la pantalla de edición, verá el nuevo botón WPForms.

add-a-Form-wpforms

Al hacer clic en él, aparecerá un menú contextual. Debe seleccionar su formulario en el menú desplegable, luego hacer clic en el "  Agregar formulario ".

Notarás que el shortcode " WPForms Aparecerá en el editor de contenido de su artículo. Ahora podrá publicar o guardar sus publicaciones / página y luego obtener una vista previa de su formulario.

PREVIA-de-forma, personaliza

WPForms también le permite agregar su formulario de registro personalizado en la barra lateral. Visite el menú  Apariencia >> Widgets >>y agrega un widget WPForms A una barra lateral.

forma-de-la-barra-Side

Debe seleccionar el formulario que desea mostrar en el menú desplegable en la configuración del widget. No olvide guardar la configuración del widget.

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

Forma-modificar-wordpress

 

Así finaliza la creación de un formulario de registro personalizado. Pero antes de continuar, le sugerimos que consulte el artículo. WPForms: el mejor complemento de WordPress para crear un formulario de contacto

Si está buscando otras soluciones premium para crear obviamente realizar la misma tarea, consulte nuestros 3 plugins de WordPress a continuación.

1. WP Custom Admin Login

El inicio de sesión de administrador personalizado de WP es un Plugin de WordPress Premium de personalización de la página de inicio de sesión predeterminada de WordPress. Le permite personalizar esta página desde el Personalizador de WordPress y viene con más de 25 impresionantes plantillas de página entre las que podrá elegir.

Complemento de wordpress de inicio de sesión de administrador personalizado de wp para crear una página de inicio de sesión de administrador personalizada

Incluso si no tiene habilidades de codificación, podrá crear una página de inicio de sesión excepcional en muy poco tiempo. Su interfaz visual es muy intuitiva, lo que le permitirá configurar su página de inicio de sesión de acuerdo con sus preferencias. Admite videos e imágenes que se pueden usar como fondo en su página.

Descargar | Demo | alojamiento web

2. Flex-Registro

Flex-Register es un Plugin de WordPress que le permite agregar un formulario de registro o inicio de sesión en un lightbox. No será necesario actualizar la página y funcionará inmediatamente después de la instalación. Por lo tanto, no será necesaria ninguna configuración.

Caja de luz bootstrap 3 de registro flexible para registro wordpress

También se encargará de hacer coincidir su formulario con el estilo del tema de WordPress activo en su sitio web. Como característica ofrece, entre otras cosas: un diseño limpio y código bien comentado, su apariencia totalmente personalizable, compatibilidad con la mayoría de ds Temas de WordPress popular, compatibilidad con varios navegadores y más.

Descargar | Demo | alojamiento web

3. Login Ninja

Ce Plugin de WordPress le permite personalizar su página de inicio de sesión. Es más que simplemente personalizar su formulario de inicio de sesión. Puede personalizar toda la página, cambiar su color, agregar una imagen de fondo, agregar un logotipo y más.Complemento de wordpress de inicio de sesión ninja

Sus otras características son: protección de formularios de inicio de sesión y registro con captcha, prohibición automática y manual de las IP que lo atacan por fuerza bruta, un registro detallado de todas las actividades relacionadas con la conexión, redirección de usuarios basada en roles y nombres de usuario, recepción de notificaciones por correo electrónico para todos los eventos de inicio de sesión, interfaz gráfica fácil de usar, documentación detallada y más.

Descargar | Demo | alojamiento web

Otros recursos recomendados

¿Le gustaría crear otro tipo de formularios? no dude en consultar esta lista de recursos recomendados. 

Conclusión

Listo ! Eso es todo por este tutorial. Espero que le permita crear fácilmente una forma personalizada de registro en WordPress. También te invitamos a consultar nuestro recursos si eres un blogger principiante

Si tiene alguna sugerencia o comentario, serán bienvenidos. Pero si te gustó no dudes en  comparte este artículo en tus diferentes redes sociales.

...