Tutoriales de WordPress de confianza, cuando más los necesitas.
Guía para principiantes de WordPress
WPB Cup
Más de 25 millones
Sitios web que usan nuestros plugins
16+
Años de experiencia en WordPress
3000+
Tutoriales de WordPress de expertos

Cómo crear una página de inicio de sesión personalizada de WordPress (Guía definitiva para principiantes)

Una página de inicio de sesión genérica de WordPress puede desentonar, especialmente si tienes un sitio de membresía, un curso en línea o cualquier sitio donde los usuarios inicien sesión con regularidad.

A menudo es la primera impresión que tienen las personas después de registrarse, y si se ve simple o desconectada del resto de tu sitio, puede socavar la confianza o hacer que la experiencia se sienta desordenada.

Personalizar la página de inicio de sesión es una forma sencilla pero poderosa de reforzar tu marca, crear una experiencia de usuario más profesional e incluso agregar seguridad adicional.

Vimos esto de primera mano cuando lanzamos nuestra capacitación gratuita en video de WordPress en WPBeginner. Una página de inicio de sesión con marca hizo que todo se sintiera más cohesivo y brindó a nuestros usuarios una mejor experiencia desde el principio.

En esta guía, te mostraremos cómo crear tu propia página de inicio de sesión personalizada de WordPress. Aprenderás métodos amigables para principiantes y avanzados para que puedas elegir el enfoque adecuado para tu sitio.

Cómo Crear una Página de Inicio de Sesión Personalizada de WordPress (Guía Definitiva)

💡Respuesta rápida: Los mejores métodos para personalizar una página de inicio de sesión de WordPress

Si tienes prisa, aquí tienes un resumen rápido de los tres mejores métodos para personalizar tu página de inicio de sesión:

  • Usa un Page Builder (Mejor opción general): Recomendamos usar SeedProd. Ofrece un constructor visual de arrastrar y soltar para diseñar una página de inicio de sesión completamente personalizada desde cero sin escribir código.
  • Usa un Form Builder (Mejor para incrustar): Si deseas incrustar un formulario de inicio de sesión personalizado en una página o barra lateral existente, WPForms es la solución más flexible.
  • Usa un Plugin Gratuito (Opción básica): Si simplemente deseas que tu página de inicio de sesión coincida con el encabezado y pie de página de tu tema actual, Theme My Login es una buena opción gratuita.

Esto es lo que aprenderás de esta guía:

¿Por qué crear una página de inicio de sesión personalizada en WordPress?

Tu sitio web de WordPress viene con un potente sistema de gestión de usuarios. Permite a los usuarios crear cuentas en tiendas de comercio electrónico, sitios web de membresía y blogs.

Por defecto, la página de inicio de sesión muestra la marca y el logo de WordPress. Esto está bien si eres la única persona con acceso de administrador o si tienes muy pocos usuarios.

Ejemplo de pantalla de inicio de sesión estándar de WordPress

Sin embargo, si tu sitio web permite a los usuarios registrarse e iniciar sesión, una página de inicio de sesión personalizada ofrece una mejor experiencia de usuario.

Algunos usuarios pueden sospechar si la pantalla de inicio de sesión de tu WordPress no se parece en nada a tu sitio web. Probablemente se sentirán más cómodos si usas el logo y el diseño de tu negocio.

Por último, la pantalla de inicio de sesión predeterminada solo muestra el formulario de inicio de sesión. Al crear una página de inicio de sesión personalizada, puedes usar el espacio para promocionar otras páginas u ofertas especiales.

Por eso usamos una página de inicio de sesión personalizada para todos nuestros sitios web donde los usuarios necesitan interactuar con un formulario de inicio de sesión.

Por ejemplo, esta es la página de inicio de sesión personalizada que usamos para el sitio web de videos de capacitación de WPBeginner.

El sitio web de videos de capacitación de WordPress de WPBeginner utiliza una página de inicio de sesión personalizada

Ahora, veamos más ejemplos de diseños de páginas de inicio de sesión personalizadas de WordPress.

Ejemplos de diseño de páginas de inicio de sesión de WordPress

Los propietarios de sitios web pueden personalizar la página de inicio de sesión de WordPress utilizando diferentes estilos y técnicas.

Algunos crean una página de inicio de sesión personalizada que utiliza el tema y los colores de su sitio web. Otros modifican la página de inicio de sesión predeterminada añadiendo un fondo, colores y logo personalizados.

Aquí tienes algunos ejemplos de lo que es posible.

WPForms

Ejemplo de página de inicio de sesión personalizada de WPForms

WPForms es el mejor plugin de formularios de contacto de WordPress del mercado. Su plugin también incluye un complemento para crear hermosos formularios de inicio de sesión y registro de WordPress, que te mostraremos más adelante en este artículo.

Su página de inicio de sesión personalizada utiliza un diseño de dos columnas. La columna izquierda contiene el formulario de inicio de sesión y la columna derecha destaca promociones y otras llamadas a la acción.

Su página de inicio de sesión, que se muestra arriba, informa a sus usuarios sobre nuevas funciones. Utiliza marca personalizada, ilustración de fondo y colores de marca para crear una experiencia de inicio de sesión única.

Jacquelynne Steves

Página de inicio de sesión personalizada de Jacquelynne Steves

Jacquelynne Steves es un sitio web de artes y manualidades donde la autora publica contenido sobre decoración de hogares, quilting, patrones, bordado y más.

Su página de inicio de sesión utiliza una imagen de fondo personalizada que coincide con el tema de su sitio web, y el formulario de inicio de sesión está a la derecha.

Church Motion Graphics

Página de inicio de sesión personalizada de Church Motion Graphics

La página de inicio de sesión de esta empresa de diseño de gráficos en movimiento tiene un fondo colorido que refleja su negocio.

Utiliza la misma cabecera, pie de página y menús de navegación del sitio en la pantalla de inicio de sesión. El formulario de inicio de sesión en sí es bastante simple, con un fondo claro.

MITSloan Management Review

Página de inicio de sesión personalizada de MITSloan

MITSloan Management Review utiliza un modal emergente para mostrar un formulario de inicio de sesión y registro.

La ventaja de una ventana emergente es que los usuarios pueden iniciar sesión sin salir de la página. Les evita una nueva carga de página y ofrece una experiencia de usuario más rápida.

¿Ahora, está listo para aprender a crear una página de inicio de sesión personalizada en WordPress?

Crear una página de inicio de sesión de WordPress usando Theme My Login (Gratis)

Theme My Login es un plugin gratuito que cambia su página de inicio de sesión para que coincida con su tema de WordPress. No es muy personalizable, pero reemplazará la página de inicio de sesión predeterminada de WordPress y la hará lucir más profesional.

Lo primero que necesita hacer es instalar y activar el plugin Theme My Login. Para más detalles, consulte nuestra guía paso a paso sobre cómo instalar un plugin de WordPress.

Tras la activación, Theme My Login crea automáticamente URLs para sus acciones personalizadas de inicio de sesión, cierre de sesión, registro, olvido de contraseña y restablecimiento de contraseña.

Puede personalizar estas URLs de inicio de sesión de WordPress visitando la página Theme My Login » General. Desplácese hacia abajo hasta la sección 'Slugs' para modificar las URLs utilizadas por el plugin para las acciones de inicio de sesión.

Páginas de Theme My Login

Theme My Login también le permite usar shortcodes para crear páginas personalizadas de inicio de sesión y registro. Simplemente puede crear una página para cada acción y luego agregar el slug de la página aquí para que el plugin pueda encontrar y redirigir a los usuarios correctamente.

Comencemos con la página de inicio de sesión.

Vaya a Página » Añadir nueva para crear una nueva página de WordPress. A continuación, necesita darle un título a su página y luego ingresar el siguiente shortcode [theme-my-login] en la página.

Agregar el shortcode de Theme My Login a una página

Ahora puede publicar su página y previsualizarla para ver su página de inicio de sesión personalizada en acción.

Así es como se ve en nuestro sitio web de prueba de WordPress.

Vista previa de Theme My Login

Repita el proceso para crear otras páginas utilizando el siguiente shortcode:

[theme-my-login action="register"] Para el formulario de registro

[theme-my-login action="lostpassword"] Para la página de contraseña perdida

[theme-my-login action="resetpass"] Para la página de restablecimiento de contraseña

Creación de una página de inicio de sesión personalizada de WordPress usando WPForms

WPForms es el mejor plugin constructor de formularios de WordPress del mercado. Le permite crear fácilmente formularios personalizados de inicio de sesión y registro para su sitio web.

WPForms es un plugin premium de WordPress y necesitarás al menos su plan Pro para acceder al complemento de registro de usuarios. Los usuarios de WPBeginner pueden obtener un 50% de descuento usando nuestro código de cupón de WPForms.

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

Tras la activación, debes visitar la página WPForms » Ajustes para introducir tu clave de licencia. Puedes encontrar esta información en tu cuenta en el sitio web de WPForms.

Introduce tu clave de licencia de WPForms

Después de introducir la clave de licencia, podrás instalar complementos.

Ve y visita la página WPForms » Complementos y localiza el Complemento de Registro de Usuarios.

Complemento de registro de usuarios de WPForms

A continuación, haz clic en el botón 'Instalar Complemento' para descargar y activar el complemento. Con el complemento activo, ya estás listo para crear el formulario.

Dirígete a la página WPForms » Añadir Nuevo. Se te pedirá que 'Selecciones una Plantilla' para tu formulario. Busca la plantilla 'Formulario de Inicio de Sesión de Usuario' y haz clic en el botón 'Usar Plantilla' para continuar.

Plantilla de formulario de inicio de sesión de usuario

Consejo de experto: WPForms también tiene un creador de formularios con IA que puedes usar. Simplemente escribe una descripción del tipo de formulario que deseas y WPForms lo creará por ti.

WPForms cargará el Formulario de Inicio de Sesión de Usuario con los campos requeridos.

Puedes hacer clic en los campos para añadir tu propia descripción o texto alrededor de ellos.

Constructor de formularios de WPForms

También puedes cambiar otras configuraciones.

Por ejemplo, el título predeterminado del botón es 'Enviar'. Puedes hacer clic en el botón y cambiar el texto a 'Iniciar Sesión' en su lugar.

Personalizar el texto del botón de WPForms

También puedes decidir qué sucede una vez que un usuario inicia sesión correctamente.

Necesitarás dirigirte a la pestaña Ajustes » Confirmación y seleccionar una acción. Puedes redirigir al usuario a cualquier otra URL, redirigirlo a la página de inicio o simplemente mostrarle un mensaje de que ahora ha iniciado sesión.

Redirigir usuarios conectados

Una vez que estés satisfecho con la configuración del formulario, haz clic en el botón 'Guardar' en la esquina superior derecha de la pantalla para cerrar el creador de formularios.

Añadir tu formulario de inicio de sesión personalizado a una página de WordPress

WPForms hace que sea súper fácil añadir tu formulario de inicio de sesión personalizado a cualquier publicación o página de WordPress.

Simplemente edita la página donde deseas añadir el formulario de inicio de sesión o crea una nueva. Luego, en la pantalla de edición de la página, añade el bloque WPForms a tu área de contenido.

Agrega el bloque WPForms a cualquier publicación o página y selecciona el formulario de inicio de sesión de usuario

A continuación, selecciona el formulario de inicio de sesión que creaste anteriormente y el bloque WPForms lo cargará automáticamente dentro del área de contenido.

Ahora puedes continuar editando la página del formulario de inicio de sesión. Siéntete libre de añadir más texto o bloques promocionales. Una vez que hayas terminado, no olvides guardar y publicar tus cambios.

Ahora puedes visitar tu sitio web para ver tu página de inicio de sesión en acción.

Vista previa del formulario de inicio de sesión de WPForms

Crear una página de inicio de sesión personalizada de WordPress usando SeedProd (Recomendado)

Por defecto, tu página de formulario de inicio de sesión personalizado de WordPress utilizará la plantilla de página y los estilos de tu tema. Tendrá los menús de navegación, encabezado, pie de página y widgets de barra lateral de tu tema.

Si deseas tomar el control total de la página y diseñar algo desde cero, entonces puedes usar un plugin de creación de páginas de WordPress.

SeedProd es el mejor constructor de páginas de destino para WordPress. A diferencia de un constructor de formularios estándar, SeedProd te permite personalizar todo el diseño de la página, no solo el cuadro de inicio de sesión.

Es fácil de usar para principiantes y ofrece un constructor de arrastrar y soltar para ayudarte a crear cualquier tipo de página de destino. Esto incluye una página de inicio de sesión, una página de "próximamente", una página de modo de mantenimiento y más.

Hemos probado SeedProd nosotros mismos y también tenemos una reseña detallada que cubre sus características, facilidad de uso y rendimiento.

Primero, necesitarás instalar el plugin SeedProd en tu sitio web. Para más detalles, puedes seguir nuestra guía sobre cómo instalar un plugin de WordPress.

Nota: Para este artículo, usaremos la versión SeedProd Pro porque incluye una plantilla de página de inicio de sesión y bloques de página avanzados para la personalización.

También existe una versión gratuita de SeedProd, pero no incluye la opción de crear una página de inicio de sesión para tu sitio web de WordPress.

Una vez que el plugin esté activo, serás redirigido a SeedProd en tu área de administración de WordPress.

Aquí, deberás ingresar tu clave de licencia, la cual puedes obtener fácilmente de tu cuenta de SeedProd. Cuando hayas ingresado la clave, haz clic en el botón 'Verificar clave'.

Clave de licencia de SeedProd

Después de eso, estarás listo para crear tu página de inicio de sesión en SeedProd.

Para empezar, ve a SeedProd » Páginas de destino y selecciona la opción 'Página de inicio de sesión' haciendo clic en el botón 'Configurar una página de inicio de sesión'.

Seleccionar página de inicio de sesión

En la siguiente pantalla, puedes seleccionar una plantilla para tu página de inicio de sesión. También puedes crear una página desde cero usando la Plantilla en blanco.

Sin embargo, sugerimos usar una plantilla ya que es más fácil y rápido personalizar la página de inicio de sesión.

Elige una plantilla para tu página de inicio de sesión de SeedProd

Cuando selecciones una plantilla, aparecerá una ventana emergente para ingresar un Nombre de página para tu página de inicio de sesión. SeedProd usará el nombre de la página como la URL de tu página de destino.

Una vez que hayas ingresado estos detalles, procede a hacer clic en el botón 'Guardar y empezar a editar la página'.

Introduce un nombre de página y una URL de página

Ahora, puedes editar tu página de inicio de sesión usando el constructor de arrastrar y soltar de SeedProd en la pestaña Diseño. El constructor te permite agregar fácilmente cualquier bloque de página a la página simplemente arrastrándolo desde el menú de la izquierda y colocándolo en cualquier lugar de la página.

Por ejemplo, puedes agregar texto, un video o un nuevo botón a tu página de inicio de sesión. Hay más opciones de personalización en la sección Bloques avanzados, donde puedes agregar un temporizador de cuenta regresiva, íconos para compartir en redes sociales y más.

SeedProd incluso te permite eliminar bloques de página existentes en la plantilla. Todo lo que tienes que hacer es hacer clic en el ícono del bote de basura para eliminar el bloque de página.

Editar tu página de inicio de sesión

A continuación, si haces clic en cualquier sección de la página de inicio de sesión, verás más opciones de personalización.

Por ejemplo, puedes cambiar el texto y el color de los campos, elegir una fuente diferente, editar el color del botón y más.

Editar la sección de la página

Cuando estés satisfecho con el diseño de la página de inicio de sesión, haz clic en la pestaña 'Conectar' en la parte superior.

Ahora puedes conectar diferentes servicios de marketing por correo electrónico como Constant Contact, Drip y más.

Conectar servicios de marketing por correo electrónico

Después de eso, debes ir a la pestaña de Configuración de página. En Configuración general, SeedProd te permite editar el título de la página y cambiar el estado de la página de borrador a publicar.

También puedes seleccionar la opción de usar un Enlace de SeedProd y agregar tu enlace de afiliado de SeedProd para ganar más dinero en línea.

Configuración de página de SeedProd

Si deseas optimizar tu página de inicio de sesión para los motores de búsqueda, ve a la configuración de SEO. Aquí encontrarás un botón que instalará el plugin All In One SEO.

All in One SEO es el mejor plugin de SEO para WordPress que te permite optimizar tu sitio web de WordPress para motores de búsqueda y plataformas de redes sociales.

Puedes aprender la mejor manera de usarlo en nuestra guía sobre cómo configurar All In One SEO para WordPress correctamente.

Configuración de página SEO de SeedProd

Después de eso, también puedes agregar diferentes fragmentos de código a tu página de inicio de sesión en la pestaña de configuración de Scripts.

Por ejemplo, es posible que desees agregar el código de Google Analytics, el píxel de Facebook u otro código de seguimiento aquí.

Agregar scripts a tu página de inicio de sesión de SeedProd

Ahora que has cambiado la configuración de la página, haz clic en el botón 'Guardar' en la parte superior.

A continuación, tendrás que activar tu página de inicio de sesión. Para hacerlo, puedes salir del constructor de páginas de destino y luego ir a SeedProd » Landing Pages.

Una vez allí, deberías hacer clic en el interruptor para cambiar el estado de la página de 'Inactiva' a 'Activa'.

Hacer activa tu página de inicio de sesión de SeedProd

Ahora puedes ir a la URL de tu página de inicio de sesión y verla en acción.

Esta es una captura de pantalla de la pantalla de inicio de sesión en nuestro sitio de demostración.

Vista previa de la página de inicio de sesión de SeedProd

Alternativa: También puedes usar Thrive Architect para diseñar una página de inicio de sesión atractiva. Es otro excelente plugin constructor de páginas de arrastrar y soltar que recomendamos para crear páginas personalizadas.

Incluye más de 300 plantillas diseñadas profesionalmente que te permiten crear una página de inicio de sesión que se vea como la de abajo.

Vista previa de la página de inicio de sesión

Si los plugins constructores de páginas de WordPress no son lo tuyo, puedes usar CSS personalizado para estilizar el formulario y la página de inicio de sesión en sí.

No siempre necesitas crear una página de inicio de sesión personalizada de WordPress para tu sitio web. Muchos sitios web reemplazan el logo de WordPress y la URL del logo mientras siguen usando la página de inicio de sesión predeterminada.

Si deseas reemplazar el logo de WordPress en la pantalla de inicio de sesión con tu propio logo, puedes usar fácilmente un plugin de WordPress o agregar código personalizado. Te mostraremos ambos métodos, y puedes usar el que mejor te convenga.

Método 1: Cambiar el logo y la URL de inicio de sesión de WordPress con un plugin

Lo primero que debes hacer es instalar y activar el plugin Colorlib Login Customizer. Para más detalles, consulta nuestra guía paso a paso sobre cómo instalar un plugin de WordPress.

Tras la activación, el plugin agrega un nuevo elemento de menú al personalizador de temas de WordPress. Simplemente navega a Apariencia » Personalizar y haz clic en el nuevo elemento 'Colorlib Login Customizer' para iniciar el personalizador de inicio de sesión.

Nota: Dado que este plugin depende del Personalizador de Temas, no funcionará si estás utilizando un Tema de Bloques (como Twenty Twenty-Five) que utiliza el Editor de Sitio.

Si este es el caso, te recomendamos usar el método de código que se detalla a continuación o el método SeedProd mencionado anteriormente.

El plugin Personalizador de inicio de sesión de Colorlib agrega un nuevo elemento al Personalizador de temas

El personalizador de inicio de sesión cargará tu pantalla de inicio de sesión predeterminada de WordPress, que tiene opciones de personalización a la izquierda y una vista previa en vivo a la derecha.

Para reemplazar el logo de WordPress con el tuyo, haz clic en la pestaña ‘Opciones de logo’ a la derecha.

Personalizador de inicio de sesión de Colorlib

Desde aquí, puedes ocultar el logo de WordPress, subir tu propio logo personalizado y cambiar la URL y el texto del logo.

También puedes personalizar el tamaño y el color del texto, así como el ancho y la altura del logo personalizado.

Cargar logotipo personalizado en la página de inicio de sesión

El plugin también te permite personalizar completamente la página de inicio de sesión predeterminada de WordPress. Puedes agregar columnas e imágenes de fondo, cambiar los colores del formulario de inicio de sesión y más.

Básicamente, puedes crear una página de inicio de sesión personalizada de WordPress sin cambiar la URL de inicio de sesión predeterminada de WordPress.

Una vez que hayas terminado, simplemente haz clic en el botón ‘Publicar’ para guardar tus cambios. Ahora puedes visitar la página de inicio de sesión de WordPress para ver tu formulario de inicio de sesión personalizado en acción.

Vista previa del personalizador de inicio de sesión de Colorlib
Método 2: Cambiar el logo y la URL de inicio de sesión de WordPress con código

Este método te permite reemplazar manualmente el logo de WordPress en la pantalla de inicio de sesión con tu propio logo personalizado sin necesidad de un plugin. También es adecuado para temas de bloques.

Primero, necesitas subir tu logo personalizado a la biblioteca de medios. Simplemente ve a la página Medios » Añadir nuevo y sube tu logo personalizado.

Una vez que hayas subido la imagen, haz clic en el enlace ‘Editar’ junto a ella. Esto abrirá la página de edición de medios, donde necesitas copiar la URL del archivo y pegarla en un lugar conveniente, como un archivo de texto en blanco en tu computadora.

A continuación, necesitas agregar el siguiente fragmento de código al archivo functions.php de tu tema o usar el plugin WPCode para agregar código personalizado fácilmente sin romper tu sitio (recomendado):

function wpb_login_logo() { ?>
    <style type="text/css">
        #login h1 a, .login h1 a {
            background-image: url(http://path/to/your/custom-logo.png);
        height:100px;
        width:300px;
        background-size: 300px 100px;
        background-repeat: no-repeat;
        padding-bottom: 10px;
        }
    </style>
<?php }
add_action( 'login_enqueue_scripts', 'wpb_login_logo' );

No olvides reemplazar la URL de background-image en la Línea 4 con la URL del archivo que copiaste anteriormente. También puedes ajustar otras propiedades CSS para que coincidan con la imagen de tu logo personalizado.

Ahora puedes visitar la página de inicio de sesión de WordPress para ver tu logo personalizado.

Página de inicio de sesión de WordPress con logotipo personalizado

Sin embargo, este código solo reemplaza el logo de WordPress. No cambia el enlace del logo, que apunta al sitio web de WordPress.org.

Cambiemos esto.

Simplemente agrega el siguiente código al archivo functions.php de tu tema o a WPCode. Puedes pegarlo justo debajo del código que agregaste anteriormente:

function wpb_login_logo_url() {
    return home_url();
}
add_filter( 'login_headerurl', 'wpb_login_logo_url' );
 
function wpb_login_logo_url_title() {
    return 'Your Site Name and Info';
}
add_filter( 'login_headertitle', 'wpb_login_logo_url_title' );

No olvides reemplazar ‘Nombre e información de tu sitio’ con el nombre de tu sitio. El logo personalizado en tu pantalla de inicio de sesión ahora apuntará a la página de inicio de tu sitio.

Desactivar el selector de idioma de la página de inicio de sesión de WordPress

WordPress incluye una opción de inicio de sesión desplegable que permite a los usuarios seleccionar un nuevo idioma al iniciar sesión en un sitio web.

Si hay más de un idioma activo en el sitio, aparecerá esta opción. 

Ejemplo de selector de idioma en la pantalla de inicio de sesión

Esto funciona bien para sitios web multilingües y equipos con diferentes usuarios que podrían querer acceder al panel de WordPress en un idioma diferente.

Pero si deseas mantener tu página de inicio de sesión simple y tus usuarios no necesitan cambiar de idioma con frecuencia, eliminar el selector de idioma puede ayudar a simplificarla. Puedes hacer esto usando un plugin o código.

Método 1: Desactivar el selector de idioma con un plugin

Todo lo que necesitas hacer es instalar y activar el plugin Disable Login Language Switcher. Tras la activación, la opción del selector de idioma se eliminará automáticamente. No hay configuraciones adicionales que debas realizar.

Descargo de responsabilidad: Este plugin no ha sido probado con la última versión de WordPress. Sin embargo, cuando lo probamos en nuestro sitio de demostración, funcionó bien. Si aún no estás seguro, puedes consultar nuestra guía sobre el uso de plugins obsoletos.

Ahora, cuando vayas a tu pantalla de inicio de sesión, verás la pantalla de inicio de sesión estándar sin la opción del selector de idioma.

Ejemplo de pantalla de inicio de sesión estándar de WordPress
Método 2: Desactivar el selector de idioma con código

Otra forma de deshabilitar el selector de idioma es agregando código a WordPress.

Simplemente agrega el siguiente fragmento de código a tu archivo functions.php o en los snippets de WPCode. Para más detalles, consulta nuestro tutorial sobre cómo agregar fragmentos de código personalizados en WordPress:

add_filter( 'login_display_language_dropdown', '__return_false' );

Para más detalles, consulta nuestra guía sobre cómo deshabilitar el selector de idioma en la pantalla de inicio de sesión de WordPress.

Preguntas frecuentes sobre las páginas de inicio de sesión de WordPress

Aquí tienes algunas preguntas que nuestros lectores han hecho con frecuencia antes de diseñar sus páginas de inicio de sesión:

¿Cómo crear una página de inicio de sesión en WordPress sin un plugin?

Para crear una página de inicio de sesión personalizada sin un plugin, puedes crear una plantilla de página personalizada en tu tema y usar la función PHP wp_login_form(). Esto te permite mostrar un formulario de inicio de sesión en cualquier página, aunque necesitarás estilizarlo con CSS.

¿Cómo funciona el inicio de sesión de WordPress?

El sistema de inicio de sesión de WordPress funciona verificando tu nombre de usuario y contraseña contra los detalles del usuario almacenados en tu base de datos de WordPress. Una vez verificado, WordPress establece una cookie en el navegador para mantenerte conectado mientras navegas por el panel de administración.

¿Cuál es la página de inicio de sesión predeterminada para un sitio web de WordPress?

La página de inicio de sesión predeterminada para cualquier sitio web de WordPress se encuentra en el archivo wp-login.php. Puedes acceder a ella agregando /wp-login.php al final del nombre de dominio de tu sitio web.

¿Cuál es mi URL de inicio de sesión de WordPress?

Tu URL de inicio de sesión de WordPress suele ser tusitio.com/wp-admin o tusitio.com/login. Al ingresar cualquiera de estas URL, serás redirigido automáticamente a la pantalla de inicio de sesión estándar, donde podrás ingresar tus credenciales.

¿Cómo aseguro mi inicio de sesión de WordPress?

Puedes asegurar tu inicio de sesión de WordPress exigiendo contraseñas seguras y habilitando la autenticación de dos factores (2FA). También recomendamos limitar los intentos de inicio de sesión para prevenir ataques de fuerza bruta por parte de hackers.

¿Cómo configuro mi sitio de WordPress como "próximamente"?

La forma más fácil es usar SeedProd, que tiene un modo "Próximamente" incorporado. Esto te permite trabajar en tu sitio en privado mientras los visitantes ven una página temporal. Para configurar esto, consulta nuestro tutorial sobre cómo crear una página de "próximamente" en WordPress.

Eso es todo. Esperamos que este artículo te haya ayudado a aprender diferentes formas de crear una página de inicio de sesión de WordPress para tu sitio web. También te puede interesar nuestro tutorial sobre cómo agregar un inicio de sesión con Google en un clic en WordPress o nuestra guía sobre cómo agregar inicio de sesión OAuth en WordPress.

Si te gustó este artículo, suscríbete a nuestro Canal de YouTube para obtener tutoriales en video de WordPress. También puedes encontrarnos en Twitter y Facebook.

Descargo de responsabilidad: Nuestro contenido es compatible con el lector. Esto significa que si haces clic en algunos de nuestros enlaces, podemos ganar una comisión. Consulta cómo se financia WPBeginner, por qué es importante y cómo puedes apoyarnos. Aquí está nuestro proceso editorial.

El Kit de herramientas definitivo para WordPress

Obtén acceso GRATUITO a nuestro kit de herramientas: ¡una colección de productos y recursos relacionados con WordPress que todo profesional debería tener!

Interacciones del lector

97 CommentsLeave a Reply

  1. Hola, ¿cómo puedo editar la página de inicio de sesión sin ningún plugin? ¿Con HTML y CSS... y en el archivo del tema... ¿dónde está el archivo de inicio de sesión... ¡¡¡cuál tengo que editar!!! Por favor, ayúdame... gracias

  2. No veo las pantallas como se muestran en el artículo. ¿Hay una versión de pago de este plugin?
    Todo lo que veo son las opciones de Configuración y Extensiones en el menú de administración de TYL.

    David

    • El plugin Theme My Login tuvo una gran revisión después de que creamos este artículo; ciertamente analizaremos la actualización de este artículo.

      Admin

  3. Hola,

    Este es un artículo increíble. Tengo una duda en todo este proceso. ¿Cómo valido el nombre de usuario y la contraseña? No veo nada sobre eso en el artículo.

    ¿Por ejemplo, cómo sabe el formulario si el nombre de usuario y la contraseña son válidos?

    Saludos
    David DLima

  4. Soy nuevo en Wordpress y estoy intentando configurar un pequeño blog por mi cuenta.
    Estoy jugando con la idea de que los lectores inicien sesión para poder acceder a funciones adicionales.

    Por lo que entiendo en este hilo es cómo crear el formulario de inicio de sesión y aplicarlo a tu sitio, pero ¿cómo ajustas el acceso a las funciones o esencialmente para qué inician sesión?

    • Si bien Theme My Login se actualizó después de que se creó este artículo, ambos plugins aún deberían estar disponibles para crear una página de inicio de sesión.

      Admin

  5. Hola ,

    Gracias por todas sus respuestas y videos. ¡Gran ayuda! Tengo tres preguntas, agradecería mucho si respondieran.

    (i) También me desconcierta cuál podría ser el uso del "widget de inicio de sesión", si no incluye una opción de registro. Por lo tanto, los usuarios que no estén registrados tendrán que ser dirigidos a otra página.

    (ii) ¿Cómo integrar el inicio de sesión social con el "widget de inicio de sesión de Elementor"?

    (iii) ¿No hay forma de crear un "formulario de registro" usando Elementor?

    Gracias

    suresh

  6. ¡Estoy asombrado!

    No soy un tipo "técnico", pero poseo 6 o 7 sitios web mal administrados. Tengo grandes aspiraciones, pero no el talento ni el equipo para acompañarlas. Puede que me lleve hasta los 100 años, pero eventualmente construiré mi visión. Estoy trabajando en ello. Independientemente, ese no es el punto de esta publicación. Es solo para describirme.

    Estoy buscando más automatización, y específicamente estaba buscando una forma de crear/comprar/obtener un pop-up con inicios de sesión sociales (FB y Google) para construir mi lista, lo cual, si puedes recomendarme uno, te lo agradecería mucho.

    Leí uno de tus artículos y al salir, vi tu kit de herramientas definitivo. Con solo hojearlo, encontré respuestas a varias cosas que quería saber y 2 o 3 preguntas que ni siquiera sabía que tenía. Sé cuándo veo un lead magnet verdaderamente valioso, y solo quería tomarme un segundo para felicitarte por este. ¡VALOR GRATUITO!

    Gracias
    Joshua Houston

  7. ¿Puedo personalizar mi página de inicio de sesión predeterminada de WordPress sin ningún plugin? En realidad, solo necesito cambiar el logo de WordPress en la página /wp-login.

  8. ¿Hay alguna forma de enviar a los miembros a una página específica de inicio de sesión después de que hayan iniciado sesión? Gracias de antemano.

  9. Lo que realmente me gustaría hacer es que los usuarios lleguen a una página específica en mi sitio web sin importar de dónde vengan o qué enlace usen, incluso si es a una de las otras páginas de mi sitio.

    Una vez que hayan llegado, quiero redirigirlos a la página que eligieron visitar.

    ¿Podemos hacer esto y cómo?

  10. Quiero una sección donde el personal pueda iniciar sesión en una sola página donde habrá un formulario para que registren su trabajo diario.

    ¿Es esto posible y, en caso afirmativo, qué plugin se adaptaría mejor a mis necesidades?

  11. ¡Hola!

    He creado una biblioteca de recursos gratuitos para mi sitio web y quiero recopilar correos electrónicos a cambio de la contraseña para hacer crecer mi lista de correos. Me está costando mucho encontrar una forma de personalizar una página de entrada de contraseña porque no quiero que nadie tenga su propia cuenta ni nada, solo quiero que ingresen una contraseña que he establecido para que puedan acceder a la biblioteca. No me gusta la función de protección de contraseña de WP porque quiero poder recopilar correos electrónicos en la misma página en la que ingresan la contraseña, así que es como "Si tienes la contraseña, ingrésala aquí. Si no tienes la contraseña, ingresa tu correo electrónico y te la enviaré". ¿Podría hacer algo así aquí? ¿Tienes alguna sugerencia? ¡Te lo agradecería enormemente porque he estado atascada en este problema durante unos 3 días!

    Muchas gracias,

    Sierra

    • Hola Sierra,

      Si estás usando WPForms, entonces puedes redirigir a los usuarios a la página de descarga. También puedes enviarles una notificación por correo electrónico con el enlace de descarga o la contraseña. Otra solución podría ser enviar el enlace o la contraseña en una respuesta automática usando tu software de marketing por correo electrónico. De esta manera, también podrás verificar su dirección de correo electrónico.

      Espero que esto ayude

      Admin

    • Hola Sierra, me he topado con tu publicación. Acabo de empezar a construir mi blog y me enfrento al mismo problema que tú. ¿Te importaría compartir tu consejo sobre cómo crear una página protegida con contraseña para los usuarios y obtener su dirección de correo electrónico para el boletín? Gracias de antemano, Rob

  12. ¿cómo agregar inicio de sesión en redes sociales? Quiero agregar inicio de sesión en redes sociales pero no puedo usar ningún plugin de terceros. ¿Cómo hacerlo?

  13. Este es un gran artículo, pero ¿cómo podemos hacer lo que tienes actualmente en wpbeginner.com/wp-admin?

    Pide una contraseña antes de cargar la página. ¿Cómo podemos lograr esto?

  14. Estoy usando el plugin 'Admin Custom Login' y me gustaría que esta página fuera para el inicio de sesión/registro normal de suscriptores. ¿Puedo hacer una página de menú en WP con esta dirección?
    Gracias.

  15. Hola,

    Solo me gustaría crear una página de inicio de sesión y un enlace para que los usuarios puedan subir publicaciones y fotos. Intenté con TML pero no parece pasar nada cuando actualizo mi página de inicio. Y mi versión de WPForms es lite. No tengo dinero para comprar la versión completa si eso es lo que se necesita. ¡Solo quiero que mis usuarios tengan una página de inicio de sesión! Y consejos

    • Hola Chaz,

      Por favor, revisa la configuración de inicio de sesión de tu tema. También puedes intentar actualizar los enlaces permanentes de WordPress. Simplemente visita Ajustes » Enlaces permanentes y luego haz clic en el botón de guardar cambios sin cambiar nada.

      Admin

  16. hola
    Estoy tratando de encontrar el código para personalizar la página de inicio de sesión de WordPress usando mis propios campos personalizados. ¿Puedes ayudarme con el código para eso?

  17. Necesito ayuda, necesito poder agregar un inicio de sesión de cliente a mi sitio web pero solo para algunas páginas, no recuerdo cómo hacer esto. No construyo sitios todo el tiempo. Quiero que el sitio sea gratuito para que todos puedan verlo, solo necesito algunas páginas para mis clientes y agentes.

  18. el nombre de usuario y la contraseña para la página de inicio de sesión, ¿son los mismos para acceder al área de administración o necesitamos crear un nuevo nombre de usuario y contraseña para el área de inicio de sesión personalizada?

  19. TML es un buen plugin que estamos usando en nuestro sitio web. Sin embargo, la página de inicio de sesión a veces redirige a la página de inicio en nuestro sitio web de viajes, pero cada vez que se elimina la caché, funciona bien...
    Gracias por tus sugerencias..

  20. Estaba buscando crear mi propia plantilla de página de inicio de sesión con todas las funcionalidades. ¿Hay alguna forma de crear mi propia plantilla de página de inicio de sesión sin un plugin? O una sección de codex donde podamos aprender y crear nuestra propia plantilla de inicio de sesión.

  21. Hola,

    Intenté implementar el plugin de inicio de sesión de mi tema en mi sitio web, pero ahora ni siquiera puedo iniciar sesión como administrador. ¿Cuál podría ser el problema?

    • Hola,

      solo puedes abrir desde túsitio/wp-login.php
      Reemplaza túsitio con el nombre de tu sitio web.

      Si deseas eliminar el plugin, cámbiale el nombre a algo más accediendo al plugin a través de FileZilla/WinSCP o desde tu cPanel.

  22. Hola, solo quería saber si cuando creas un inicio de sesión como este, los miembros del sitio son redirigidos a su propia cuenta. Dirijo una empresa de impuestos y quiero que mis clientes puedan acceder a su cuenta y luego subir archivos a través de ella, así como ver el estado de su declaración de impuestos específica. Su cuenta tendría que estar vinculada a sus IDs de inicio de sesión para que puedan ver lo que es específico para ellos. Por favor, házmelo saber, gracias.

    • Desde la configuración del backend de WordPress -> general

      permitir el registro de usuarios. Será algo como esto:

      Configuración de registro

      Permitir nuevas registraciones Configuración de nuevas registraciones La registración está deshabilitada.
      Se pueden registrar cuentas de usuario.
      Los usuarios conectados pueden registrar nuevos sitios.
      Se pueden registrar tanto sitios como cuentas de usuario.

  23. Hola, he instalado el plugin TML pero no pude encontrar ningún shortcode para las páginas de 'Registro' y 'Inicio de sesión' para mostrarlas en el front-end. Por favor, ayúdenme. Gracias.

  24. Instalé TML pero no aparece el inicio de sesión en el sitio web. (Última actualización de WP

    No hay ID de página disponible en la configuración general. Por lo tanto, TML no funciona.

  25. He estado intentando durante quién sabe cuántos días y hoy varias horas instalando y desinstalando plugins de inicio de sesión/registro. He seguido todas las lecciones a lo largo del camino y las tuyas de cerca. Pero, otro fracaso total. Esto no funcionó. Creó todas las páginas pero puso el formulario de perfil/registro en todas ellas. ¡Me rindo! ¿Cómo consiguen todos estos sitios inicios de sesión? Porque nada de lo que he probado funciona. Puedo escribir un libro sobre todos los plugins y programas que he intentado. No voy a contratar a un desarrollador web para que ponga uno porque esta tarea no debería ser tan difícil. Pero puedo decirte que debe serlo.

    Tendré que prescindir de ello, como de muchas cosas en WordPress que simplemente no son accesibles para todos, solo para los desarrolladores web. Es una lástima que uno no pueda tener un sitio normal decente como los desarrolladores web. Quedarme sin muchas funciones se está convirtiendo en un problema real para mí y para WordPress. Cuando los foros no ayudan, y los plugins no funcionan, simplemente tengo que rendirme y prescindir.

    • no es difícil ni usé un plugin la última vez, está en la página del menú pero olvidé cómo hacerlo, un tipo quería cobrarme $80 por hacerlo y tampoco pagaré. es fácil no recuerdo cómo hacerlo, he estado buscando durante días.

  26. Me harté de intentarlo con esto. Estoy segura de que es un gran plugin, pero es inconsistente. No puedo encontrar la página de inicio de sesión, aparece intermitentemente y luego no puedo hacer que una página de registro funcione correctamente.
    ¡Pfft! Cansada

  27. guau, gracias por el video, muy útil.

    una pregunta más: estoy creando un sitio con membresía de pago. Quiero personalizar no solo la página de inicio de sesión, sino también la página predeterminada de WP que obtienes cuando has iniciado sesión (es decir, con el panel a la izquierda, etc.) ¿hay algún plugin para eso? ¿o se necesita codificación?

    Gracias
    Anna

  28. ¿Alguien sabe cómo mover un sitio que tiene este plugin instalado? Cuando intento mover el sitio, la página de inicio de sesión deja de funcionar por completo.

    Gracias por cualquier sugerencia.

  29. Me encontré con este plugin recientemente y ¡ME ENCANTA! Estoy tratando de averiguar cómo verificar que una persona ha iniciado sesión antes de permitirle escribir una publicación usando Gravity Forms.

    Todos los formularios funcionan correctamente, encontré un código genérico para redirigir a wp-login.php pero como estoy usando el plugin, quiero que redirija a lo mismo que la pantalla de inicio de sesión de mi tema.

    Aquí hay un código de ejemplo: (configurado como page_loggedin.php)

    <?php else:
    wp_die('Lo sentimos, primero debes iniciar sesión para ver esta página. Puedes registrarte gratis aquí.');
    endif; ?>

    No quiero referencias de sitio codificadas, ¡así que cualquier ayuda con el código PHP será apreciada! La opción preferida sería si el usuario no ha iniciado sesión, la redirección como lo hace el plugin (¡pero aún no encuentro cómo lo hace!)

    Ken

  30. Acabo de obtener Theme My Login, versión 6.3.9, y lo instalé en mi tema de WordPress (versión de WP 3.9). Activé el plugin pero no veo Theme My Loging dentro (debajo) de Configuración, lo que sí veo es un TML debajo de Configuración que muestra los módulos y general, pero no hay pestañas. ¡Ayuda!

  31. Me gusta este plugin
    ¿Cómo elimino las viñetas de 'contraseña perdida' y 'registrar' si estoy en la página de inicio de sesión? ¿Y elimino 'contraseña perdida' si estoy en la página de registro?
    Quiero mantener estas opciones pero eliminar las viñetas.

  32. ¿Necesito actualizar mi WordPress a la versión Enterprise para tener la función de plugin en mi sitio web e instalar tu función de inicio de sesión personalizada?

  33. ¿Se puede usar esta página de inicio de sesión para iniciar sesión en una página específica de un sitio web? No quiero que la gente inicie sesión en la sección de administración, pero cuando hagan clic en el enlace de una página en particular, quiero que la gente pueda iniciar sesión con un nombre de usuario y contraseña solo para esa página. Necesitan poder crear una cuenta y su propia contraseña, por eso no puedo usar la opción protegida por contraseña que ofrece WordPress por página. Los nombres de usuario y contraseñas de todos los miembros deben ser únicos.

  34. Es un muy buen plugin para iniciar sesión. Pero si queremos deshabilitar el encabezado y el pie de página usando este plugin, ¿cómo podemos hacerlo? Si alguien sabe esto, por favor suba su respuesta y dámela solo a mi ID de correo electrónico.

  35. Este plugin está bien, excepto si alguien pierde su contraseña. No sé si soy yo, pero el plugin no parece comunicarse muy bien con WordPress. Por ejemplo, James pierde su contraseña de mi sitio. Solicita que se le envíe una nueva contraseña. James recibe un correo electrónico diciendo que perdió su contraseña, pero que debe ir a un sitio web *en blanco* para restablecerla. Desafortunadamente, no hay ningún lugar para que James vaya a recuperar/restablecer su contraseña. Ahora, podría estar equivocado en esto, pero hasta ahora, no he encontrado ninguna solución a este problema.

    • Es compatible. La única razón por la que el autor del plugin no ha actualizado el archivo readme del plugin es porque aún no han lanzado nuevas funciones. Funciona perfectamente.

      Admin

Deja una respuesta

Gracias por elegir dejar un comentario. Ten en cuenta que todos los comentarios se moderan de acuerdo con nuestra política de comentarios, y tu dirección de correo electrónico NO se publicará. Por favor, NO uses palabras clave en el campo del nombre. Tengamos una conversación personal y significativa.