Cómo crear formularios personalizados de registro e inicio de sesión de WordPress

Los formularios son una parte esencial de cualquier sitio web de WordPress. WordPress ofrece formularios de registro y autenticación muy simples y simples. Muchos de ustedes quieren construir formas personalizadas, para alinearse con el diseño y el color de su marca. Algunos de ustedes quieren agregar más campos a los formularios. Por cualquier razón, necesita un complemento para crear una forma personalizada. Hay varios complementos gratuitos de WordPress, pero estos complementos generalmente ofrecen funciones limitadas. Necesitará un complemento dedicado, como ProfilePress o WPForms, para crear formularios personalizados de WordPress.
En este artículo, le mostraremos cómo crear formularios de registro y autenticación personalizados para su sitio de WordPress. Le mostraremos cómo agregar campos personalizados, hacer los nuevos formularios como formularios predeterminados de su sitio de WordPress y crear formularios personalizados para completar mi pedido. Vamos a empezar.
Cómo crear formularios de WordPress personalizados Hay varios complementos que lo ayudarán a crear un formulario de registro para su sitio de WordPress. Pero, según la facilidad de uso y las funcionalidades, descubrí que ProfilePress es el mejor complemento de formulación.
ProfilePress ofrece hermosas formas prefabricadas que puede personalizar de acuerdo con sus necesidades utilizando las funciones de deslizamiento y colocación. Dicho esto, el complemento es mucho más que un generador de formulación. Usando ProfilePress puede crear:
Hermosos perfiles de usuario
Director de miembros que se pueden buscar y filtrarse
Restringir el acceso a publicaciones, páginas y páginas secundarias Estrella el acceso a categorías, etiquetas, tipos de publicaciones y taxonomías personalizadas
Además de esto, puede ampliar la funcionalidad del complemento utilizando suplementos como Google Recaptcha, Polylang, autenticación de dos factores, etc. Puede obtener más información sobre las funciones del complemento en su página de listado.
ProfilePress es un complemento premium y, para usarlo, deberá comprar una licencia que cuesta $ 79 anualmente para un solo sitio. Si desea usarlo para varios sitios, suscríbase a planes más grandes. Usemos el complemento para crear formularios de WordPress personalizados. Creación de un registro personalizado Instalar y activar ProfilePress en su sitio web de WordPress. Paso 1: Para asegurarse de que puede usar campos personalizados en el formulario, debe activar los campos personalizados accediendo a ProfilePress> Addons> Campos personalizados y encender.
Paso 2: ahora acceda a ProfilePress> Formularios y perfiles> Agregar nuevo> Registro. Paso 3: A continuación, tiene la opción de editar una plantilla preconstruida o crear el formulario desde cero. La construcción de un formulario desde cero requiere conocimientos de codificación y muchos de ustedes que leen este artículo, muy probablemente, no saben cómo codificar. En este caso, elija el generador de arrastrar y soltar. Paso 4: en la página siguiente, deberá nombrar el formulario y elegir una plantilla. Luego continuará al diseñar el formulario utilizando el generador de deslizamiento y colocación.
Paso 5: Cree el formulario utilizando los siguientes campos personalizados:

Nombre de usuario
Dirección de correo electrónico
Confirme su Correo electrónico Dirección PAROLA
Confirmar la contraseña
Poder de aprobación
Sitio web
Apodo
El nombre mostrado
Nombre
Nombre
Imagen de perfil de carga
Sube una foto de portada
Biografía
Seleccione el rol
Html personalizado
recaptcha
Paso 6: haga clic en el botón Vista previa en vivo para obtener una vista previa del formulario antes de guardar los cambios.
Paso 7: Luego, desplácese hacia abajo hasta la configuración del formulario. Aquí puede cambiar las etiquetas de los botones, el color, el título y la configuración de registro.
Paso 8: Cuando esté listo, presione el botón Guardar Modi. Eso es todo. Su nuevo formulario de registro ahora está listo.

IMPORTANTE: ¿Desea agregar Google Recaptcha, autenticación social o autenticación de dos factores en su forma? El complemento le permite expandir y personalizar la funcionalidad de su sitio. Obtenga más información, hay dos cosas que debe hacer:

Deberá publicar el formulario en una nueva página o publicación.
Luego, haga del nuevo formulario el formulario de registro de WordPress predeterminado
Cubrimos ambos tutoriales en dos secciones diferentes a continuación. Pero primero, echemos un vistazo rápido a cómo crear un formulario de autenticación de WordPress personalizado.
La creación de un formulario de conexión personalizado a seguir es idéntico a los del formulario de registro, a excepción de dos cosas: vaya a ProfilePress> Forms y perfiles> Agregar nuevo> Generador completo y de ubicación. Y en lugar de elegir el registro, elija autenticación.
Luego, después de haber llamado al formulario y elegir una plantilla, notará que los campos personalizados son limitados en comparación con el formulario de registro. Sin embargo, no necesita tantos campos personalizados para un formulario de conexión. Aquí hay una lista de campos personalizados que puede usar en el formulario de inicio de sesión: autenticación del usuario (nombre de usuario o correo electrónico)
Clave

Recuerda la autenticación
Html personalizado
recaptcha
Todos los demás son exactamente iguales con el formulario de registro. Cuando el nuevo formulario de conexión esté listo, pase a la siguiente sección, donde descubrirá cómo publicar los nuevos formularios (registro y autenticación) y cómo establecerlos como formularios predeterminados de WordPress.
Cómo publicar los nuevos formularios en su sitio es fácil. Vaya a ProfilePress> Formularios y perfiles y seleccione Iniciar sesión o registrarse. En el lado derecho de los formularios, debería poder ver un código corto. Copie el código corto del formulario que acaba de crear.
Luego cree una nueva página accediendo a páginas> Agregar nuevo e inserte el código corto. Nombra la página y presione Publicare. Su formulario ahora está en vivo en su sitio web. Así es como se ve el formulario de registro en nuestro sitio demostrativo:
Y así es como se ve el formulario de conexión:
El siguiente paso es hacer el nuevo formulario de la autenticación predeterminada o el formulario de registro.

Cómo establecer los nuevos formularios como un formulario de WordPress predeterminado ProfilePress> Configuración global. En la opción Página de conexión, hay un menú de caída. En el menú desplegable, seleccione la nueva página en la que haya publicado el formulario de inicio de sesión.

Y en la opción de página de registro, seleccione la nueva página donde haya publicado el formulario de registro. Esto es. Siempre que alguien intente registrarse o conectarse a su sitio, cumplirá con nuevos formularios.¿Cómo crear formularios personalizados para WooCommerce, muchos de ustedes que leen este artículo se preguntan si pueden reemplazar los formularios de su sitio de WooCommerce?Por supuesto que puede.Aquí está cómo: active e instale ProfilePress en su sitio web de WooCommerce.Como dije anteriormente, desde nuestra experiencia personal, ProfilePress es el mejor complemento que puede usar para crear formularios, ya que es fácil de usar y ofrece muchas características.Luego, debe activar la integración de WooCommerce accediendo a ProfilePress> Addon> WooCommerce y activando el botón.


Creación de un formulario de registro y autenticación personalizado para WoCommerce Ya hemos cubierto los pasos que necesita para crear un formulario de grabación y autenticación anteriormente en el artículo. Deberá seguir los pasos exactos para crear formularios en su sitio web de WooCommerce. Cuando los formularios estén listos, publíquelos en dos páginas separadas. También traté esto en la sección “Cómo publicar los nuevos formularios en su sitio”. También le mostré cómo establecer los nuevos formularios como un formulario de registro e inicio de sesión predeterminado en su sitio web. Deberá seguir los mismos pasos en su sitio web de WooCommerce. La adición de campos personalizados a los formularios de pago de WooCommerce hay dos tipos de formularios de pago: registro y autenticación. En esta sección, aprenderá cómo crear formularios de registro o conexión personalizados. Formulario de autenticación personalizado ¿Desea reemplazar su formulario de autenticación predeterminado al finalizar con un formulario de autenticación personalizado? Primero, creemos un formulario de autenticación personalizado para completar el pago. Ya te he mostrado cómo hacer esto en una sección anterior. Siga los pasos de la sección “Crear un formulario de conexión personalizado”. ¿Terminado? Ahora, vaya a ProfilePress> Configuración> General> WooCommerce. Debería ver una opción llamada formulario de inicio de sesión final. Viene con un menú de caída. Seleccione el nuevo formulario en el menú Drop -down y guarde la configuración. Sus clientes deben poder usar el nuevo formulario para conectarse durante el pago.
Formulario de registro al finalizar la compra En términos de formulario de registro, ProfilePress le permite agregar campos personalizados al formulario de registro de pago de WooCommerce. No debe crear un formulario de registro desde cero. Su sitio web utilizará su formulario de registro implícito como formulario de registro de pago, pero puede agregar campos personalizados en el formulario. Para agregar campos personalizados al formulario de registro de pago, primero debe crear los campos personalizados. Vaya a WooCommerce> Configuración> Cuentas y privacidad y active la opción “Permitir a los clientes crear una cuenta durante el pago”. Luego vaya a ProfilePress> Configuración> Campos personalizados> Agregar nuevo. En la página siguiente, ingrese la etiqueta, la clave, la descripción y el tipo de campo. Guarde su configuración.
Después de haber terminado de crear todos los campos personalizados, agrégalos al formulario de registro de pedidos. Vaya a ProfilePress> Configuración> General> WooCommerce> Campos de registro de pedidos, y los campos que acaba de crear debe aparecer como un menú vertical. Seleccionarlos. En la siguiente sección (es decir, campos de registro obligatorios), puede presentar los campos personalizados que desea hacer obligatorio.

Personalizado los formularios de registro y autenticación en mi cuenta con ProfilePress, tiene la opción de establecer un formulario de registro y autenticación personalizado. Primero deberá crear formularios en su sitio de WordPress. Simplemente siga los pasos que cubrí en “Cómo crear formularios personalizados de WordPress”. Luego vaya a ProfilePress> Configuración> General> WooCommerce> Conecte el formulario a mi cuenta y seleccione el nuevo formulario de conexión que acaba de crear. Luego vaya al formulario de registro en mi cuenta y seleccione el nuevo formulario de registro que acaba de crear. A continuación se muestra una vista previa de cómo podría verse en mi página de cuentas de WooCommerce.

Eso es todo, buena gente. Con eso, llegué al final de este tutorial.

Los pensamientos finales para crear un registro de WordPress personalizado y una forma de autenticación es una gran idea. Puede agregar campos personalizados, recopilar más datos sobre los usuarios y crear el formulario de una manera que se vea adecuada para su marca. Aunque hay muchos complementos que lo ayudarán a crear formularios en su sitio web de WordPress, he descubierto que Profilepress es el mejor complemento para registro y autenticación del usuario. Es muy fácil de usar e integrar con las tiendas WooCommerce.

¿Fue esto útil?

sí No