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.

Ejemplo de un formulario de registro de WordPress
Ejemplo de un formulario de registro de WordPress

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.

Funciones del usuario para el formulario de registro de WordPress
Perfiels de usuario para el formulario de registro de WordPress

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.

Configuración de WordPress - formulario de registro WordPress
Configuración de WordPress

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.

Roles de usuario
Perfiles de usuario

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.

URL predeterminado para un formulario de registro de WordPress
URL predeterminado para un formulario de registro de WordPress

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 pestaña de widgets en WordPress
La pestaña de widgets en 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.

El meta widget en WordPress
El meta widget en WordPress

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.

Añadiendo un widget
Añadir un 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.

Editando el meta widget
Editando el meta widget

Ve al frontend de tu sitio web para ver cómo es el enlace de registro:

Formulario de registro en la parte delantera
Formulario de registro en el frontend

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.

Enlaces de registro
Enlaces de registro

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.

Formulario de registro de WordPress por defecto
Formulario de registro de WordPress por defecto

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.

Añadiendo un nuevo logo
Añadiendo un nuevo logo

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.

Subir un nuevo logo para su formulario de registro personalizado de WordPress
Subir un nuevo logo para tu formulario de registro personalizado de WordPress

Una vez que se suba, busca y haz clic en el enlace Editar para esa imagen del logo.

Editar el nuevo archivo del logo
Editar el nuevo archivo 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.

Copia del logo URL para el formulario de registro de WordPress
Copia del logo URL para el formulario de registro de WordPress

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.

Formulario de registro de LoginPress para WordPress
Formulario de registro de LoginPress para WordPress

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.

Creador de temas para el formulario de registro de WordPress
Creador de temas para el formulario de registro 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.

Cambiar el logo
Cambiar el logo en un formulario de registro

Sube un logotipo desde tu ordenador y haz los ajustes de anchura y altura del logotipo para asegurarte de que se vea bien.

Personalización de su logo
Personalización de tu logo

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.

Estableciendo un fondo
Estableciendo un fondo

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.

Ajustes adicionales para el formulario de registro de WordPress
Ajustes adicionales para el formulario de registro de WordPress

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.

WPS Ocultar inicio de sesión del plugin de WordPress
WPS Hide Login del plugin de WordPress

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.

URL secreto
URL secreto

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.

Contact Form 7 plugin
Contact Form 7 plugin

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.

Registro de la parte delantera
Registro de frontend

Una vez que ambos estén activados, ve al menú del panel de control de WordPress y navega a Contacto > Formularios de contacto.

Botón de formularios de contacto
Botón de 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.

Creando su primera forma
Creando tu primer formulario

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.

Eliminar las etiquetas necesarias
Eliminar las etiquetas innecesarias

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.

La etiqueta de tel
La etiqueta de teléfono

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>.

Cerrando la etiqueta
Cerrando la etiqueta

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.

Contact Form 7, código abreviado
Contact Form 7, código abreviado

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.

Añadiendo una nueva página
Añadiendo una nueva página

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.

Añadiendo un bloque en el Editor de Bloques
Añadiendo un bloque en el Editor de Bloques

Localiza el bloque del Contact Form 7 y selecciónalo.

Bloque del Contact Form 7
Bloque del Contact Form 7

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.

Elegir la forma correcta
Elegir el formulario correcto

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.

Añadir un código corto para su formulario de registro de WordPress
Añadir un código corto a tu formulario de registro de WordPress

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.

Pestaña de ajustes de registro
Pestaña de ajustes de registro

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.

Configuración de registro para el formulario de registro de WordPress
Configuración de registro para el formulario de registro de WordPress

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.

Configuración de los campos del frontend
Configuración de los campos del frontend

Ve al final de esa página y pruébalo y haz clic en el botón de enviar.

Probando su formulario de inscripción
Probando tu formulario de inscripción

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.

Mensaje de éxito
Mensaje de éxito

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.

Ajustar los mensajes en el Contact Form 7
Ajustar los mensajes en el Contact Form 7

Un ejemplo es decir gracias por unirte o registrarte en el sitio.

Cambiar el mensaje del remitente
Cambiar el mensaje del remitente

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.

Advertencia para el formulario de registro de WordPress
Advertencia para el formulario de registro de WordPress

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!

El nuevo usuario registrado
El nuevo usuario registrado

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.

Complemento de registro de usuario
Add-On de registro de usuario

Una vez que se activa un add-on de Gravity Forms, aparece en tu lista de plugins, como también aparece Gravity Forms.

Lista de plugins
Lista de plugins

Para avanzar, haz clic en Formularios > Ajustes.

Pestaña de configuración de las Gravity Forms
Pestaña de configuración de Gravity Forms

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.

Habilitar la página de registro personalizado
Habilitar la página de registro personalizado

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.

Ejemplo de registro de usuario
Ejemplo de registro de usuario

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.

Creación de un nuevo formulario de registro de WordPress utilizando Gravity Forms
Creación de un nuevo formulario de registro de WordPress utilizando Gravity Forms

Escribe un título del formulario y una descripción del mismo. Haz clic en Crear formulario.

Añadiendo el título y la descripción a su formulario
Añadiendo el título y la descripción a tu 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.

Constructor de formas
Constructor de formularios

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.

Campos
Campos

Para un formulario de registro de usuario, tiene sentido incluir también los campos Nombre de usuario, Contraseña y Correo electrónico.

Adición de campos avanzados a un formulario de registro personalizado
Adición de campos avanzados a un formulario de registro personalizado

Una vez colocado en el formulario, el campo Email muestra la opción de que los usuarios escriban sus direcciones de correo electrónico.

Añadiendo el nombre y el correo electrónico
Añadiendo el nombre y el 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.

Añadiendo los campos de nombre de usuario y contraseña
Añadiendo los campos de nombre de usuario y contraseña

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.

Insertar una rotura de sección
Insertar sección

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.

Añadiendo más campos opcionales
Añadiendo más campos opcionales

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.

Editar la configuración de cada campo
Editar la configuración de cada 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.

Requerido vs. no requerido
Requerido vs. no requerido

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.

Haciendo el campo requerido
Haciendo el campo requerido

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.

Edición de la configuración de su formulario de registro personalizado
Edición de los ajustes de tu formulario de registro personalizado

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.

Añadir un nuevo registro de usuario
Añadir un nuevo registro de usuario

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.

Creando el usuario
Creando el 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.

Personalización de las opciones de usuario
Personalización de las opciones de usuario

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.

Elección de los roles de usuario
Elección de los perfiles de usuario

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.

Opciones adicionales en las Gravity Forms
Opciones adicionales en Gravity Forms

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.

El número de identificación de su formulario
El número de identificación de tu formulario

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.

Añadiendo un bloque al editor de Gutenberg
Añadiendo un bloque al editor de Gutenberg

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.

Bloque de Gravity Form
Bloque de Gravity Form

Una vez que el bloque esté activado, haz clic en el menú desplegable para elegir una formulario.

Escogiendo su formulario personalizado
Escogiendo tu formulario personalizado

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.

Elija la forma correcta para ser usada
Elige la forma correcta para ser usada

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í.

Vista frontal de su formulario de registro personalizado
Vista frontal de tu formulario de registro personalizado

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.

Seleccionando la página de registro correcta
Seleccionando la página de registro 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.

Complementos de pago en Gravity Forms
Add-ons de pago en Gravity Forms

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.

El complemento de PayPal
El add-on de PayPal

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.

Comprobando si los complementos están correctamente instalados
Comprobando si los add-ons están correctamente instalados

Para configurar tu add-on de pago, dirígete a Formularios > Ajustes.

Configuración de la forma
Configuración del formulario

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.

Formulario de registro de IPN de PayPal para WordPress
Formulario de registro de IPN de PayPal para WordPress

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.

Configuración de la notificación de pago instantáneo
Configuración de la notificación de pago instantáneo

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.

Añadiendo su URL de notificación
Añadiendo tu URL de notificación

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.

La pestaña de configuración de su formulario personalizado
La pestaña de configuración de tu formulario personalizado

Localiza la pestaña de complemento de pago, en este caso, la pestaña de PayPal.

PayPal se alimenta
PayPal feeds

Haz clic en el botón Añadir nuevo para generar una nueva fuente de PayPal para este formulario.

Añadiendo un nuevo feed de PayPal
Añadiendo un nuevo feed de PayPal

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.

Ajustar la configuración de la alimentación
Ajustar la configuración del feed

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.

Campo de productos
Campo de productos

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.

Etiquetas de campo
Etiquetas de los campos

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.

Haciendo un campo requerido
Haciendo un campo requerido

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.

Añadir niveles de suscripción a su formulario
Añadir niveles de suscripción a su formulario

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.

Haciendo que se requieran niveles de suscripción
Haciendo que se requieran niveles de suscripción

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.

Elección de la clase de operación
Elección de la clase de operació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.

Fijar el campo de la cantidad de pago
Fijar el campo de la cantidad de pago

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.

 

La pestaña de otros ajustes
La pestaña de otros ajustes

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.

Retraso del registro de usuario
Retraso del registro de usuario

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.

Probando la página de registro de usuarios
Probando la página de registro de usuarios

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.

Probando el campo de precios
Probando el campo de precios

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.

Formulario de pago de PayPal
Formulario de pago de PayPal

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.

Complementos de la lista de correo para los Gravity Forms
Add-ons de la lista de correo para los Gravity Forms

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.

Complemento de Mailchimp
Add-on de Mailchimp

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.

user reg form - WordPress Registration Form

Ve a Ajustes> Mailchimp. Si utilizas una integración de servicio de correo alternativo, busca la pestaña correspondiente.

Configuración de Mailchimp
Configuración de Mailchimp

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.

Configuración de los ajustes de Mailchimp
Configuración de los 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.

Campo clave de la API de Mailchimp
Campo clave de la API de Mailchimp

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.

Pestaña de la clave API
Pestaña de la clave 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.

 

Obtener su clave API
Obtener tu clave API

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.

Añadiendo tu clave API a las Gravity Forms
Añadiendo tu clave API a Gravity Forms

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.

Añadiendo un nuevo feed para Mailchimp
Añadiendo un nuevo feed para Mailchimp

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.

Eligiendo su lista de audiencia
Eligiendo tu lista de audiencia

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.

Campos del mapa
Campos del mapa

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.

Añadir más opciones a su formulario de inscripción
Añadir más opciones a tu formulario de inscripción

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.

Formulario de registro en WordPress con MailChimp
Formulario de registro en WordPress con MailChimp

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.

Registro de usuario WordPress plugin
Registro de usuario WordPress plugin

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.

Activando el plugin y el add-on
Activando el plugin y el add-on

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.

Añadir módulos para construir su formulario de registro
Añadir módulos para construir tu formulario de registro

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.

Configuración de la forma
Configuración del formulario

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.

Código corto para el plugin de registro de usuario
Código corto para el plugin de registro de usuario

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.

add new

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.

Probando el formulario de registro usando perfiles sociales
Probando el formulario de registro usando perfiles sociales

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.

Habilitar los inicios de sesión sociales
Habilitar los inicios de sesión sociales

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.

Obteniendo el ID de la aplicación de Facebook
Obteniendo el ID de la aplicación de Facebook

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.

App ID y App secret
App ID y App secret

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.

Actualización de la configuración de la API
Actualización de la configuración de la API

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.

Configuración avanzada
Configuración avanzada

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.

Plantillas de acceso social
Plantillas de acceso de medios sociales social

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.

Guardando todos los cambios
Guardando todos los 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.

Vista previa de los botones de acceso social
Vista previa de los botones de acceso social

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 último miembro del plugin de WordPress
El plugin Ultimate Member de WordPress

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.

Creación de páginas en Ultimate Member
Creación de páginas en Ultimate Member

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.

Configuración general del plugin Ultimate Member
Configuración general del plugin Ultimate Member

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.

La pestaña de apariencia
La pestaña de apariencia

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.

Más ajustes para el plugin Ultimate Member
Más ajustes para el plugin Ultimate Member

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.

Menú de perfil
Menú de perfil

Una vez que se hayan configurado todos los ajustes del perfil, haz clic en el botón Guardar cambios.

Guardar los cambios
Guardar los 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.

Formulario de registro y configuración de inicio de sesión
Formulario de registro y configuración de inicio de sesión

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.

Formas predeterminadas
Formas predeterminadas

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.

Probando la página de "registro"
Probando la página de «registro»

En el frontend, un visitante puede escribir su nombre de usuario y correo electrónico y crear una contraseña.

Probando una cuenta demo de usuario
Probando una cuenta demo de usuario

Puede que también quieras mirar la página de usuario.

La página de usuario
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.

Página de perfil en la parte delantera
Página de perfil en la parte delantera

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.

Más opciones para la página de perfil
Más opciones para la página de perfil

¿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.

Prórrogas para el miembro final
Prórrogas para el miembro final

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.

La lista de extensiones del último miembro
La lista de extensiones de Ultimate Member

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.

Ejemplo de un perfil de usuario completo y página de acceso en Ultimate Member
Ejemplo de un perfil de usuario completo y página de acceso en Ultimate Member

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.

Matteo Duò Kinsta

Editor en jefe de Kinsta y consultor de marketing de contenidos para desarrolladores de plugins de WordPress. Conéctese con Matteo en Twitter.