Cómo añadir un formulario de inicio de sesión de WordPress a cualquier página (4 métodos)

Añadir un formulario de inicio de sesión a cualquier página de su sitio WordPress puede parecer complicado, especialmente si no está familiarizado con la codificación o las configuraciones complejas.

Te estarás preguntando si hay una manera fácil de hacer esto sin romper tu sitio o pasar horas averiguándolo. Por suerte, con la herramienta adecuada, como WPForms, en realidad es un proceso sencillo.

En esta guía, te explicaré cómo añadir un formulario de inicio de sesión a cualquier página de tu sitio de WordPress con sólo unos clics, ahorrándote tiempo y evitando dolores de cabeza técnicos.

Crea ya tu formulario de inicio de sesión en WordPress 🙂 .

Cómo crear un formulario de inicio de sesión en cualquier página de WordPress

Hay varias formas de añadir un formulario de inicio de sesión en WordPress, y la más adecuada depende del nivel de control que necesites sobre el aspecto y la funcionalidad del formulario. Esto es lo que voy a explicar.

Método 1: Utilizar el asistente de incrustación

Esta es la forma más rápida de añadir tu formulario de inicio de sesión a una página. Ni siquiera tienes que salir del generador de formularios. Una vez que hayas creado o editado tu formulario, haz clic en el botón «Incrustar» situado en la parte superior derecha del generador.

Aparecerá una ventana emergente con dos opciones: crear una página nueva o seleccionar una ya existente.

Insertar en una nueva página

Si quieres crear una nueva página para tu formulario de inicio de sesión, haz clic en «Crear nueva página». Introduce un nombre para la página y haz clic en «Adelante».

Se te redirigirá directamente al editor de páginas con tu formulario ya integrado. Solo tienes que hacer clic en «Publicar» para que se publique.

Incrustar en una página existente

¿Ya tienes una página en la que quieres colocar el formulario de inicio de sesión? Haz clic en «Seleccionar página existente » y elige la página en el menú desplegable.

Haz clic en «Let’s Go» y serás redirigido al editor de esa página. Desde aquí, es posible que tengas que añadir el bloque de WPForms a la página (te explicaré cómo hacerlo en el Método 2). Pulsa «Actualizar» para guardar los cambios.

Método 2: Utilizar el editor de bloques

Si ya estás editando una página y quieres insertar tu formulario de inicio de sesión, puedes añadir el bloque de WPForms directamente. No hace falta volver al generador de formularios.

Abre la página en la que quieres colocar el formulario. Haz clic en el botón «+» para abrir el selector de bloques y busca «WPForms». Haz clic en el bloque de WPForms para añadirlo a tu página y, a continuación, selecciona tu formulario de inicio de sesión en el menú desplegable.

El formulario aparecerá directamente en el editor. Haz clic en «Publicar» o «Actualizar » cuando estés listo.

Puedes repetir esto en tantas páginas como quieras. Todos los envíos de inicio de sesión se recopilan en un solo lugar, en WPForms » Entradas. Para ver la lista completa de opciones de incrustación, consulta la documentación sobre cómo mostrar formularios en tu sitio web.

Configurar los ajustes del bloque de WPForms

Una vez que hayas añadido el formulario, verás opciones de configuración adicionales en el panel lateral derecho.

Esto es lo que puedes ajustar:

• Mostrar título y descripción: activa estas opciones para mostrar el nombre y la descripción del formulario encima de los campos del mismo.
• Personalización de formularios: WPForms te permite personalizar tus formularios directamente en el editor de bloques sin necesidad de escribir código CSS. Puedes modificar visualmente el tamaño de los campos, los colores y el estilo de los botones.
• Avanzado: Añade clases CSS personalizadas si necesitas un mayor control sobre el aspecto del formulario.

Método 3: Utilizar un código corto

WPForms genera un código corto único para cada formulario que crees. Esto resulta útil si trabajas con el Editor clásico, con un tema que no es totalmente compatible con los bloques o en cualquier área que admita códigos cortos.

Para encontrar el código abreviado de tu formulario, ve a WPForms » Todos los formularios en tu panel de control. Verás el código abreviado junto a cada formulario. Tiene este aspecto:

Copia el código corto, abre la página o la entrada en la que quieras que aparezca el formulario de inicio de sesión, añade un bloque de código corto, pégalo y haz clic en «Publicar » o «Actualizar».

También puedes insertar tu formulario de inicio de sesión utilizando este código corto en widgets de texto, áreas de la barra lateral y en cualquier otro lugar que admita códigos cortos.

Método 4: Utilizar un widget (barra lateral o pie de página)

¿Quieres que tu formulario de inicio de sesión aparezca en todas las páginas de tu sitio web? Una buena opción es añadirlo a la barra lateral o al pie de página como widget.

Los visitantes pueden iniciar sesión desde cualquier lugar sin tener que buscar una página de inicio de sesión específica. Ve a «Apariencia» » «Widgets» en tu panel de control de WordPress.

Busca la sección «Barra lateral principal ». Si tu tema no admite barras laterales, no verás esta opción. Haz clic en el botón «+» y busca WPForms.

Haz clic en el bloque de WPForms para añadirlo y, a continuación, selecciona tu formulario de inicio de sesión en el menú desplegable.

Verás una vista previa del formulario directamente en el área del widget.

Puedes hacer lo mismo con el pie de página. Desplázate hacia abajo hasta la zona de widgets «Barra de pie de página», añade el bloque de WPForms y selecciona tu formulario de inicio de sesión.

Haz clic en «Actualizar» cuando hayas terminado. Así es como se ve un formulario de inicio de sesión en una barra lateral:

Y aquí está, en el pie de página:

Si utilizas un tema basado en bloques con la función «Edición completa del sitio», ve a «Apariencia» » «Editor ». Abre la sección de la plantilla correspondiente a la barra lateral o al pie de página y añade allí el bloque de WPForms.

Extra: Crear un formulario de registro de usuario

Ahora que ya tienes un formulario de inicio de sesión en tu sitio web, probablemente también querrás un formulario de registro para que los nuevos visitantes puedan crear cuentas. WPForms se encarga de esto con el mismo complemento de registro de usuarios que configuraste anteriormente.

Puedes crear un formulario de registro personalizado con los campos que necesites e incrustarlo utilizando cualquiera de los métodos anteriores. Para ver el tutorial completo, consulta esta guía sobre cómo crear un formulario de registro de usuarios en WordPress.

Una vez que hayas creado tu página de registro, te conviene añadirla al menú de navegación de tu sitio web para que los visitantes puedan encontrarla. En el panel de control de WordPress, ve a Apariencia » Menús.

Si aún no tienes un menú, ponle un nombre y haz clic en «Crear menú».

En la sección «Páginas» de la izquierda, haz clic en «Ver todo » para ver todas tus páginas publicadas. Marca las casillas correspondientes a las páginas de inicio de sesión y de registro y, a continuación, haz clic en «Añadir al menú».

Arrastra y suelta los elementos del menú para organizarlos como quieras.

Selecciona una ubicación de visualización (como el menú principal) y haz clic en «Guardar menú».

Ahora las páginas de inicio de sesión y de registro aparecen en el menú de navegación principal de tu sitio web.

Si utilizas un tema basado en bloques, añade estas páginas a través de «Apariencia» » «Editor ». Abre la sección de la plantilla del encabezado, selecciona el bloque «Navegación» y añade allí los enlaces.

Consejos para mejorar tu página de inicio de sesión de WordPress

• Configura redireccionamientos tras el inicio de sesión: no dirijas a los usuarios a la página de inicio después de que hayan iniciado sesión. Dirígelos a un lugar útil, como la página de su cuenta o un panel de control exclusivo para miembros. Aquí tienes una guía completa sobre cómo configurar redireccionamientos tras el registro en WordPress.
• Añade protección contra el spam: los formularios de inicio de sesión son un objetivo habitual de los ataques de fuerza bruta. Si utilizas WPForms, puedes activar el CAPTCHA, configurar reglas antispam o utilizar el honeypot integrado. Estos sencillos trucos para eliminar el registro de usuarios spam también funcionan en los formularios de inicio de sesión.
• Personaliza el aspecto: un formulario de inicio de sesión sencillo funciona, pero adaptarlo a la imagen de marca de tu sitio web causa una mejor impresión. Puedes personalizar la imagen de marca de tu formulario de inicio de sesión con colores, logotipos y diseños personalizados. Echa un vistazo a estos ejemplos de páginas de inicio de sesión para inspirarte.

Preguntas frecuentes sobre cómo añadir un formulario de inicio de sesión de WordPress a cualquier página

Añadir un formulario de inicio de sesión de WordPress a cualquier página es una de las peticiones más habituales de los propietarios de sitios web que ofrecen servicios de suscripción, cursos en línea o foros comunitarios. Estas son las preguntas que me plantean con más frecuencia.

¿Cómo añado un formulario de inicio de sesión a una página de WordPress?

La forma más sencilla es utilizar WPForms Pro con el complemento de registro de usuarios. Crea un formulario de inicio de sesión en el generador y, a continuación, incrústalo en cualquier página mediante el asistente de incrustación, el editor de bloques, un código corto o un widget. También puedes utilizar el bloque integrado de inicio y cierre de sesión de WordPress para una solución más sencilla.

¿Cómo redirijo el login de WP a otra página?

Con WPForms, ve al formulario de inicio de sesión de tu Configuración » Confirmaciones y configura la página de redireccionamiento. Puedes crear diferentes redireccionamientos para distintos roles de usuario utilizando lógica condicional. Si estás utilizando wp_login_form(), pasar un redirect parámetro con la URL de destino.

¿Cuál es la diferencia entre un formulario de inicio de sesión y un formulario de registro?

Un formulario de inicio de sesión permite a los usuarios existentes acceder a su cuenta con un nombre de usuario y una contraseña. Un formulario de registro permite a los nuevos visitantes crear una cuenta. La mayoría de los sitios web necesitan ambos, y WPForms puede crear ambos tipos utilizando el mismo complemento de registro de usuarios.

¿Puedo asignar distintas funciones a los usuarios en función de las respuestas a los formularios?

Sí. WPForms te permite asignar roles de usuario de forma condicional en función de cómo rellenen los usuarios tu formulario de registro. Esto te ofrece un mayor control sobre los permisos y los niveles de acceso en tu sitio web.

A continuación, personaliza tu página de inicio de sesión

Con esto ya has visto cinco formas diferentes de añadir un formulario de inicio de sesión de WordPress a cualquier página de tu sitio web. Ahora que tu formulario de inicio de sesión ya está activo, aquí tienes algunas cosas que quizá quieras hacer a continuación:

• Personaliza la imagen de marca de tu formulario de inicio de sesión con colores, logotipos y diseños personalizados
• Configura redireccionamientos de registro para dirigir a los usuarios a donde deben ir
• Elimina los registros de spam con CAPTCHA y herramientas antispam

Cree su formulario de inicio de sesión de WordPress ahora

¿Listo para crear tu formulario? Empieza hoy mismo con el plugin más sencillo para crear formularios en WordPress. WPForms Pro incluye un montón de plantillas gratuitas y ofrece una garantía de devolución de dinero de 14 días.

Si este artículo te ha ayudado, síguenos en Facebook y Twitter para más tutoriales y guías gratuitas sobre WordPress.