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

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

A menudo es la primera impresión que la gente tiene 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 para principiantes y avanzados para que puedas elegir el enfoque adecuado para tu sitio.

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

• ¿Por qué crear una página de inicio de sesión personalizada de WordPress?
• Ejemplos de diseño de página de inicio de sesión de WordPress
• Crear una página de inicio de sesión de WordPress usando Theme My Login (Gratis)
• Crear una página de inicio de sesión personalizada de WordPress usando WPForms
• Crear una página de inicio de sesión personalizada de WordPress usando SeedProd (Recomendado)
• Cambiar el logotipo y la URL de inicio de sesión de WordPress
• Deshabilitar el selector de idioma de la página de inicio de sesión de WordPress

¿Por qué crear una página de inicio de sesión personalizada de 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 logotipo de WordPress. Esto está bien si eres la única persona con acceso de administrador o tienes muy pocos usuarios.

Sin embargo, si tu sitio web permite a los usuarios registrarse e iniciar sesión, entonces 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 WordPress no se parece en nada a tu sitio web. Probablemente se sentirán más cómodos si utilizas el logotipo y el diseño de tu negocio.

Por último, la pantalla de inicio de sesión predeterminada no contiene nada más que 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.

Es por eso que 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, aquí está la página de inicio de sesión personalizada que usamos para el sitio web de videos de capacitación de WPBeginner.

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

Ejemplos de diseño de página 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 agregando un fondo, colores y logotipo personalizados.

Aquí tienes algunos ejemplos de lo que es posible.

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

Jacquelynne Steeves es un sitio web de artes y manualidades donde la autora publica contenido sobre decoración de hogares, confección de edredones, patrones, bordados 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

La página de inicio de sesión de esta empresa de diseño de motion graphics tiene un fondo colorido que refleja su negocio.

Utiliza el mismo encabezado, 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

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

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

Ahora, ¿estás 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 tu página de inicio de sesión para que coincida con tu tema de WordPress. No es muy personalizable, pero reemplazará la página de inicio de sesión predeterminada con la marca de WordPress y la hará lucir más profesional.

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

Al activarse, Theme My Login crea automáticamente URLs para tus acciones personalizadas de inicio de sesión, cierre de sesión, registro, olvido de contraseña y restablecimiento de contraseña.

Puedes personalizar estas URLs de inicio de sesión de WordPress visitando la página Theme My Login » General. Desplázate hacia abajo hasta la sección ‘Slugs’ para modificar las URLs que utiliza el plugin para las acciones de inicio de sesión.

Theme My Login también te permite usar shortcodes para crear páginas personalizadas de inicio de sesión y registro. Simplemente puedes 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.

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

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

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

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

Repite 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 olvidada

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

Crear 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. Te permite crear fácilmente formularios personalizados de inicio de sesión y registro para tu 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: SAVE50

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 » Configuración para introducir tu clave de licencia. Puedes encontrar esta información en tu cuenta en el sitio web de WPForms.

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

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

A continuación, haz clic en el botón ‘Instalar Complemento’ para descargar y activar el complemento. Ahora estás listo para crear tus formularios de inicio de sesión personalizados.

Dirígete a la página WPForms » Agregar 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.

WPForms cargará el Formulario de inicio de sesión de usuario con los campos requeridos.

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

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.

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

Deberás ir a la pestaña Configuración » Confirmación y seleccionar una acción. Puedes redirigir al usuario a cualquier otra URL, redirigirlos a la página de inicio o simplemente mostrarles un mensaje de que ahora han iniciado sesión.

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.

Agregar tu formulario de inicio de sesión personalizado a una página de WordPress

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

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

A continuación, selecciona el formulario de inicio de sesión que creaste anteriormente y el bloque de 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 agregar 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.

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 quieres encargarte de toda la página por completo y diseñar algo desde cero, entonces puedes usar un plugin constructor de páginas de WordPress.

SeedProd es el mejor constructor de páginas de destino para WordPress. 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, incluyendo una página de inicio de sesión, una página de próxima apertura, 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.

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

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

Para empezar, ve a SeedProd » Landing Pages 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’.

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.

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

Una vez que hayas ingresado estos detalles, haz clic en el botón ‘Guardar y empezar a editar la 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.

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

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.

Después de eso, debes dirigirte a la pestaña Configuración de la página. En la 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 para usar un enlace de SeedProd y agregar tu enlace de afiliado de SeedProd para ganar más dinero en línea.

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 for WordPress (AIOSEO) 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.

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 Google Analytics código, el píxel de Facebook u otro código de seguimiento aquí.

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

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.

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 podría verse como la de abajo.

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

Cambiar el logotipo y la URL de inicio de sesión de WordPress

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 hacerlo fácilmente usando un plugin de WordPress o agregando 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 usando un plugin

Lo primero que necesitas 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 añade 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.

Ten en cuenta que esta opción no está disponible si estás utilizando un tema de bloques, por lo que recomendamos usar el método de código si ese es el caso.

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 por el tuyo, haz clic en la pestaña 'Opciones de logo' a la derecha.

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 del texto y el color, así como el ancho y la altura del logo personalizado.

El plugin también te permite personalizar completamente la página de inicio de sesión predeterminada de WordPress. Puedes añadir 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.

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 añadir el siguiente fragmento de código al archivo functions.php de tu tema o usar el plugin WPCode para añadir 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 tu imagen de logo personalizada.

Ahora puedes visitar la página de inicio de sesión de WordPress para ver tu logo 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 añade el siguiente código al archivo functions.php de tu tema o a WPCode. Puedes pegarlo justo debajo del código que añadiste 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.

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

El lanzamiento de WordPress 5.9 introdujo una nueva 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. 

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 desea mantener su página de inicio de sesión simple y sus usuarios no necesitan cambiar de idioma con frecuencia, eliminar el selector de idioma puede ayudar a despejarla. Puede hacer esto usando un plugin o código.

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

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

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.

Método 2: Desactivar el selector de idioma con código

Otra forma de desactivar 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 desactivar el selector de idioma en la pantalla de inicio de sesión de 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 de Google con 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.