Un simple formulario de registro ya viene por defecto con WordPress. Sin embargo, con las herramientas adecuadas, abundan las personalizaciones avanzadas, ya sea para añadir un logotipo al formulario o para incluirlo en una página más pública.
Cada sitio web requiere una versión diferente del módulo de registro de usuarios y por eso es importante aprender a añadir y administrar un formulario de registro personalizado de WordPress.
La buena noticia es que un formulario de registro viene en muchas formas y estilos. Tienes la opción de construir y administrar un formulario de registro personalizado de WordPress con un plugin de registro de usuario, agregando perfiles de membresía y elementos de marca.
Como alternativa, tal vez quieras integrarte con una herramienta de registro de terceros o ceñirte a lo básico y personalizar ligeramente el módulo de registro por defecto de WordPress.
Independientemente de tus necesidades y deseos de un formulario de registro personalizado de WordPress, existen varias soluciones para activar formularios de registro más simples, o páginas de registro e inicio de sesión avanzados con características para la mensajería de usuario y el inicio de sesión con cuentas de medios sociales.
Sigue leyendo para aprender más sobre el registro de usuarios en general y los fundamentos para añadir un nuevo formulario de registro de WordPress, totalmente personalizable, a tu sitio web.
¿Qué Es el Registro de Usuario?
El registro de usuario es el simple proceso de un visitante de un sitio web que crea una cuenta en tu sitio web.
Este registro, o inscripción, implica un nuevo cliente en un sitio como una tienda de comercio electrónico, o un miembro que se une a un foro, o un lector que se registra en un blog, solo por nombrar algunos ejemplos.
El proceso de registro de usuarios requiere que una persona introduzca algún tipo de información de contacto para crear una cuenta. A veces es tan simple como crear un nombre de usuario y una contraseña. Sin embargo, es más común tener al menos un campo de dirección de correo electrónico para asegurar que sea posible un proceso de recuperación de la contraseña.
La página de registro estándar de WordPress pide un nombre de usuario y un correo electrónico. Después de eso, se solicita una contraseña.
Como alternativa, puedes encontrar formularios de registro de usuario mucho más extensos, con campos que piden información como el género, la dirección o la fecha de nacimiento. No es raro ver formularios extensos como este en lugares como sitios de citas o redes sociales. Incluso sitios como Netflix ofrecen preguntas opcionales de registro de usuarios para afinar los tipos de videos que te gusta ver.
No es necesario un formulario de registro de usuario si no ofreces nada especial a esos usuarios o si no estás interesado en gestionar una base de datos de usuarios. Sin embargo, el visitante de un sitio web es una parte bastante valiosa de la gestión de un negocio en línea, por lo que a menudo es mejor averiguar las razones para tener usuarios.
El registro de usuarios también abre posibilidades de establecer perfiles de usuario, en los que algunos usuarios tienen diferentes capacidades o acceso a tu sitio web en comparación con otros.
En general, un módulo de registro de usuario tiende a llevar a la persona a un espacio en línea para que ese usuario comprenda su posición y actividad en tu sitio. Un sitio como eBay, por ejemplo, muestra las ofertas y compras pasadas en el perfil del usuario. Y esto solo es posible si alguien camina a través del formulario de registro de usuario para hacer esa área de perfil.
Ahora que hemos hablado de los fundamentos del registro de usuarios y de la función que cumple, sigue leyendo para saber por qué puedes considerar añadir un formulario de registro de usuario de WordPress a tu sitio.
Ventajas de los Formularios de Registro de WordPress
Cuando construyes un sitio, puede que te preguntes el propósito de añadir un formulario de registro de WordPress. En general, un área de registro muestra a los visitantes que pueden encontrar algún tipo de beneficio al crear una cuenta. A veces esto significa que abrirán el acceso a un foro, o tal vez les permita registrar todas las compras o interacciones pasadas con otros usuarios.
Los formularios de registro añaden valor para los usuarios que hacen las cuentas. Como ventaja adicional, los propietarios de los sitios obtienen importantes beneficios en forma de organización y recopilación de datos.
Los beneficios son muchos, pero aquí están los principales:
- Mejora de la organización, la interacción y la retroalimentación de los usuarios – Los usuarios registrados envían una cantidad significativa de información, lo que te permite gestionar estos usuarios de una manera más controlada. También abre opciones para llegar a esos visitantes del sitio y obtener valiosos comentarios para mejorar tu sitio, en lugar de preguntarte quién está comprando tus productos o leyendo tu blog.
- Incremento de la lista de correo electrónico – Siempre que el formulario de registro de usuario pida un correo electrónico, estarás recogiendo datos que serán útiles en el futuro. Los usuarios registrados se unen a tu programa de marketing por correo electrónico, lo que facilita el envío de correos electrónicos con cupones, nuevos productos o entradas de blog.
- Recolección de datos personales – Un formulario de registro no solo tiene que pedir un nombre y una dirección de correo electrónico. Sirven para profundizar en los antecedentes del usuario. Se pueden añadir campos personalizados que piden cualquier cosa, desde altura y peso hasta preferencias específicas como tu libro favorito.
- Seguridad para tu sitio y los usuarios – El spam registro de usuarios añade un nivel no deseado de desorden a un sitio web, gran parte del cual requiere ser borrado o filtrado por los propietarios y moderadores del sitio. Un fuerte formulario de registro aumenta la seguridad y evita que haya miembros no deseados.
- Opciones avanzadas de permisos de usuario – El registro tiene la posibilidad de establecer permisos de usuario (a veces llamados tipos o perfiles de usuario) que permiten a algunos tipos de usuario ver cierto contenido o aprovechar la funcionalidad del sitio. Otros perfiles de usuario pueden tener acceso a parte del sitio pero no a todo. Esto es particularmente importante para los sitios de membresía y las operaciones en las que se cuenta con múltiples colaboradores del sitio, como autores y editores.
- Una experiencia de usuario más amigable – Uno de los principales objetivos del registro de usuarios es proporcionar una zona consolidada para que los usuarios individuales puedan comprobar su situación como usuario. Estos perfiles mejoran la experiencia general del usuario al mostrar información importante, como las compras anteriores o los mensajes con otros usuarios.
- Construcción de un sitio web de membresía con administración de perfiles – Un formulario de registro es útil para construir un sitio de membresía completo, ya que es una de las principales características que ofrece un sitio web de membresía. Los usuarios disfrutan administrando sus perfiles, ya sea en una red social, un foro o un curso exclusivo en línea.
¿Cuál es la Mejor Manera de Ofrecer un Formulario de Registro en WordPress?
Técnicamente hay cientos de formas de añadir un formulario de registro a tu sitio de WordPress. La forma en que diseñas tu formulario hace que cada proceso sea completamente único, especialmente una vez que comienzas a agregar campos personalizados únicos.
Sin embargo, existen cuatro métodos principales para añadir un formulario de registro de usuario, todos los cuales son posibles con los conocimientos e instrumentos adecuados.
Puedes activar un módulo de registro con los siguientes métodos:
- Activar la función de registro de usuarios de WordPress.
- Incrustar un formulario de registro de usuario de WordPress con una solución de terceros.
- Instalar un módulo de registro con un plugin de WordPress.
- El código personalizado de un área de registro.
La gran pregunta es, ¿cuál de los métodos es ideal para tu situación?
Es difícil elegir el camino a seguir, pero el formato de tu negocio y los deseos de tus características juegan un papel importante a considerar:
- El registro predeterminado de WordPress – Este es el método más rápido y sencillo para incorporar el registro de usuarios en tu sitio. No es para aquellos que necesitan un formulario personalizado o largo para registrarse. El registro incorporado de WordPress es bueno para sitios web y blogs más pequeños que solo necesitan recopilar un nombre y una dirección de correo electrónico. Ten en cuenta que las oportunidades de diseño son limitadas con el formulario de registro de WordPress predeterminado.
- Incorporación de un módulo de registro de terceros – Un software o aplicación independiente se integra con tu sitio de WordPress. Este proceso tiene sentido si localizas un constructor de formularios de registro con tus características favoritas, pero que carece de un plugin de WordPress. Un formulario de terceros es a veces más complicado que un plugin porque normalmente tienes que averiguar cómo instalar o mostrar el módulo de registro en tu sitio de WordPress, como con un código de incrustación.
- Usar un plugin de registro – Nos gustan los plugins de registro de usuarios por dos razones. En primer lugar, eliminan la necesidad de codificación personalizada y de jugar con herramientas de terceros. En segundo lugar, los plugins sólidos tienen largas listas de características, lo que facilita a cualquiera el diseño e implementación de hermosos formularios de registro. Por lo tanto, los plugins tienen sentido tanto para los principiantes sin conocimientos de codificación como para los desarrolladores que desean una solución más fácil.
- Codificación personalizada del formulario de registro – Esta opción está reservada a las organizaciones que requieren una interfaz completamente única para registrar a los usuarios. También es necesario tener los recursos para pagar a un desarrollador para que haga ese formulario personalizado.
Cómo Crear un Formulario de Registro de WordPress Sin Plugin
Es posible añadir un formulario de registro a WordPress sin tener que buscar e instalar un nuevo plugin. El razonamiento para este enfoque varía, pero en general, los propietarios de los sitios pueden optar por el formulario de registro incorporado de WordPress o considerar una ruta más avanzada con un software de terceros o codificación personalizada.
Cubriremos los pasos de cómo abordar cada método.
Activación de la Función de Registro de Usuario Predeterminado en WordPress
WordPress proporciona un formulario de registro y un área de gestión de usuarios cuando se instala el Sistema de Gestión de Contenidos. Las funciones de registro no están necesariamente activadas de forma predeterminada, por lo que hay algunos pasos que debes seguir para asegurarte de que los visitantes de tu sitio tengan la posibilidad de crear una cuenta.
Ten en cuenta que esta versión de un formulario de registro es lo mínimo cuando se trata de diseñar formularios para módulos de registro e ingreso. Sin embargo, es suficiente para los blogs y las comunidades más pequeñas que solo necesitan obtener usuarios y dar a la gente una forma de acceder con un nombre de usuario y una contraseña.
Para empezar, ve a tu panel de control de WordPress.
Haz clic en Ajuestes > General.
A medida que te desplazas hacia abajo en los ajustes, encuentra el encabezado de Membresía. Marca esta casilla para asegurarte de que cualquier persona que visite tu sitio pueda registrarse como nuevo usuario.
Después de eso, modifica el campo Perfil por defecto para los nuevos usuarios para que a cada nuevo usuario se le asigne un rol con permisos.
El perfil de usuario suscriptor es el más común para los miembros y clientes. Los Colaboradores y los Autores tienen acceso a algunas herramientas de creación de contenido, como las entradas de los blogs, mientras que los Editores pueden publicar y los Administradores mantienen el control sobre cada aspecto del sitio web.
Asegúrate de guardar los cambios.
Esta activación activa una página de registro e inicio de sesión única para que la gente vaya cuando quiera acceder a tu sitio web.
Por defecto, el formulario está accesible en: myexamplewebsite.com/wp-login.php. Es posible cambiar esta URL, pero todas las páginas de WordPress de inicio de sesión y registro suelen comenzar con el subdirectorio wp-login.php.
Deberías ver un formulario que pide al visitante que se identifique con un nombre de usuario o una dirección de correo electrónico, junto con su contraseña. La página también incluye un enlace para registrarse en el sitio, recuperar una contraseña olvidada y volver a la página principal del sitio.
Ahora que has activado el registro de usuario, es hora de colocar un formulario de registro en el frontend del sitio.
La forma más fácil de instalar un formulario de registro en WordPress es añadiendo un widget.
Ve a Apariencia > Widgets en el panel de control de WordPress.
La lista de Widgets disponibles muestra varias opciones para elegir, incluyendo HTML personalizado, imágenes y un Meta widget. Todos estos widgets se proporcionan de forma predeterminada en WordPress, por lo que no tienes que instalar nada más.
Busca el widget Meta. Activa un módulo para que los usuarios se conecten, se registren y hagan clic en algunos otros enlaces de WordPress.
Selecciona el widget Meta.
Todos los temas varían, así que puedes tener un pie de página, una barra lateral, un encabezado o alguna combinación de esas áreas de widgets. Puedes colocar el widget Meta en cualquiera de ellas.
Nuestro tema de prueba actual solo tiene unos pocos pies de página, así que pondremos mi widget Meta en el primero. De esta manera, los visitantes del sitio verán el formulario de ingreso y registro sin importar en qué página terminen.
Selecciona el área del widget que desees y haz clic en el botón Añadir Widget.
El widget Meta se coloca y se guarda en el área del pie de página, o en el área del widget que hayas decidido.
Cuando hagas clic en el widget Meta, notarás que no contiene mucho contenido ni ningún campo personalizable. Está todo configurado para ti.
Sin embargo, el widget Meta te permite ajustar el título si lo deseas. Asegúrate de guardar el widget si no se ha guardado automáticamente.
Ve al frontend de tu sitio web para ver cómo es el enlace de registro:
Una vez que salgas de tu cuenta de prueba, notarás que se presenta un enlace de registro e inicio de sesión para que los usuarios hagan clic e inicien sesión en sus cuentas creadas anteriormente o para crear otras nuevas.
De manera similar a lo que vimos antes, al hacer clic en los enlaces Iniciar sesión o Registrarse, el usuario llega a la página de registro estándar de WordPress, donde se te pide que crees un nombre de usuario, escribas tu dirección de correo electrónico y crea una contraseña.
Cómo Cambiar el Formulario de Registro e Inicio de Sesión
Aparte de la codificación personalizada, existen varias opciones para personalizar la página de inicio de sesión y registro predeterminada de WordPress.
Cambiar el diseño de la página de inicio de sesión de WordPress ayuda con la marca y la seguridad. Tiene sentido tener tu propio logo y colores en la página de registro, especialmente cuando se trata de comunidades online orientadas al cliente, donde la página de inicio de sesión es una de las primeras áreas que ve el cliente.
La otra razón por la que puedes decidir cambiar la estructura de la página de inicio de sesión es para evitar que los intrusos accedan. Esto puede hacerse cambiando la URL de dicha página de registro (ya que cualquiera puede pensar e ir a la URL de /wp-login.com) y añadiendo protección adicional como una comprobación de seguridad contra el spam.
Cambiar el Logotipo y el Diseño de la Página de Registro
Quitar rápidamente el logotipo de WordPress e intercambiarlo por el tuyo propio en la página de registro añade un indicio de tu propia marca cuando los usuarios intentan entrar y registrarse.
También tienes la opción de modificar completamente el diseño de esa página con un plugin, incorporando estilos y colores únicos que se ven diferentes a los diseños estándares de WordPress.
Algunas personas solo quieren añadir un nuevo logo y deshacerse del logo de WordPress. Eso es bastante simple y no requiere un plugin.
Para ello, sube el logo a tu biblioteca multimedia de WordPress. Esto se hace yendo a Medios > Añadir Nuevo.
En esa página, sube el logotipo a tu ordenador haciendo clic en el botón Seleccionar archivos y seleccionando el logotipo entre los archivos de tu ordenador.
Una vez que se suba, busca y haz clic en el enlace Editar para esa imagen del logo.
Copia la URL del archivo de la imagen en el portapapeles. Guarda eso para más tarde en un editor de texto o algo similar.
Avanzando, navega al archivo functions.php del sitio. Pega el siguiente fragmento de código en el archivo functions.php. Normalmente es mejor pegar el código al final del archivo:
function wpb_login_logo() { ?>
<style type="text/css">
#login h1 a, .login h1 a {
background-image: url(http://your-logo.png);
height:200px;
width:600px;
background-size: 600px 200px;
background-repeat: no-repeat;
padding-bottom: 20px;
}
</style>
<?php }
add_action( 'login_enqueue_scripts', 'wpb_login_logo' );
Encuentra el texto que dice «http://your-logo.png» y reemplázalo con el URL de la imagen que guardaste antes.
También tienes la opción de cambiar la altura y el ancho de tu logo basado en el tamaño real del archivo. Siéntete libre de jugar con el código y previsualizar el resultado hasta que lo renderices para una visualización perfecta.
Consulta la documentación oficial de WordPress sobre la personalización del formulario de inicio de sesión si tienes alguna pregunta o deseas abordar cualquier otra personalización.
Uso de un Plugin para Personalizar la Página de Registro
Como alternativa, existen varios plugins disponibles para cambiar el logo de la página de acceso.
De hecho, el plugin LoginPress Customizer proporciona un sistema completo para cambiar el logotipo y personalizar casi todos los aspectos de tu página de registro.
Para utilizar LoginPress, instala el plugin y dirígete a LoginPress > Customizer en el panel de control de WordPress.
El plugin ofrece configuraciones adicionales, pero estamos buscando principalmente las herramientas de personalización.
Esto te lleva al Personalizador de WordPress normal, pero con una página especial solo para modificar el formulario y la página de registro.
El plugin tiene varios temas preconstruidos en la versión premium, pero la mayoría de las capacidades de diseño se proporcionan de forma gratuita.
Como puedes ver, existen ajustes disponibles para ajustar el logotipo, el fondo, el formulario de inicio de sesión y muchos más. Ya tiene incorporado automáticamente un fondo que se ve drásticamente diferente al fondo predeterminado de WordPress.
El plugin tiene un constructor visual. Así que para cambiar el logo, todo lo que tienes que hacer es desplazarte sobre el logo y hacer clic en el icono de cambio de logo.
Sube un logotipo desde tu ordenador y haz los ajustes de anchura y altura del logotipo para asegurarte de que se vea bien.
A continuación, dirígete a la pestaña Fondo para seleccionar un fondo proporcionado por LoginPress o subir el tuyo propio. También puedes ir con un fondo blanco en blanco o un color sólido.
Con el clic de un botón, puedes cambiar el fondo floreado a uno con hojas.
Se proporcionan bastantes otras pestañas para que puedas ajustar la configuración de la página de registro.
Te recomendamos revisar todos ellos, incluyendo la opción de transformar completamente el tamaño y la ubicación de la forma. Puedes modificarlo todo, desde los mensajes de bienvenida hasta las fuentes de Google, todo sin tener que tocar una línea de código.
Cambiar el URL de la Página de Registro
Es importante decidir si quieres hacer una nueva URL para la página de registro. Ya hemos hablado de que la página de registro está accesible en myexamplewebsite.com/wp-login.php.
Como WordPress usa el subdirectorio /wp-login.php para todas las páginas de acceso, no es difícil para un hacker saber la ubicación exacta. Aunque todavía necesitan atacar por la fuerza bruta el formulario de inicio de sesión, se añade una capa de seguridad al minimizar la posibilidad de que lleguen a la página en primer lugar.
Tu mejor apuesta es instalar y activar el plugin WPS Hide Login para hacer el trabajo. El plugin maneja instantáneamente la redirección y el ocultamiento de tu antigua página de registro, solo pidiéndote que decidas el nombre del subdirectorio.
Tenemos un tutorial para instalar y usar el plugin WPS Hide Login aquí mismo. Por favor, sigue estos pasos para cambiar tu URL de acceso. Esencialmente, es un proceso casi completamente automatizado donde escribes un nuevo subdirectorio para el URL de ingreso y el URL de redireccionamiento (si quieres ajustar eso).
Entonces, el plugin hace el resto del trabajo por ti, creando algo como en la siguiente captura de pantalla.
Cómo Crear un Formulario de Registro de WordPress Con un Plugin Avanzado
Las prácticas anteriores para activar y personalizar el formulario de registro funcionan modificando el formulario de acceso ya implementado de WordPress. Ese formulario de WordPress tiene lo básico, pero no es para todos.
¿Qué pasa si tu sitio web requiere campos adicionales para recoger números de teléfono o direcciones físicas? ¿No sería bueno generar tus propios campos personalizados para que los límites de los formularios de registro sean prácticamente inexistentes?
Aunque un formulario de registro codificado personalizado es la forma más efectiva de obtener el diseño más exclusivo para un formulario, un plugin de WordPress es la siguiente mejor opción.
Además, no tienes que gastar todo ese tiempo y dinero en desarrollar una formulario que potencialmente podría ser creada con un plugin.
Los Mejores Plugins del Formulario de Registro de WordPress
Echa un vistazo a nuestro artículo sobre los mejores plugins de registro de usuarios de WordPress. Cubre una gran colección de plugins que son adecuados para diseñar y dar formato a los módulos de registro sin necesidad de tener muchos conocimientos de codificación.
Algunos de ellos proporcionan herramientas únicas para utilizar grandes colecciones de campos personalizados, mientras que otros activan inmediatamente directorios de miembros para organizar tu base de socios.
Te recomendamos encarecidamente la lectura de ese artículo para decidir el mejor plugin de formulario de registro para tu situación, pero abajo tienes una lista con nuestros favoritos:
Estos plugins se centran en la creación de formularios de acceso a la membresía y áreas de registro de nicho para que los usuarios pasen por un proceso sin problemas al registrarse en tu sitio web.
Como alternativa, podrías usar un plugin de forma general para no quedarte atascado con un plugin limitado a una industria o función determinada.
Por ejemplo, es posible hacer un formulario de registro personalizado de WordPress con los plugins Contact Form 7 y Gravity Forms.
Cubriremos esos pasos en las secciones de abajo.
Crear un Formulario de Registro de WordPress con el Contact Form 7
Contact Form 7 ofrece la más básica de las herramientas de formulario de contacto en WordPress. Es extremadamente popular, fiable y lo suficientemente simple como para que se vea bien en cualquier sitio web. Sin mencionar que este diseño básico asegura que cualquier desarrollador puede entrar y personalizar con su propio código.
Un formulario estándar podría bien servir como solución de registro, pero esos formularios van a una base de datos diferente y no registran realmente a los nuevos usuarios en tu base de datos de usuarios de WordPress. En su lugar, recibes correos electrónicos con el envío del formulario de contacto y cualquier dato de usuario que hayas solicitado en el formulario. Podrías registrar esa información de usuario en una hoja de cálculo, pero eso no siempre es lo ideal.
Para algunos, esto puede funcionar bien. Puedes importar tu lista desde el Contact Form 7 a cualquier plugin o software de gestión de contactos. También tienes la opción de importar esa lista a la sección de usuarios de WordPress.
Sin embargo, nos gustaría simplificarlo un poco al vincular el Contact Form 7 con una extensión que convierte tus formularios de contacto 7 en el verdadero formulario de registro de usuario para WordPress.
Existen dos métodos para convertir tus creaciones del Contact Form 7 en formularios de registro de usuarios legítimos:
- Usa un plugin.
- Inserta algún código personalizado.
Como con muchas tareas en WordPress, a menudo nos gusta quedarnos con los plugins si la cosa se complica demasiado con la codificación personalizada.
Por lo tanto, el primer paso es instalar el plugin del Contact Form 7 y un plugin de extensión llamado Frontend Registration – Contact Form 7.
Una vez que ambos estén activados, ve al menú del panel de control de WordPress y navega a Contacto > Formularios de contacto.
Haz clic en el botón Añadir nuevo para crear un nuevo formulario o selecciona el formulario predeterminado ya creado por el plugin.
En el Contact Form 7, todos los formularios se crean con una plantilla simple usando trozos de etiquetas codificadas. Para cada campo, la etiqueta es el texto que se muestra encima de cada campo del formulario.
La etiqueta de formulario – o el trozo de texto entre los paréntesis [ ] – genera el campo de forma real donde el usuario escribe la información.
El formulario prefabricado del Contact Form 7 incluye un campo para Nombre, Correo Electrónico, Asunto y Mensaje. Esto tiene sentido para un formulario de contacto regular, pero no existe una razón para tener un campo de Asunto y Mensaje en un formulario de registro.
Quita eso.
Los botones sobre tu creador de formularios están ahí para incorporar etiquetas de campo adicionales.
Por ejemplo, tal vez desees también recopilar los números de teléfono de tus nuevos usuarios. Para ello, seleccione la etiqueta teléfono y colócala en tu formulario. Otras etiquetas incluyen la opción de URL para sitios web y casillas de verificación o botones de radio para hacer preguntas específicas.
El plugin añade el campo, pero tienes que colocar las etiquetas de la etiqueta allí manualmente. Puedes simplemente copiarlas de uno de los otros campos y cambiar la etiqueta a algo como «Tu número de teléfono».
Asegúrate de cerrar la etiqueta con </label>.
Guarda el formulario.
Notarás un atajo asignado a cada uno de los formularios que crees en el Contact Form 7. Esto es para colocar el formulario donde quieras en tu sitio, desde las barras laterales hasta las páginas regulares.
Toma la libertad de copiar ese atajo si planeas usar un atajo para mostrar tu formulario.
También hay otra opción para usar un bloqueo a través del editor de Gutenberg.
Ahora es el momento de añadir tu formulario a una página. Haz clic en la pestaña Páginas en WordPress, luego añade una nueva página o ve a una que ya hayas creado.
Para este tutorial, llamamos a esta página «Registro de usuario». Sirve como el lugar principal al que los visitantes vienen para registrarse en el sitio de prueba.
En el editor visual, haz clic en un botón de Añadir bloque.
Localiza el bloque del Contact Form 7 y selecciónalo.
Esto proporciona un menú desplegable con todos los formularios de contacto que has generado en el plugin Contact Form 7.
Solo tenemos uno ahora mismo, así que escojamos ese.
Una alternativa al uso de los bloques del Editor Gutenberg es insertar el código corto del formulario en la página. Puedes hacer esto en el editor tradicional de WordPress o con el bloque de código corto de Gutenberg. Ambos cumplen el mismo objetivo.
Publica esta página para asegurarte de que esté disponible en la portada de tu página web.
Lo siguiente es activar las funciones de registro de usuario para el Contact Form 7. Ahí es donde entra en juego el plugin de Frontend Registration.
Por ahora, el formulario sigue siendo un formulario de contacto estándar, en el que el usuario pulsaría el botón de envío y se enviaría un correo electrónico al administrador del sitio.
Preferiríamos que el envío registrara un nuevo usuario en la base de datos de WordPress.
Por lo tanto, vuelve al editor del formulario de contacto. Después de instalar el plugin de Registro del Frontend, deberías ver una pestaña llamada Ajustes de Registro. Haz clic en ella.
Activa el interruptor de los tres elementos en la Configuración de registro.
El primero permite registros en el formulario, lo que lo convierte en el más importante de los tres.
El segundo ajuste se salta el envío de cualquier correo electrónico para ese formulario. Por lo tanto, no recibes un mensaje del formulario de contacto como lo hacías antes.
El último no es necesario, pero es bueno para hacer un proceso de registro sin problemas. Registra al usuario para que no tenga que pasar por los pasos dos veces.
A continuación, elige los nombres de los campos que se registran en los elementos de usuario de WordPress.
Por ejemplo, un usuario de WordPress debe tener un nombre de usuario y un correo electrónico para que su cuenta funcione. Puedes configurar el campo del formulario «tu nombre» para que sea tu nombre de usuario y el campo «tu correo electrónico» para que sea tu dirección de correo electrónico.
El último paso es elegir un rol de usuario por defecto, como Suscriptor. Normalmente recomendamos el perfil de usuario Suscriptor para la mayoría de los sitios web, ya que los permisos anteriores proporcionan un acceso íntimo a la configuración del sitio web.
Ve al final de esa página y pruébalo y haz clic en el botón de enviar.
Parece que está funcionando. El único problema es que el mensaje de éxito hace que parezca que el usuario acaba de enviar un formulario de contacto.
Tenemos que cambiar eso. Para hacerlo, vuelve al editor de formularios en el panel de control de WordPress.
Haz clic en la pestaña de Mensajes y encuentra el campo Mensaje enviado con éxito. Todo lo que necesitas hacer es modificar este mensaje.
Un ejemplo es decir gracias por unirte o registrarte en el sitio.
Por último, deberíamos comprobar si ese usuario estaba registrado en la base de datos de usuarios de WordPress.
Si estás conectado al sitio web como usuario de prueba, verás un mensaje de error como este cuando intentes comprobar la lista de usuarios. Esto se debe a que los perfiles de usuario de los suscriptores no pueden comprobar o administrar los usuarios de tu sitio.
Cuando se vuelve a entrar en la cuenta de administrador, ¡queda claro que la información del nuevo usuario se almacena en la lista de la base de datos de los usuarios!
Crear un Formulario de Registro de WordPress con Gravity Forms
Gravity Forms es un conocido y reputado constructor de formularios que genera muchos tipos únicos de formularios y se vincula a sus propios plugins para obtener capacidades avanzadas.
Gravity Forms es una solución premium, pero puedes probar toda la interfaz y construir tus propios formularios con la demo gratuita. Gravity Forms comienza en los 59 dólares, pero el complemento de Registro de Usuario solo está incluido en el plan Elite, que cuesta 259 dólares.
Sí, es un poco caro, pero Gravity Forms es una de las mejores opciones a considerar cuando se trata de personalizar tu área de registro de usuarios e incorporar otros elementos, como los pagos con tu puerta de enlace de elección.
Para empezar, ve a la página web de Gravity Forms.
Una vez allí, elige inscribirte en el plan Elite para activar el complemento de Registro de Usuario. Descarga el archivo del plugin Gravity Forms, cárgalo en tu panel de control de WordPress y activa el plugin para comenzar el proceso de creación del formulario.
Por defecto, Gravity Forms tiene opciones para construir formas estándar de sitio web. Son absolutamente hermosos, pero hay algunos ajustes para ajustar si quieres obtener un formulario de registro de usuario donde cada envío se coloca en tu base de datos de usuarios de WordPress.
Una vez activado, el plugin Gravity Forms revela una pestaña de Formularios en el panel de control de WordPress.
Dirígete a Formularios > Add-Ons.
Localiza el add-on de registro de usuario y haz clic en el botón Activar.
Una vez que se activa un add-on de Gravity Forms, aparece en tu lista de plugins, como también aparece Gravity Forms.
Para avanzar, haz clic en Formularios > Ajustes.
Localiza la pestaña Registro de usuario en Ajustes. Aquí, querrás habilitar la opción de página de registro personalizada.
Marca la casilla para asegurarte de que todos los registros a través de tu formulario se añaden como usuarios habituales de WordPress.
También tendrás que seleccionar una página que sirva como página de registro. La página de registro predeterminada de WordPress se redirige a la página personalizada si está activada. Si ya tienes una, no dudes en seleccionar la página en el menú desplegable.
Si no, pasaremos por la página de registro de abajo.
Asegúrate siempre de hacer clic en el botón Actualizar configuración cuando termines de cambiar la configuración de Gravity Forms.
Dirígete a Formularios > Formularios > Nuevo Formulario. La página Formularios revela una lista de todas los formularios que has creado en el pasado con Gravity Forms. Podría estar en blanco si no has hecho nada todavía.
Si aún no has creado un formulario, elige el botón de Nuevo Formulario.
Escribe un título del formulario y una descripción del mismo. Haz clic en Crear formulario.
Gravity Forms proporciona un editor visual, de arrastrar y soltar, con un módulo en el lado derecho para incluir elementos de campo.
Ya que estamos viendo un formulario de registro de usuario en blanco, empezaremos arrastrando el módulo de Nombres al propio formulario. Esto se hace haciendo clic y moviendo el módulo a la izquierda.
Una vez que cualquier módulo se deja caer en tu formulario deberías verlo renderizado en la vista previa.
Por ejemplo, ahora vemos los campos de nombre, con los campos de nombre y apellido mostrados por defecto.
Para un formulario de registro de usuario, tiene sentido incluir también los campos Nombre de usuario, Contraseña y Correo electrónico.
Una vez colocado en el formulario, el campo Email muestra la opción de que los usuarios escriban sus direcciones de correo electrónico.
El campo Nombre de usuario es para hacer un nuevo nombre de usuario para el sitio, mientras que el módulo Contraseña pide al usuario que escriba su nueva contraseña dos veces.
Es posible que tu formulario de registro requiera otros elementos, como tal vez un campo para números de teléfono o URL de sitios web.
Para este tutorial, hemos añadido un módulo de sección para incorporar el campo sección y mostrar todo lo que está debajo de esa línea es opcional.
Luego agregamos los campos de Sitio Web y Teléfono bajo esa sección Opcional.
Como ya se ha mencionado, este tipo de campos son opcionales para los formularios de registro de usuarios. Hay muchos otros campos para insertar si lo desea.
Al colocar los campos de arrastrar y soltar de Gravity Forms en el formulario, puedes hacer clic en el botón desplegable de cada campo para ampliar la configuración y editar las opciones del campo.
Por ejemplo, la configuración del campo del sitio web solicita la etiqueta de campo y si deseas que este campo sea obligatorio o no.
Como ya hemos etiquetado el campo de la página web como opcional en el titular de la sección, dejaremos esto sin marcar para que los usuarios no tengan que teclear en una página web para registrarse en ella.
En general, la gran mayoría de los campos no deberían ser requeridos para un formulario de registro.
Los campos del nombre de usuario, correo electrónico y contraseña son necesarios para generar un usuario de WordPress e iniciar sesión en la base de datos. Por lo tanto, es mejor marcarlos como requeridos.
Siéntete libre de ajustar la configuración de cada uno de los módulos de campo que agregues al formulario de registro. Por lo general, es mejor cambiar el nombre del campo y decidir si quieres que el campo sea obligatorio.
También tienes la opción de ajustar la apariencia del campo y hacer ediciones avanzadas en las otras pestañas de configuración.
Una vez que diseñes el formulario de registro de la forma que quieras, pasa a la pestaña de Ajustes.
Estos son los ajustes generales para todo el formulario, no solo para los campos individuales.
En Ajustes, dirígete a la pestaña Registro de usuario.
Haz clic en el botón Añadir nuevo.
En este paso, se realiza un feed de registro de usuario que crea automáticamente un usuario para cada envío y transfiere los envíos de campo a los campos predeterminados de la base de datos de usuarios de WordPress.
Nombra el feed de registro de usuario para tu propia referencia interna.
Tienes dos opciones para hacer un feed, ya sea para Crear Usuario o Actualizar Usuario.
La opción de actualizar la información del usuario es más útil si ofreces una página para que los usuarios actualicen la información de su perfil. Puedes incluirlo en tu página de registro/entrada, pero por ahora, estamos más interesados en crear un nuevo usuario.
Haz clic en la opción Crear usuario.
El feed de Registro de Usuarios genera automáticamente la mayoría de los ajustes de usuario para tomar una presentación de campo del formulario y transferirla a los campos para un nuevo usuario en la base de datos de usuarios de WordPress.
Sin embargo, puede que tengas que modificar algunos de ellos.
Por ejemplo, queremos asegurarnos de que el texto escrito en el campo de formulario de nombre de usuario se utilice como el nombre de usuario real del nuevo usuario.
También puedes hacer que este sea el campo de correo electrónico si prefieres que tus usuarios se conecten con tus direcciones de correo electrónico.
Los campos de nombre y apellido y la configuración de usuario se ven bien. Así como la configuración de la dirección de correo electrónico y la contraseña. Adelante, elige una referencia de apodo y un nombre para mostrar si quieres.
Una de las partes más importantes de este paso es la selección de un perfil de usuario predeterminado cuando se crea el perfil de usuario.
Probablemente no quieras que todos los usuarios se conviertan en administradores o autores (eso le daría a la gente demasiado control sobre tu sitio), así que tu mejor apuesta es optar por el papel de suscriptor.
Desplázate hacia abajo para completar el resto de los ajustes del feed del usuario. Si tienes algún campo opcional o adicional, piensa si los perfiles de usuario de WordPress predeterminados también tienen algún campo para esto.
La base de datos de usuarios de WordPress tiene campos opcionales para los sitios web. Por lo tanto, vincularemos el campo de nuestro formulario del sitio web con el de la base de datos de usuarios de WordPress.
En la sección de Opciones Adicionales te pregunta si deseas enviar correos electrónicos de notificación al registrarse. Es la mejor práctica para notificar a tus usuarios que han creado una cuenta con éxito.
La casilla de activación de usuario solo genera un usuario cuando esa persona hace clic en un enlace de verificación enviado a su dirección de correo electrónico. Esa configuración normalmente solo ralentiza el proceso de registro, pero podría ayudar a reducir el spam.
La Condición de Registro es otro ajuste que debes decidir si quieres utilizar o no. La función solo permite un registro si cumple una condición personalizada, como las direcciones de correo electrónico con el símbolo @ en la dirección. De nuevo, nos gusta esto para reducir el spam y potencialmente detener los formularios mal completados, pero no es del todo necesario para que tu formulario de registro funcione correctamente.
Una vez que haya completado la configuración del formulario, haz clic en el botón Actualizar ajustes.
Eso cubre la mayor parte del proceso de creación de formularios para hacer un registro personalizado de WordPress con Gravity Forms. Ahora querrás incluir el formulario en una página para reemplazar la página de inicio de sesión predeterminada de WordPress.
Existen dos métodos para añadir el formulario de registro de usuario a una página.
Una implica la utilización de un atajo, mientras que la otra aprovecha el sistema de bloques de Gutenberg.
Si piensas utilizar un código corto, echa un vistazo al formulario de registro de usuario que acabas de crear. Se asigna un número de identificación a cada formulario en Gravity Forms.
Apunta o recuerda esta identificación.
Ve a Páginas > Añadir nuevo en tu panel de control de WordPress. O, si ya has creado una página designada para el formulario, navega a esa página.
Para este tutorial, lo llamaremos la página de Registro de Usuarios.
Para utilizar la opción del atajo, pega el siguiente atajo en cualquier lugar de esa página:
[gravityform id="#" title="true" description="true]
Sustituye el signo # por el número de identificación de tu formulario de registro.
Después de que se añade el atajo, y se guarde la página, puedes ir al frontend de tu página publicada para ver el formulario en acción.
Otra opción a considerar es el sistema de bloqueo de WordPress Gutenberg. Si usas Gutenberg, haz clic en el botón Añadir bloque en tu editor de página.
Busca el bloque de Gravity Forms o desplázate por la lista para encontrarlo.
Selecciona el bloque Gravity Forms. Está etiquetado como «Formulario» con el logo de Gravity Forms como icono.
Una vez que el bloque esté activado, haz clic en el menú desplegable para elegir una formulario.
Puedes tener una larga lista de formularios o puedes tener solo uno o dos. Encuentra el que hiciste anteriormente para el formulario de registro de usuario.
En este caso, llamamos al formulario Formulario de Registro de Usuario 1.
Al seleccionar un formulario del menú desplegable, se obtiene inmediatamente una vista visual del formulario en el editor de la página.
Como puedes ver, el formulario de registro de usuario que construimos antes se muestra en el backend de la página de WordPress. Si ves algo malo en el formulario, vuelve a la sección de Formularios para editar los campos de ahí.
Por último, ve al frontend de tu sitio web para ver esa página específica. El formulario de registro se muestra con todos los campos apropiados. No solo eso, sino que ya hemos establecido ese formulario como la redirección desde la página de inicio de sesión predeterminada de WordPress – y cada envío de formulario se convierte en un nuevo usuario de WordPress.
En este punto, comprueba la exactitud del formulario y que tus etiquetas están escritas correctamente. Además, rellena el formulario como usuario de prueba para ver si funciona y cómo va el proceso.
Después de enviar el formulario, dirígete a la sección de usuarios en tu panel de control de WordPress para comprobar si ese usuario se ha añadido correctamente a la base de datos de usuarios.
También puedes completar la prueba por otras razones, como ver si tus mensajes de confirmación opcionales salen o si el formulario impide que alguien se registre si no cumple una de tus condiciones.
Como último recordatorio, asegúrate de ir a Formularios > Ajuestes para asegurarte de que tienes la página correcta configurada para funcionar como tu área de registro personalizada.
En resumen, todo lo que tienes que hacer es habilitar el formulario de registro personalizado marcando la casilla y seleccionando la página de registro correcta del desplegable. En este ejemplo, la página de registro de usuario es la correcta.
Haz clic en el botón Actualizar ajuestes para terminar el proceso.
Cómo Instalar un Formulario de Registro de WordPress con un Plugin de Pago
Gravity Forms tiene una multitud de add-ons potenciales para crear formularios increíblemente únicos. Una de las razones por las que puedes considerar las Gravity Forms es por los add-ons de pago.
En general, un add-on de pago convierte el formulario en un procesador de pagos, que solo permite crear cuentas de usuario si se paga una suscripción o una cuota única.
Esto es útil para los sitios de membresía y aquellos con contenido exclusivo donde no se revelará el contenido, la comunidad o todo el sitio web a menos que el usuario haga ese pago directamente desde el formulario.
Si existe alguna razón por la que tu registro requiere un módulo de pago, Gravity Forms proporciona varios complementos de procesamiento de pagos. Solo tienes que elegir el que sea más conveniente y asequible para tu marca.
También vale la pena mencionar que los add-ons para PayPal, Stripe y Square vienen con el plan Pro de Gravity Forms por 159 dólares. Pasarelas de pago más avanzadas como 2Checkout y Authorize.net se proporcionan en el plan Elite Gravity Forms por 259 dólares. El add-on de Registro de usuario (cubierto anteriormente en el artículo) requiere el tema Elite, por lo que técnicamente ya deberías tener acceso a todos los add-ons si has decidido utilizar Gravity Forms para tu módulo de registro de usuario.
Para empezar, ve a tu panel de control WordPress y haz clic en Formularios > Add-Ons.
Esto te llevará a una larga lista de add-ons para elegir, algunos de los cuales incluyen Square, PayPal y Stripe.
Aunque puedes seleccionar cualquiera de las pasarelas de pago, para este tutorial nos ceñiremos a Pagos de PayPal Estándar.
Ve al complemento y haz clic en el botón Activar.
Una vez que se activa un complemento, aparece en la sección de Add-ons de WordPress.
Todos los complementos de Gravity Forms son en realidad solo plugins extra de WordPress que interactúan con el plugin de Gravity Forms. Por lo tanto, echa un vistazo a la sección de plugins para asegurarte de que el estándar de PayPal (o el complemento de pago que elijas) esté activado.
Para configurar tu add-on de pago, dirígete a Formularios > Ajustes.
Elige la pestaña de PayPal (o tu otro complemento de pago). Cada complemento de pago tiene su propio proceso de verificación y conexión. Por lo general, puedes seguir los pasos únicos que se proporcionan en el panel de control.
En el caso de PayPal, te pide que confirmes que has configurado la configuración de la IPN de PayPal. Marca esa casilla y pulsa Actualizar configuración.
También debes copiar el URL de notificación proporcionado en esta página.
Gravity Forms te enviará a la página de configuración de PayPal. Una vez más, esto será diferente si estás usando un add-on para Stripe o Square o cualquier otra pasarela de pago.
Para PayPal, pulse el botón Seleccionar configuración de IPN.
Aquí es donde pegas la URL de la notificación de antes.
Esencialmente activa los pasos y notificaciones correctos que se producen después de que alguien intenta registrarse en tu formulario y pagar a través de PayPal.
Haz clic en el botón Guardar.
Al igual que el formulario de registro configurado anteriormente, debe crearse un feed para el complemento de pago.
Para ello, ve a Formularios > Formularios en el menú de WordPress.
Encuentra ese formulario de registro de antes. No solo debes conectar el complemento de pago a ese formulario en particular, sino también generar un feed para que el complemento de pago funcione correctamente y asociar cada pago a un usuario específico.
Una vez que regreses al editor del formulario de inscripción, haz clic en el botón de configuración.
Localiza la pestaña de complemento de pago, en este caso, la pestaña de PayPal.
Haz clic en el botón Añadir nuevo para generar una nueva fuente de PayPal para este formulario.
La configuración del feed de PayPal, y la mayoría de las integraciones de las pasarelas de pagos, son rápidas y sencillas. Empieza por nombrar el feed y añadir tu dirección de correo electrónico de PayPal. Elige el modo de prueba o de producción.
El modo de prueba es para ejecutar el procesador de pagos durante las fases de prueba del desarrollo de tu sitio. Si quieres empezar a cobrar pagos reales, use el Modo de Producción.
Por último, tendrás que seleccionar un tipo de transacción.
En general, el Tipo de Transacción de Suscripción suele tener más sentido para una revista o comunidad online, pero también se puede elegir un Tipo de Producto o algo diferente.
Guarda tu feed de PayPal y vuelve al constructor de formularios.
Es esencial insertar un campo en el formulario de registro que indique al sistema y al usuario que debe realizar el pago.
Recomendamos el módulo de productos, pero tienes otras opciones para fijar los precios o sumar los totales.
Arrastra el campo Producto al constructor de formularios.
Para este tutorial, estamos estableciendo un precio de suscripción. También te mostraremos cómo configurar varios planes y un pago único para esa suscripción.
Cambia la etiqueta del campo para reflejar de qué se trata este campo.
Además, establece el precio de tu suscripción en el campo Precio.
Normalmente recomendamos usar el tipo de campo de producto único y atenerse a un precio fijo. Sin embargo, muchas otras organizaciones pueden tener otros planes.
También te recomendamos marcar la casilla Requerido bajo el encabezado de Reglas. De esta forma, alguien no puede entrar en tu sitio y crear un perfil de usuario sin pagar por el contenido.
Otro campo a considerar es el campo de opciones.
Esto abre la oportunidad de establecer niveles de suscripción en los que se pueden tener tres o cuatro planes basados en el número de características o contenido entregado.
Para aquellos que usan el campo Opción, configúradlo como Precio de suscripción para el mapeo del campo de productos.
Ve con el tipo de campo que quieras y establece las opciones con tus etiquetas y precios.
Por ejemplo, puedes tener tres niveles de suscripción, todos los cuales aumentan de precio a medida que los niveles suben.
Asegúrate de marcar la casilla Requerido según las reglas, ya que también es un campo de pago en el que no quieres que la gente cree cuentas sin pagar.
El tipo de módulo de pago que decidas también afecta a la configuración del feed que hemos configurado antes.
Si deseas activar un proceso de registro basado en una suscripción, la configuración de PayPal Feed también debe tener el Tipo de transacción de suscripción. Como alternativa, puedes configurar el Tipo de transacción como un producto o servicio de una sola vez o incluso como una donación.
Además, en la configuración de PayPal, querrás indicar en Gravity Forms de dónde proviene el importe del pago. Por ejemplo, podrías tener un campo de Precio total en el formulario y un campo de Precio de suscripción. ¿Cuál debe utilizar PayPal para procesar la transacción?
Utiliza el menú desplegable Cantidad de pago para seleccionar el campo de formulario correcto que dicta el pago total. A algunas personas les gusta usar simplemente el Formulario Total, pero también decidirte por el Precio de Suscripción o cualquier campo que acabas de implementar en el formulario.
Mientras aún estás en la configuración de PayPal Feed, echa un vistazo al área de Otras configuraciones.
De manera similar a la configuración de la alimentación de registro de usuario, tienes que vincular los campos del formulario a los campos correctos para PayPal. De esta manera, PayPal sabe dónde colocar el nombre del usuario, el correo electrónico y otra información cuando se transfiere a la interfaz de PayPal.
En el área de Otros Ajustes, revisa cada elemento de la lista de Información de Facturación. Algunos de ellos deberían estar configurados de forma predeterminada, pero asegúrate de comprobarlos.
Por ejemplo, los campos Nombre y Apellido de tu formulario deben corresponderse con los campos Nombre y Apellido de PayPal. Esto puede requerir que insertes algunos campos más en tu formulario de registro de WordPress. Por ejemplo, no incluimos un campo de Dirección en nuestro formulario de registro de usuario, pero aceleraría el proceso al pedir toda la información de facturación por adelantado en el formulario.
No son del todo necesarios, pero como ya hemos mencionado, podrían acelerar los procesos de registro y pago. Todos los complementos de pago son diferentes, y la conexión de PayPal simplemente sacará la información de facturación de la cuenta de PayPal del usuario o pedirá esos detalles cuando llegue a PayPal.
Otros ajustes en los que tienes que pensar son la URL de la imagen y la URL de cancelación. No dudes en insertar una URL de imagen para tu logotipo o cualquier imagen que represente el producto que se estás vendiendo. La URL de cancelación sirve como redireccionamiento que envía a los usuarios a una página específica si cancelan el pago antes de completar el proceso.
En el área de Opciones te pregunta si deseas solicitar a los usuarios que incluyan una dirección de envío o una nota durante el proceso de pago. En muchos servicios o comunidades en línea, no es necesario pedir una dirección de envío. Por lo tanto, es posible que desees marcar esa casilla para asegurarte de que el cliente no se confunda.
En cuanto a la configuración de la nota, es totalmente opcional y normalmente no es necesaria, a menos que ofrezcas algún tipo de servicio o producto personalizado en el que desees obtener comentarios o detalles del usuario al realizar el pago.
La casilla de verificación lógica condicional te pide que añadas reglas lógicas para aceptar pagos de clientes. Por ejemplo, puedes excluir a los usuarios del proceso de pago si no optan por un determinado plan de pago o si su dirección de correo electrónico no parece real.
En general, la lógica condicional puede ayudar a prevenir el correo basura y a proporcionar beneficios a los usuarios que se encuentran en un determinado tipo de usuario o nivel de pago.
El último ajuste a configurar implica retrasar el registro del usuario. Como con muchos de los ajustes cubiertos anteriormente, esto es opcional. Sin embargo, no es una mala idea considerar el procesamiento del feed solo después de que se haya recibido el pago. De esta manera, el usuario no se crea en la base de datos de WordPress hasta que se sepa con certeza que el pago ha sido aprobado.
Si dejas esta casilla en blanco, puede que te encuentres con que varios usuarios están saturando tu base de datos aunque no hayan pagado para acceder a ella.
Haz clic en el botón Actualizar ajustes una vez que hayas decidido todos los ajustes adecuados para tu organización.
Para probar la configuración de pago de tu formulario, dirígete a la pestaña Páginas en WordPress.
Vuelve al formulario que creaste antes. En nuestro caso, ese es el formulario de Registro de Usuario.
Como ya has generado un formulario de registro de usuario en esta página y has vinculado el feed de PayPal o la pasarela de pago al formulario, los campos de pago deben aparecer en el constructor visual.
Tenemos tanto un precio de suscripción único como un campo con diferentes niveles de suscripción para mostrar las diversas opciones que puedes incluir en un formulario como este. En una situación real, lo más probable es que elijas una u otra.
Es esencial probar un formulario con una opción de pago. Lo último que quieres es que una ola de clientes se quede atascada por un ajuste de pago mal configurado.
Rellena algunos datos de usuario de prueba en el formulario, como una contraseña, y tal vez selecciona un nivel de suscripción o compra una suscripción individual de pago único.
Haz clic en el botón Enviar para ver el formulario de registro de WordPress y el procesamiento del pago en acción.
Después de la presentación, la página se redirige a PayPal, mostrando el precio total y pidiendo al usuario que inicie sesión en su cuenta de PayPal o que pague con una tarjeta de débito o de crédito.
Recuerda que un complemento de pago alternativo como Stripe o Square o Authorize.net tiene un aspecto diferente al de PayPal a la hora de procesar el pago. Cada uno llevará al usuario a una nueva página para completar el pago, pero todos tendrán pasos ligeramente diferentes.
Cómo Añadir Usuarios a una Lista de Marketing por Email a través de un Formulario de Registro de WordPress
Cuando un nuevo usuario llega a tu sitio web, tiene sentido tratar de conseguirlo como usuario registrado. Además de ofrecer al usuario acceso a funciones o contenidos, el formulario de registro sirve como una oportunidad para colocar instantáneamente los datos de ese usuario en tu lista de comercialización por correo electrónico.
El beneficio de hacerlo gira en torno a la automatización. Sí, un formulario de registro de WordPress registra el correo electrónico y el nombre de esa persona en WordPress, pero el proceso de introducir esos datos en un respetable software de comercialización por correo electrónico requiere una exportación manual desde WordPress y una importación a la herramienta de comercialización por correo electrónico.
No hay nada malo con eso en teoría. Las importaciones y exportaciones hacen el trabajo. Sin embargo, toma una cantidad significativa de tiempo de tu día para completar esta tarea de forma regular. Además, tu lista de email marketing no se actualiza en tiempo real. Un usuario podría proporcionar su correo electrónico y terminar sentado en tu base de datos de usuarios durante días, semanas o indefinidamente.
Por eso es esencial vincular una herramienta de diseño y marketing por correo electrónico a tu formulario de registro.
Hay bastantes creadores de boletines de noticias por correo electrónico disponibles para que puedas enviar mensajes por lotes y categorizar tus listas de correo electrónico en diferentes grupos. Los más populares ofrecen integraciones con muchos plugins de registro de usuarios, permitiéndote combinar las dos plataformas en el sistema de recolección de correo electrónico.
Puede que hayas oído hablar de compañías como Mailchimp, Constant Contact y Mailgun. Todas ellas ofrecen características similares de diseño y segmentación de correo electrónico, y normalmente te puedes encontrar una integración sencilla que logra hacer de lo que estamos hablando.
Afortunadamente, otra categoría de add-ons dentro de los Gravity Forms ofrece enlaces directos a plataformas de marketing por correo electrónico. Como la mayoría de los add-ons de Gravity Forms, las soluciones de email marketing requieren un plan premium.
Avanzamos que la lista de add-ons de marketing por correo electrónico de los Gravity Forms es larga.
Cada uno de ellos funciona de manera similar, pero todos tienen sus propias interfaces distintas para enviar correos electrónicos e integrarse con las Gravity Forms.
Para simplificar, usaremos el complemento Mailchimp como ejemplo, ya que es una aplicación de marketing por correo electrónico bastante popular y asequible.
¿Listo?
Luego, navega a la sección de add-ons del plugin Gravity Forms WordPress.
Desplázate hacia abajo por la lista de add-ons para localizar la opción Mailchimp. Si no está ya activada, haz clic en el botón Activar.
Suponemos que ya se ha creado un formulario de registro (véase más arriba los pasos para hacerlo).
Ve a Formularios > Formularios en el menú de WordPress.
Encuentra el formulario de registro de usuario que has creado antes en tu lista de formularios publicados.
Haz clic en el formulario para editar los campos.
Ve a Ajustes> Mailchimp. Si utilizas una integración de servicio de correo alternativo, busca la pestaña correspondiente.
El objetivo es crear un Feed de Mailchimp que indique a Gravity Forms que envíe los formularios a Mailchimp además de la base de datos de usuarios de WordPress. Pero primero, debes configurar los ajustes de Mailchimp.
Haz clic en el enlace que dice Ajustes de Mailchimp.
En la siguiente página se solicita que se pegue la clave de la API de Mailchimp. Para encontrar tu clave de API, pasa al siguiente paso.
Ve a la página web de Mailchimp y crea una cuenta o entra en tu perfil ya creado.
El panel de control Mailchimp organiza campañas, listas y otros elementos del menú. Debes hacer una lista de correo electrónico (también llamada Audiencia en MailChimp) antes de configurar esta integración con la clave de la API. La razón de esto es que eventualmente necesitarás seleccionar una lista de correo electrónico para enviar la información de registro del usuario.
Una vez que hayas creado una lista, busca el icono del perfil en la parte inferior del panel de Mailchimp.
Haz clic en esto para revelar un menú.
Selecciona la pestaña Cuenta para continuar.
Una vez en el panel de la cuenta, haz clic en la pestaña Extras. Deberías ver algunos elementos para elegir. Haz clic en la opción Claves de la API.
Una clave API es un código que ofrece la posibilidad de vincular varios sistemas entre sí. En Mailchimp, todo lo que tienes que hacer es pulsar el botón Crear una clave para fabricar una clave.
Puedes hacer tantas llaves como quieras, pero es una buena práctica mantenerlas en el menor número posible. La clave de la API se muestra en una lista con una etiqueta y cuando fue creada.
Copia la clave API a tu portapapeles. Puedes salir del panel de control de Mailchimp si quieres.
Abre de nuevo la configuración de Mailchimp en tu panel de control de WordPress. Pega la clave en el campo que dice Mailchimp API Key.
Haz clic en el botón Actualizar configuración para registrar el cambio.
Ahora es el momento de volver al formulario de registro de usuario de antes.
Ve a Ajustes> MailChimp en el menú del formulario de registro.
Esta es la zona que te pide que hagas un feed de Mailchimp. De nuevo, así es como Gravity Forms asegura que los datos se pasen de una aplicación a otra.
Haz clic en el botón Añadir nuevo.
Dale un nombre al feed que puedas recordar. Ese nombre es solo para tu propia referencia.
En el campo Audiencia de Mailchimp, haz clic en el menú desplegable para elegir el nombre de una de tus listas de correo electrónico de Mailchimp.
Si no has hecho una lista de destinatarios del correo electrónico, tienes que volver a Mailchimp para completar este proceso. De lo contrario, no hay una base de datos para empezar a registrar tus direcciones de correo electrónico.
Aparece un área para los campos del mapa, y te pide que vincules los campos del formulario del plugin de registro de usuario a los formularios que deben ser rellenados en Mailchimp.
Esto es bastante fácil considerando que se seleccionaría el correo electrónico para ir junto con el campo de dirección de correo electrónico, y los campos de formulario de nombre y apellido para los campos de Mailchimp de nombre y apellido.
Baja a las opciones adicionales.
Son totalmente opcionales, dependiendo de cómo quieras que funcione el proceso de recogida de emails.
Por ejemplo, tal vez desees activar una situación de doble opt-in, en la que el usuario debe hacer clic en un correo electrónico de confirmación antes de registrarse en tu lista. Esto es tanto por seguridad como porque algunas áreas del mundo lo requieren.
Otros ajustes incluyen la opción de registrar a los suscriptores como VIP, establecer etiquetas y escribir una nota. El campo de la nota podría ayudar a organizar de dónde proceden las suscripciones de correo electrónico en comparación con otros formularios que pueda tener.
Una vez que todo eso esté hecho, haz clic en el botón Actualizar ajustes.
Si vas a probar la integración de los campos de mapas (u otro complemento de marketing por correo electrónico) en el fronend de tu sitio, puedes notar que no ha cambiado mucho visualmente. Sin embargo, puedes realizar un simulacro de prueba de usuario una vez más, rellenando el formulario de registro de usuario y viendo si funciona correctamente.
Con esta configuración, deberías poder ir a los campos mapeados después de la presentación de la prueba y ver a un nuevo usuario suscrito a tu audiencia designada de la lista de correo electrónico.
Los campos estándar de registro incluyen el nombre y el correo electrónico, pero puedes ser creativo y almacenar aún más con la ayuda de los campos mapeados y las características de Gravity Forms.
Cómo Permitir que los Usuarios se Registren en Tu Sitio Web Utilizando un Perfil de un Medio Social
El inicio de sesión con el perfil social se ha vuelto más común en Internet debido a su rápido proceso de inicio de sesión y al hecho de que la gente no tiene que generar una cuenta completamente nueva para cada sitio web al que quiere unirse.
Un sitio de comunidad o de membresía que necesita todas las ventajas para convencer a los usuarios de que se registren podría beneficiarse definitivamente de un inicio de sesión social, ya que elimina algunas barreras de entrada desde el principio.
El plugin de Registro de Usuario de WPEverest sirve como el plugin ideal para personalizar tu página de registro de usuario e incorporar una opción de inicio de sesión social. El plugin principal es gratuito, pero la extensión Social Connect – que añade esos botones de acceso social – requiere que te registres en un plan de 69 dólares al año.
Te mostraremos cómo instalar y utilizar el plugin que se muestra a continuación, pero ten en cuenta que hay otros plugins similares disponibles para que los consideres.
Para empezar, instala y activa el plugin de registro de usuario y actualiza el plan personal para recibir la extensión de Social Connect.
En tu panel de control de WordPress, activa también la extensión Social Connect. Tanto los elementos de Registro de Usuario como los de Social Connect aparecen en el área de Plugins de WordPress.
Adelante, activa el plugin de Registro de Usuario de Social Connect.
Ahora, dirígete a Registro de Usuario > Registro de Usuario. El plugin tiene unas cuantas plantillas para iniciar tu formulario de registro. Si prefieres empezar desde cero, haz clic en el botón Añadir nuevo.
Una vez que llegues al editor de formularios, utiliza el área de campos de usuario para arrastrar y soltar módulos en tu formulario.
El formulario de registro predeterminado del plugin incluye los campos de correo electrónico de usuario, nombre de usuario y contraseña.
Te recomendamos imitar esto si estás construyendo una forma desde cero. También puedes incorporar otros módulos seleccionándolos en el panel del campo de usuario.
Cada campo tiene sus propias opciones para que puedas editarlas si hace clic en cada uno.
Sin embargo, la parte más importante de la activación del formulario para el registro de usuarios se encuentra en la pestaña de Ajuestes del formulario.
Aquí, se ajusta una amplia gama de ajustes para decirle a WordPress que te gustaría que este formulario funcionara como un nuevo creador de usuarios. Por ejemplo, puedes establecer qué rol de usuario se crea y hacer que cada usuario se registre manual o automáticamente después del registro.
Es hora de colocar el formulario de registro de usuario en una página una vez que todos los campos deseados sean implementados.
El plugin de Registro de Usuario utiliza códigos cortos para poner formularios en las páginas y mensajes. Los encontrarás encima de tu constructor de formularios.
Copia este código en tu portapapeles.
Ir a Páginas > Añadir nuevo.
Si ya tienes una página de registro lista para ir, navega a esa página en su lugar.
En la sección de construcción de páginas, pega ese atajo donde quieras que aparezca en la página.
Asegúrate de guardar o actualizar la página para que se muestre en el frontend. Como siempre, es mejor probar el formulario de registro de WordPress y ver si funciona.
Es posible que tengas que cerrar sesión en tu cuenta de administrador para ver el formulario como usuario habitual.
El objetivo de esta sección es mostrarte cómo insertar los botones de acceso a los medios sociales. Así que, los siguientes pasos cubren eso.
Haz clic en Registro de usuario > Ajustes.
Asumimos que la extensión de Social Connect ya está activada en tu panel de control de WordPress.
Por lo tanto, deberías encontrar una pestaña de Social Connect en el panel de Configuración. Haz clic en ella.
La configuración de Social Connect requiere que marques algunas casillas y habilites la configuración de la API para cada red social en la que desees permitir que las personas inicien sesión y se registren.
Si quieres tener un botón de Facebook, marca esa casilla. Lo mismo ocurre con Twitter.
Lo mismo para Google y LinkedIn.
Aquí viene la parte un poco confusa.
Cada botón de acceso social funciona enlazándose a la API de la red social. La única manera de conectarse a la API es haciendo una aplicación y usando elementos como ID de aplicaciones sociales, claves y secretos.
No importa si no tienes ni idea de lo que significan. Para cada botón de la red social deseada, desplázate sobre el signo de interrogación junto a cada campo de configuración. En este tutorial, solo encontraremos el ID de la aplicación de Facebook y el Secreto.
El signo de interrogación muestra un popup con un enlace a Facebook. Haz clic en él.
Esto te redirige a la página de aplicaciones de Facebook, donde puedes crear una aplicación para ejecutar tu formulario de registro de WordPress con conexiones de medios sociales.
Haz clic en el botón Crear aplicación.
Sigue los pasos para hacer una aplicación en Facebook, incluyendo el nombre de la aplicación y la configuración de los dominios de la aplicación que puedas necesitar.
Una vez que la aplicación esté configurada, dirígete a la página Ajustes > Básicos.
CFP: Aquí puedes encontrar el App ID y el App Secret.
Haz clic en el botón Mostrar para revelar y copiar esa aplicación secreta. También querrás copiar el ID de la aplicación en algún momento.
Vuelve a esos ajustes de la API en el panel de control de WordPress.
Pega el ID de la aplicación en el campo apropiado. También, pega el App Secret en el campo correspondiente.
Guarda la configuración para continuar.
Quedan algunos pasos para no solo activar los botones de los medios sociales, sino también para personalizar su aspecto en el formulario.
Haz clic en la pestaña Configuración avanzada, junto a la pestaña Configuración de la API en la que acabas de estar.
La configuración avanzada contiene una amplia gama de opciones para marcar.
En primer lugar, asegúrate de indicar que te gustaría habilitar el registro del medio social.
Luego, dile al plugin que quieres mostrar los botones de los medios sociales para el registro.
Haz clic en el siguiente campo de perfil de usuario predeterminado para seleccionar un rol de usuario principal que se crea cada vez que alguien se registra en su sitio con un perfil social. Suscriptor es el estándar para esta situación.
A continuación, haz clic en el siguiente campo desplegable para elegir la forma en la que se registrará como usuario. Lo hemos creado desde antes, así que asegúrate de localizar el correcto. En este tutorial, se llama Formulario de Registro, pero puede que hayas llamado al tuyo algo diferente.
Finalmente, pasa a los otros ajustes para ajustar la apariencia física de los botones. Uno de esos ajustes es para mostrar los botones cerca de la parte superior o inferior de la forma.
Las plantillas de inicio de sesión social proporcionan una forma rápida de estilizar sus botones sin ningún código o ajustes visuales.
Escoge uno de los cuatro estilos.
Los ajustes de Texto Social indican la redacción que se muestra en los botones de los medios sociales. Por lo general, puedes mantener el texto predeterminado, pero puedes cambiarlo si lo deseas.
Por último, haz clic en el botón Guardar cambios.
Puedes ver una vista previa del formulario de registro de WordPress desde el constructor del formulario o ir directamente a la página de registro que hiciste anteriormente. De cualquier manera, esto te permite ver el formulario con sus botones de medios sociales.
Para eliminar una opción de acceso social, o para cambiar la configuración, simplemente vuelve a la configuración que acabamos de revisar.
Recomendamos encarecidamente que pruebes cada uno de los botones de inicio de sesión social que ofreces en tu formulario de registro, ya que cada red social tiene su propia conexión a la API y por lo menos quieres asegurarte de que las aplicaciones y las claves de las aplicaciones funcionan para todos los usuarios.
Cómo Crear un Formulario de Registro de WordPress con Ultimate Member
La modificación del registro de usuario predeterminado de WordPress se puede hacer con la mayoría de los plugins que cubrimos en este artículo. Sin embargo, ¿qué pasa si tu sitio web es una comunidad real? Digamos que tu sitio opera como una red social, un sitio de citas o un centro de clientes internos.
Necesitas perfiles con muchas características para que esos usuarios puedan personalizar su información, cargar potencialmente fotos e incluso comunicarse con otros usuarios.
Los plugins de registro de usuario promedio tienen perfiles, pero nada demasiado poderoso.
Por eso queremos mostrarte cómo activar un registro de usuario de tipo membresía donde el usuario recibe un hermoso perfil que controla.
Para comenzar el proceso, instala y activa el plugin Ultimate Member. Este plugin proporciona un registro de usuario personalizado y formularios de inicio de sesión de forma gratuita. Sin mencionar que puedes agregar perfiles de usuario poderosos para lograr una membresía de calidad o un área de perfil. Hay bastantes plugins similares disponibles con esta funcionalidad también, pero nos centraremos en el plugin Ultimate Member para este tutorial.
El objetivo es lograr un área de clientes más útil, con una experiencia de perfil en profundidad para los usuarios, incorporando botones para cosas como reseñas, comentarios, grupos y mucho más.
La gran parte del plugin Ultimate Member es que la gran mayoría de los ajustes ya están configurados al activar el plugin. También crea páginas para tus perfiles, páginas de registro y muchos más.
La configuración del plugin se consolida en la pestaña Ultimate Member del panel de control de WordPress.
Haz clic en el botón Crear páginas para continuar.
Esto activa las páginas correctas y te lleva al módulo de configuración del plugin Ultimate Member.
Puedes cambiar las páginas que funcionan como las correspondientes páginas de registro y de perfil, pero solo si quieres personalizar las tuyas.
A partir de ahora, las páginas prefabricadas generadas por el plugin servirán. Por lo tanto, normalmente puedes dejar todos los campos de la pestaña General > Páginas sin tocar.
El siguiente paso es personalizar el aspecto de las páginas de perfil y los módulos de registro. Como se ha mencionado, la página de registro ya está configurada para ti, así que no hay mucho que hacer en esa área.
Cada persona que vaya a la página de registro y cree una cuenta tendrá un perfil de usuario de WordPress.
En la pestaña Apariencia, ajusta los elementos que consideres importantes. Por ejemplo, puedes elegir una plantilla diferente para el formulario o reducir su ancho. También existen campos para ajustar los tamaños e iconos de los botones y elementos de texto.
Al desplazarte hacia abajo en las áreas de configuración, el plugin pregunta si deseas tener un perfil predeterminado y una foto de portada en cada perfil.
También puedes ajustar elementos como el tamaño de la portada predeterminado y si quieres o no tener una foto de la portada.
Mientras aún estás en la sección de Apariencia, haz clic en el enlace del Menú de Perfil. Esta área muestra los componentes principales que componen el perfil de usuario. Aunque tienes la libertad de dejarlo todo como está, hay algunos ajustes que tal vez quieras modificar.
Considera mantener cosas como la pestaña «Acerca de» y todo el menú del perfil. Recomendamos tener la pestaña de Mensajes si tus miembros contribuyen a tu blog o funcionan como creadores de contenido.
La pestaña de comentarios es bastante importante para los blogs y las comunidades, considerando que los lectores y miembros probablemente quieran la posibilidad de volver y comprobar tus comentarios.
Una vez que se hayan configurado todos los ajustes del perfil, haz clic en el botón Guardar cambios.
Otros paneles de configuración ofrecen opciones para el formulario de registro, el formulario de inicio de sesión y más. Asegúrate de ajustar los correos electrónicos que salen para los nuevos registros y cambia muchas partes del formulario de registro de WordPress, incluyendo el ancho y la alineación.
Aunque no cubriremos todos estos escenarios, es bueno saber dónde están ubicados para asegurar que todas las formas se vean adecuadas para su marca.
Se requiere un formulario de registro para dar a tus usuarios un lugar para crear sus nombres de usuario y acceder a sus perfiles.
Para crear uno, ve a Ultimate Member> Formularios.
Una vez más, el plugin Ultimate Member proporciona varias formas prefabricadas para que la mayor parte del trabajo se haga por ti.
El formulario de registro por defecto está listo para funcionar, como el formulario de perfil por defecto, o el centro donde la gente personaliza sus perfiles de usuario.
Lo que es más, es que el plugin también crea automáticamente páginas para ti.
Ve a Páginas > Todas las páginas para ver opciones como las páginas de Cuenta e Ingreso. La página de Registro es donde un usuario se registra e inicia sesión en tu cuenta, mientras que la página de Cuenta contiene el formulario de Perfil predeterminado, donde gestiona su perfil.
Todos los atajos apropiados para los formularios correctos ya están insertados en las páginas correspondientes.
Puedes probarlos viendo las versiones de las páginas publicadas. Por ejemplo, haz clic en la página de registro para verla en acción.
En el frontend, un visitante puede escribir su nombre de usuario y correo electrónico y crear una contraseña.
Puede que también quieras mirar la página de usuario.
La página de usuario es el módulo de perfil del que hemos estado hablando. Es un centro para que los usuarios administren todo, desde fotos de perfil hasta grupos y amigos potenciales. Las características predeterminadas incluyen una foto de portada, una foto de perfil y una biografía.
Solo se necesitan unos pocos clics para incorporar esos elementos en la página de perfil.
Cada página de perfil proporciona botones adicionales para editar el perfil y comprobar la cuenta de usuario.
Otras pestañas incluyen un botón de Comentarios y un botón de Mensajes.
¿Qué tal si añadimos pestañas de perfil más avanzadas para cosas como mensajes privados y amigos?
El plugin Ultimate Member ya tiene una característica de perfil de usuario bastante limpia y potente, pero te permite ampliar esas características con extensiones. La mayoría de las extensiones orientadas al perfil requieren que pagues una cuota.
Para ver las extensiones y añadirlas a tu sitio, ve a Ultimate Member > Extensiones.
Hay una larga lista de posibles características de los perfiles para incluir como pestañas en tus perfiles de usuario.
La extensión Friends permite a tus usuarios interactuar con otros usuarios y añadirlos como amigos.
El complemento de Notices hace un ping a tus usuarios cuando llega un mensaje. También puedes incorporar potentes herramientas de administración de perfiles para mensajería privada, seguidores y grupos, solo por nombrar algunos. Cada uno de ellos se agrega realizando un pago y haciendo clic en el botón Obtener este complemento.
Todo depende de qué tipo de características del perfil te gustaría proporcionar. Un sitio web de membresía típicamente requiere un lugar para hacer grupos. Una red social necesita grupos de amigos y mensajes. Un sitio web de cursos en línea puede necesitar revisiones y notas y mensajes. Incluso hay un lugar para configurar una lista de empleos si desea proporcionar un tablero de empleos para sus usuarios.
El siguiente ejemplo es una muestra de lo que es posible con el plugin Ultimate Member, especialmente cuando empiezas a utilizar las extensiones avanzadas.
Resumen
En general, el módulo de registro de usuarios de WordPress ofrece el potencial que todo sitio web necesita para crear usuarios y recibir datos de esos usuarios. Es posible que el blog promedio o una pequeña comunidad en línea solo necesiten el formulario de registro predeterminado de WordPress.
Si ese es el caso, deja el formulario de acceso y registro tal como está y tal vez cambia la URL para mayor seguridad. Incluso puedes añadir tu propio logo para que parezca que tu marca dirige esa página.
Los plugins ofrecen oportunidades para personalizar cada aspecto de tu formulario de registro de usuario, especialmente cuando se trata de añadir campos únicos y rediseñar el aspecto de tu formulario.
Es posible añadir características adicionales y avanzadas a los formularios de registro de usuarios. Algunas de las opciones que cubrimos en este artículo incluyen formularios que colocan a los nuevos usuarios en listas de marketing por correo electrónico. También puedes considerar la posibilidad de cobrar pagos por contenido exclusivo o si diriges un sitio de membresía.
Tampoco es una mala idea considerar ofrecer un formulario de acceso mediante medios sociales para acelerar el proceso de registro de los usuarios. Por último, un perfil de usuario avanzado es una gran manera de ampliar el formulario de registro de usuario actual para que el cliente tenga la oportunidad de gestionar todos los aspectos de su perfil de usuario.
Si tienes alguna pregunta sobre la gestión o la personalización de tu formulario de registro de WordPress, o si deseas sugerir otros plugins o técnicas para personalizar los formularios de registro, háznoslo saber en la sección de comentarios que aparece a continuación.
Deja una respuesta