UA-51298262-10
WordPress

Crear una página personalizada de inicio de sesión

By mayo 7, 2019julio 24th, 2020No Comments

Si se le ha pasado por la mente personalizar su página de inicio de sesión en WordPress, pues le decimos que esto ya es posible.

Comenzar a crear una página de inicio de sesión completamente personalizable puede mejorar sustantivamente la experiencia de nuestros usuarios y futuros clientes. Este tipo de páginas personalizadas suelen ser bastante adaptables para sitios web de membresias o tiendas en línea.

En el artículo que le traemos hoy en Ayuda Hosting les estaremos mostrando las diferentes formas que existen hasta el momento para crear una página de inicio de sesión completamente personalizada para WordPress.

También te puede interesar nuestra guía sobre cómo modificar la dirección de login a WordPress.

Crear una página personalizada de inicio de sesión

¿Por qué personalizar la pagina de inicio de WordPress?

WordPress contiene una herramienta bastante útil de gestión de usuarios. Esto nos ayuda a crear cuentas en sitios web, páginas de membresía y tiendas electrónicas.

Como ya conocemos, WordPress muestra por defecto su logotipo en la página de inicio de sesión. Esto funciona perfectamente si nos encontramos desarrollando un pequeño blog personal, ya que somos la única persona que tiene acceso de administrador.

Por lo general se muestra algo como la imagen que veremos a continuación:

Aunque si posees una página web que permite registrarse a diferentes usuarios e iniciar sesión, lo que mejor se puede adaptar para tu página web será una página personalizada de inicio de sesión, haciendo que sus usuarios logren una experiencia inigualable.

Al estar utilizando un logotipo propio y un diseño hará que sus usuarios se sientan como en su hogar. Mientras que al dirigir a todos nuestro usuarios a una página de inicio de sesión que contenga únicamente el logotipo de WordPress, puede resultar sospechoso e incluso llegar al punto de generar desconfianza.

La pantalla de inicio de sesión no tiene mas nada sino únicamente un formulario de inicio de sesión. Este espacio podemos utilizarlo para promocionar otras páginas o hasta para promocionar nuestros productos.

Ahora vayamos a mostrarles algunos ejemplos de los mejores diseños personalizados para páginas de inicio de sesión gestionadas con WordPress.

Diseños para páginas de inicio de sesión en WordPress

Así como en la mayoría de las cosas que nos ofrece WordPress, cuando nos dirigimos a realizar una página personalizada de inicio de sesión tenemos de un abanico de diferentes estilos y técnicas que podemos utilizar para lograr el mejor acabado.

En algunos casos, podemos iniciar una página de inicio de sesión utilizando los colores de nuestro tema. Mientras que en otros, se puede agregar un fondo personalizado con un logotipo o el color que mejor se adapte a nuestros gustos.

WPForms

WPForms es uno de los mejores plugins que se puede utilizar para crear un formulario de contacto de WordPress. Como era de esperar, también incluye una opción para crear una página de inicio de sesión personalizada.

Por defecto, este plugin utiliza un diseño de dos columnas. La columna que se encuentra al lado izquierdo contiene el formulario de inicio de sesión, mientras que del lado derecho podemos encontrar resaltar las promociones e incluso podemos colocar un llamado a la acción. En el ejemplo que le mostramos en la imagen anterior, se puede notar cómo se utiliza una página de inicio de sesión para compartir un informe anual. Utilizan una marca personalizada, una imagen de fondo y los colores que representan a la marca.

Rock My Wedding

Gracias a la página web Rock My Wedding tenemos la posibilidad de utilizar sus funciones para crear un formulario de inicio de sesión. Éste comprende de una ventana emergente que le permite a los usuarios iniciar sesión directamente en nuestra página sin salir de ella. Al hacer el tiempo de carga más rápido le estaremos ofreciendo al usuario una experiencia mucho más agradable.

Jacquelynne Steves

Esta página web se encuentra enfocada hacia las manualidades y el arte. En ella el autor publica contenido enfocado al hogar, diseños y bordados de todo tipo de edredones. Como se observa en la imagen anterior, su página de inicio de sesión utiliza un imagen personalizada que tiene gran relación con el tema, mientras que a la derecha podemos observar el formulario de inicio de sesión.

Church Motion Graphics

Esta empresa muestra un diseño que contiene gráficos en movimiento y que utilizan gran colorido. Además, utiliza el mismo encabezado, pie de página y menús que contiene su sitio web al iniciar sesión. El formulario para iniciar sesión en esta página web es bastante simple, el cual, fue colocado sobre un fondo oscuro.

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

Existe una gran cantidad de plugins ideados para WordPress y que se encuentran enfocados para diseñar nuestra propia pagina de inicio de sesión. En este articulo les traemos una colección de ellos, haciendo que usted pueda seleccionar el que mejor le guste o se adapte a sus necesidades.

Diseñar una pagina de inicio de sesión con Theme My Login

En primer lugar, debemos llevar a cabo la instalación y activación del plugin Theme My LoginSi quiere conocer más acerca de cómo instalar un plugin de WordPress puede consultar nuestra guía.

Una vez lo tenga activado, el plugin creará de forma automática un URL para comenzar a generar todas sus acciones de inicio o cierre de sesión y otras opciones como el registro, olvido su contraseña y el restablecimiento de su contraseña.

Estas URL se pueden personalizar dirigiéndose a la pagina “General” de inicio de sesión y luego deberá desplazarse a la opción “Slugs” para poder editar sus URL utilizadas por este plugin.

 

El plugin le permite utilizar la posibilidad de crear shortcodes para diseñar páginas de registro o de inicio de sesión totalmente personalizadas. Puede comenzar una página para cada unas de las acciones que necesite y luego insertarlas en el “Slug” para que el plugin pueda encontrarlos y redirigir a sus usuarios.

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

Diríjase a “Agregar nuevo” para crear una nueva pagina en WordPress. Coloque el titulo que mejor guste para luego ingresar el código:

[theme-my-login]

Luego ya puede publicar su página y observar una vista previa de cómo ha quedado su pagina de inicio de sesión.

Ahora, repita este proceso para crear diferentes páginas por medio de shortcodes.

Para un formulario de registro:

[theme-my-login action = "register"]

En cuanto a recuperar una contraseña perdida:

[theme-my-login action = "lostpassword"]

Para restablecer contraseña:

[theme-my-login action = "resetpass”]

Diseñar una pagina de inicio de sesión con WPForms

WPForms hasta el momento es uno de los mejores complementos que nos puede servir como una excelente herramienta para diseñar una pagina de inicio de sesión en WordPress.

Para utilizar este plugin necesitará un plan premium de WordPress para acceder a todo el contenido que ofrece esta herramienta.

Debe llevar a cabo la instalación y activación del plugin WPForms. Si quiere conocer más acerca de cómo instalar un plugin de WordPress puede consultar nuestra guía.

Cuando realice la activación del plugin debe dirigirse a la página de configuración del plugin WPForms. Allí deberá colocar su clave de licencia. Esta información solicitada la puede conseguir directamente en el sitio web de WPForms.

Luego de ingresar su clave de licencia podrá instalar todos los complementos que trae WPForms. Para hacerlo, vaya a “WPForms” » “Complementos” y seleccione el utilizado para registro de usuarios.

Luego, haga clic en la opción “Instalar” para descargar y activar el complemento. Una vez terminado el proceso, ya puede comenzar a generar de forma personalizada sus propios formularios de inicio de sesión.

Vaya directamente a “WPForms” » “Agregar nueva página” y diríjase hasta abajo para conseguir la opción “Formulario de inicio de sesión de usuario” para seguir con el proceso.

De forma inmediata el plugin cargará un formulario de inicio de sesión con campos obligatorios. Al tenerlos, podrá seleccionarlos para colocar la descripción que necesite en ellos.

También podrá conseguir otras opciones de configuración.

A su vez, tiene la posibilidad de decidir que sucederá una vez que el usuario inicie sesión, es decir, a que pagina se redirigirá. Esto puede gestionarlo en la sección de “Configuración” » “Confirmación” y seleccionar la que mejor se adapte.

Puede llevar al usuario a cualquier dirección que necesite o solo dirigirlo a la página de inicio de su sitio web.

Cuando se encuentre totalmente satisfecho con la configuración del formulario, no olvide seleccionar la opción “Guardar”. Luego puede dirigirse a su pagina principal para observar como ha quedado su pagina personalizada de inicio de sesión.

Este sitio web utiliza cookies para que usted tenga la mejor experiencia de usuario. Si continúa navegando está dando su consentimiento para la aceptación de las mencionadas cookies y la aceptación de nuestra política de cookies, pinche el enlace para mayor información. ACEPTAR

Aviso de cookies
AyudaHosting.online
Estamos en las redes sociales para ayudarte...
¡SÍGUENOS EN FACEBOOK!
¡ÚNETE A NUESTRO GRUPO DE AYUDA HOSTING!
We use cookies to help give you the best experience on our website.
By continuing without changing your cookie settings, we assume you agree to this. Please read our
Ok, I Agree