Impresione a sus clientes con una página de inicio de sesión de WordPress personalizada (en 5 pasos)

Al crear un sitio web para un cliente, su primer gusto en su trabajo a menudo es la página de inicio de sesión de WordPress. Sin embargo, de forma predeterminada, cada página de autenticación de WordPress se ve exactamente igual. Esta no es exactamente una fuerte impresión inicial. Afortunadamente, hay muchas maneras de personalizar la pantalla de autenticación de WordPress. Esto incluye cambios visuales, como reemplazar el logotipo de WordPress con la marca de sus clientes, así como cambios funcionales. Con algunos ajustes simples, puede crear una pantalla de conexión que sorprenda a sus clientes de inmediato.
En este artículo, le mostraremos cómo personalizar cada parte de la página de inicio de sesión de WordPress en cinco simples pasos. ¡Vamos a empezar! ¿Por qué podría personalizar la pantalla de conexión de registro de WordPress WordPress es cómo los administradores y otros usuarios registrados acceden al tablero de WordPress muy importante? Por defecto, la pantalla de conexión presenta el logotipo y la marca reconocidos de WordPress, además de los campos donde puede ingresar su nombre de usuario y contraseña:

Esta configuración estándar puede ser perfectamente aceptable cuando usted es la única persona que accede a WordPress Back-end. Sin embargo, si crea un sitio para un cliente, le recomendamos que piense en personalizar la pantalla de conexión predeterminada.
WordPress es un sistema de gestión de contenido (CMS) extremadamente popular. Sin embargo, esto significa que también es muy fácil de reconocer. Si la primera impresión de su cliente sobre su sitio web es la pantalla de inicio de sesión de WordPress Stock, puede preguntar si su agencia ofrece un valor real. Por estas razones, es posible que desee reconstruir la pantalla de autenticación de WordPress. Una autenticación personalizada causará una impresión mucho mejor en comparación con la alternativa genérica, la marca WordPress. Además, la agencia puede presentarlo como un profesional, meticuloso y siempre dispuesto a hacer esfuerzos adicionales para mantener contentos a sus clientes. Incluso puede agregar su propia marca a la página de conexión de WordPress personalizada. Esto puede ayudarlo a mantener su agencia frente a las mentes de los clientes y crear una fuerte conexión mental entre su empresa y su sitio. Esto alienta al cliente a ver a su agencia como intrínseca al éxito de su sitio, lo que puede resultar invaluable cuando es hora de que renovan su contrato. También puede agregar características mejoradas. Estas características podrían ayudar al cliente a consultar el sitio web o ayudar a los clientes a resolver los problemas que enfrentan de forma independiente. Alternativamente, estas características adicionales pueden mejorar la seguridad. Como WordPress representa el 94% del CMSS pirateado en 2019, es esencial proteger su tablero de sus clientes maliciosos de terceros.
Cómo impresionar a sus clientes con una página personalizada de autenticación de WordPress (en 5 pasos) Puede crear una pantalla de autenticación de WordPress personalizada utilizando una amplia gama de complementos y herramientas. En este tutorial, utilizaremos el personalizador de página de inicio de sesión de complemento personalizado de LoginPress. Puede usar este complemento para personalizar la página de conexión de WordPress y agregar características adicionales. Una vez que lo haya instalado y activado, puede hundirse en nuestro plan de cinco pasos para crear una experiencia de conexión personalizada para sus clientes. Paso 1: Access LoginPress Personalización Puede rediseñar visualmente la página de autenticación y puede agregar funciones adicionales utilizando el LoginPress de personalizador de personalizador . Para acceder a esta herramienta, explore loginpress> Personalizar en el tablero de WordPress. Si va a iniciar sesión por primera vez, se le pedirá que se registre para la recopilación de datos. Puede optar por pagar o rechazar esta solicitud como desee, pero asegúrese de informar a su cliente sobre su decisión:
Luego será redirigido a LoginPress Customizer. Si usted o su cliente cambian de opinión, puede registrarse o renunciar al seguimiento de LoginPress en cualquier momento. Simplemente explore complementos> complementos instalados. Encuentre loginpress en la lista y seleccione el enlace complementario ocho en / ocho fuera. Paso 2: Tenga en cuenta la pantalla de autenticación de WordPress que puede usar LoginPress para etiquetar la pantalla de conexión de WordPress con marca personalizada. Esto puede ayudarlo a proporcionar una experiencia personalizada para su cliente.
Ya sea que tenga la intención de usar su cliente o su marca, generalmente querrá eliminar el logotipo de WordPress. En el menú en la barra lateral, seleccione logotipo. Luego puede hacer clic en la imagen del logotipo> Seleccione la imagen y elija el archivo que desee usar: también puede incorporar una URL en el logotipo elegido para enviar a los usuarios que hacen clic en él en la página de inicio del sitio. Por ejemplo, si muestra el logotipo de su agencia, puede enviar un enlace al sitio web de la agencia. Puede agregar esta dirección al campo URL del logotipo.

Mientras está en esta pantalla, le recomendamos que proporcione un título de inicio de sesión. Este es el texto que aparece en la pestaña del navegador:
Alternativamente, puede eliminar el logotipo de su página personalizada de autenticación de WordPress utilizando la opción de descendencia. Esto puede ser útil si proporciona un sitio web vacío que el cliente pretende rehacer.

Paso 3: Cambie la imagen de fondo Uno de los cambios más llamativos que puede hacer que su página de autenticación de WordPress personalizada es cambiar su fondo. Para reemplazar el fondo gris de WordPress simple, seleccione la imagen de fondo> Seleccione la imagen. Luego puede elegir el archivo que desea usar:
Alternativamente, puede usar un video para el fondo. Esto puede crear un efecto atractivo, aunque puede recibir atención. Los videos también pueden afectar el tiempo de carga de la página cuando se accede a la pantalla de conexión a través de una conexión a Internet más lenta. Si decide crear un fondo animado, seleccione activar el video de fondo:

Esto revelará la configuración que necesita para cargar el video. Luego puede configurar la forma en que aparece su nuevo fondo en la pantalla de inicio de sesión. Esto incluye desactivar el sonido de video, si es necesario. PAS 4: Personalizar el formulario de conexión, también puede modificar el formulario de conexión en sí. Esto incluye cambiar la imagen de fondo o el color y el color de diferentes etiquetas que aparecen dentro del formulario, como el cuadro de selección Remember Me. Para cambiar el fondo de la forma, seleccione el color de fondo de color. Luego puede usar el selector de color para elegir su nuevo look:

Alternativamente, puede eliminar completamente el fondo del formulario de conexión, utilizando el control deslizante de activación de transparencia. Esto puede ser útil si diseña una página de autenticación de WordPress personalizada simplificada. También puede crear un efecto interesante si usa un fondo ocupado o particularmente llamativo y no desea distraer su atención o cubrirla:

También puede cambiar el color de las etiquetas de texto que aparecen en el formulario de conexión. Por ejemplo, puede hacer que estas etiquetas sean más fáciles de leer contrastándolas con la imagen de fondo. En la parte inferior de esta pantalla, encontrará la configuración del color de la etiqueta de color. Esto controla el color de las etiquetas de campo Nombre de usuario o correo electrónico y contraseña:

También puedes cambiar el color de la etiqueta Record Me. Para personalizar este texto, haga clic en la diapositiva de la etiqueta Remember Me y use los pedidos que se encuentran aquí. Paso 5: Reemplace los mensajes de error predeterminados de WordPress tienen una serie de mensajes de error predeterminados que muestran si alguien ingresa su nombre de usuario o contraseña incorrectos. Estos mensajes de error identifican claramente el problema. Por ejemplo, dicen que el nombre de usuario o la dirección de correo electrónico inválido no es correcta para indicar qué credenciales evitan que el usuario obtenga acceso. Puede usar LoginPress para personalizar estos mensajes de error. Por ejemplo, puede editar estos mensajes predeterminados para proporcionar más información sobre cuál es el error y cómo remediarlo. Esto puede ser útil si su cliente no tiene una experiencia especial de WordPress. Además, es posible que desee proporcionar esta información adicional si el cliente no ha organizado proporcionar asistencia técnica continua. Si bien los mensajes informativos pueden ayudar a los usuarios legítimos a acceder a sus cuentas de WordPress, también pueden proporcionar información útil para los piratas informáticos. Terceros tristes a veces pueden intentar acceder a sitios web utilizando contraseñas y nombres de usuario comunes. Los mensajes de error predeterminados pueden ayudar a los piratas informáticos a identificar cuándo han ingresado un nombre de usuario o contraseña correcta. Para ayudar a proteger el tablero de administración de WordPress del cliente, es posible que desee realizar estos mensajes de error más genéricos. Para editarlos, seleccione Mensajes de error en el menú personalizado:
Ahora puede realizar los cambios deseados en todos los mensajes de error de inicio de sesión. Estos campos son compatibles con el formato HTML. Esto le permite agregar algunos elementos estilísticos, como el texto importante e italiano. Conclusión La página de autenticación predeterminada de WordPress hace su trabajo, pero no es exactamente inspirador. Si va a sorprender a sus clientes, le recomendamos que cambie la página de conexión y, tal vez, cambie su funcionalidad. Usando un complemento, como personalizador de página de inicio de sesión personalizado, puede crear una pantalla de conexión única de cinco pasos: Access LoginPress Personalización.

Tenga en cuenta la pantalla de inicio de sesión de WordPress.

Cambie la imagen de fondo.

Personalizar el formulario de autenticación.

Reemplace los mensajes de error predeterminados.
¿Tiene alguna pregunta sobre la creación de una página de autenticación de WordPress personalizada? ¡Pregunte en la sección de comentarios a continuación! Créditos de imagen: imagen presentada, ejemplo de imagen de fondo.