Últimas noticias de SeedProd

Tutoriales, consejos y recursos de WordPress para hacer crecer tu negocio

personalizar página protegida por contraseña wordpress

Cómo personalizar las páginas protegidas con contraseña en WordPress 

Escrito por: imagen de autor Stacey Corrin
imagen de autor Stacey Corrin
Stacey lleva más de 10 años escribiendo sobre WordPress y marketing digital, y mucho más tiempo sobre otros temas. Además, le fascinan el diseño web, la experiencia de usuario y el SEO.
     Revisado por: John Turner
imagen del revisor John Turner
John Turner es el cofundador de SeedProd. Cuenta con más de 20 años de experiencia empresarial y de desarrollo y sus plugins se han descargado más de 25 millones de veces.

Nuestros lectores nos preguntan a menudo sobre la personalización de páginas protegidas con contraseña en WordPress. Es una forma estupenda de mejorar la experiencia del usuario y aumentar las suscripciones. Además, puedes promocionar otras páginas de tu sitio web.

El problema es que colgar el diseño de páginas bloqueadas no es fácil. A menudo se necesita un desarrollador o conocimientos de codificación. Pero no te preocupes.

En este tutorial paso a paso, explicaremos cómo personalizar una página protegida por contraseña en WordPress. Y no necesitarás escribir código.

En primer lugar, veamos por qué y cuándo personalizar páginas protegidas con contraseña en WordPress.

TLDR: Cómo Personalizar Página Protegida con Contraseña WordPress

Por qué: Haz tu página más atractiva e informativa.
Cómo: Utiliza SeedProd para crear y editar tu página en WordPress.
Qué: Logotipo, imagen de fondo, titular, formulario de contraseña, redes sociales.
Dónde: Cualquier página usando el constructor de arrastrar y soltar.

En primer lugar, veamos por qué y cuándo personalizar páginas protegidas con contraseña en WordPress.

¿Cuándo debo personalizar una página protegida por contraseña en WordPress?

Una página protegida por contraseña le permite proteger el contenido de su sitio web. Los visitantes deben introducir una contraseña para ver la página protegida. Esto resulta útil para compartir información privada, datos sensibles o contenidos exclusivos.

A menudo, se trata de una página sencilla con una casilla para introducir la contraseña y un botón de envío. Normalmente, el diseño refleja el tema de WordPress que utilizas. Aparte de eso, no hay mucho que puedas hacer para hacerla más interesante.

He aquí un ejemplo de una típica página protegida por contraseña:

página protegida por contraseña predeterminada de WordPress sin personalizaciones

¿Por qué personalizar una página protegida con contraseña?

Es posible que desee personalizar una página protegida por contraseña por las siguientes razones:

  • Proteja la información sensible: Si tienes datos sensibles en tu sitio web, puedes personalizar tu página única para incluir una advertencia. Recordará a los usuarios que deben mantener la confidencialidad de la información.
  • Comparte contenido exclusivo: Si lo tienes en tu web y es sólo para un grupo selecto, puedes editar la página protegida por contraseña. Añade un mensaje de bienvenida explicando qué es y a quién va dirigido.
  • Mejore la experiencia del usuario: Para ello, personalice su página para que coincida con el aspecto de su sitio web. Puede cambiar el color de fondo, añadir su logotipo o marca e incluir un mensaje personalizado de agradecimiento a los usuarios por su visita. La información adicional con palabras clave también puede ayudar a mejorar el SEO.
  • Proporcione más información: Personaliza la página con enlaces a contenidos relacionados o descargas en tu panel de WordPress. Esto es útil si compartes materiales educativos o de formación.

Antes de abordar la pregunta: "¿Cómo puedo cambiar una página protegida por contraseña en WordPress?", veamos cómo activar la protección por contraseña con la configuración predeterminada de WordPress.

¿Cómo habilito una página protegida por contraseña en WordPress?

Para activar la función de páginas protegidas con contraseña de WordPress, siga estos pasos:

  1. Abra la página o la entrada que desea proteger
  2. En el cuadro Publicar, haga clic en la opción Visibilidad
  3. Seleccione Protegido con contraseña en el menú desplegable
  4. Introduzca la contraseña que desea que los usuarios introduzcan para acceder al contenido protegido
  5. Pulse el botón azul Publicar para guardar los cambios

Aunque este método es fácil, tiene opciones de personalización limitadas. Es por eso que debe utilizar uno de los métodos a continuación. Te ayudarán a crear una página protegida por contraseña completamente personalizada en WordPress.

Cómo personalizar las páginas protegidas con contraseña en WordPress

Personalizar páginas de WordPress protegidas por contraseña no es fácil si no eres un experto en tecnología. Normalmente, necesitas un desarrollador para editar las páginas con los cambios que necesitas.

Entendemos que contratar la ayuda de un experto no es una opción para muchos propietarios de sitios web. Es por eso que te guiaremos a través de 4 métodos para personalizar un diseño de página bloqueada en WordPress.

Aquí tiene una comparación de los distintos métodos para que le resulte más fácil decidir qué opción elegir:

MétodoProsContras
1. Héroe CSSEdición visual sencilla, sin necesidad de programaciónFuncionalidad limitada, principalmente para estilizar
2. SeedProd (Pro)Constructor de arrastrar y soltar, funciones avanzadas (formularios, temporizadores)Requiere un plan de pago para los controles de acceso
3. WPFormsProtección específica de la forma, se integra con SeedProdPuede ser excesivo para una simple protección con contraseña
4. Personalizar página de formulario (SeedProd)Integra la protección de formularios con las funciones de diseño de SeedProdRequiere familiaridad con SeedProd y WPForms

1. Personalizar el diseño predeterminado de la página protegida con contraseña

Nuestra primera solución es editar tu CSS con un plugin de editor visual. Esto le permite editar el CSS de cualquier página sin editar el código.

Para este método, vamos a utilizar CSS Hero. Es uno de los mejores plugins para personalizar su sitio de WordPress apuntando y haciendo clic.

CSS Hero es ideal para personalizar la página estándar. Lo ves cuando proteges WordPress con contraseña usando la opción de visibilidad por defecto.

Así, en lugar de una página de contraseñas como la de abajo, puede señalar cada área y cambiar el aspecto.

Página predeterminada de WordPress protegida por contraseña

Instalar CSS Hero

Para empezar, puedes conseguir CSS Hero aquí e instalar el plugin en tu sitio web. A continuación, accede a tu página protegida por contraseña en WordPress.

En la barra de administración de WordPress, en la parte superior de su página, haga clic en la opción Personalizar con CSS Hero.

Personaliza tu página protegida por contraseña con CSS hero

Esto revela un sencillo editor visual de apuntar y hacer clic para editar y personalizar su página de WordPress.

Personalice su diseño

Utilice el editor CSS Hero para personalizar su página de protección de contraseña de WordPress

Haga clic en la cabecera para abrir el panel de opciones de la izquierda. A continuación, puedes elegir un color en la herramienta de selección de color.

Personaliza el CSS de tu cabecera

Haz clic en el fondo de tu página. Elige un color o degradado de la lista para cambiarlo. También puedes añadir tu imagen de fondo.

añada un degradado de fondo a su página protegida por contraseña

El inconveniente de usar CSS Hero es que no puedes añadir elementos como formularios de contacto, formularios de registro y botones sociales. Para estos, sugerimos utilizar el método SeedProd a continuación.

Continúe personalizando su página, haciendo clic en diferentes elementos y añadiendo colores y fuentes personalizados.

Publique sus cambios

Cuando esté satisfecho con su diseño, haga clic en el botón Guardar y publicar. A continuación, haz clic en el icono Salir situado en la esquina superior derecha de la pantalla.

haga clic en Guardar cambios y luego en Salir para salir del diseñador de páginas

Esto le llevará a su diseño de página bloqueada recién editado, completo con su formulario de contraseña.

Página de protección de contraseña de WordPress personalizada con CSS Hero

2. Personalizar páginas específicas protegidas por contraseña

El siguiente método en este tutorial de WordPress utiliza SeedProd. Es el mejor constructor de sitios web de WordPress con un editor visual front-end.

SeedProd mejor plugin de WordPress página de destino

SeedProd viene con Coming Soon y las páginas de modo de mantenimiento se puede personalizar con arrastrar y soltar. Le permite personalizar todo su sitio de WordPress en cuestión de minutos, sin necesidad de codificación.

Además, incluye controles de acceso. Te permiten proteger con contraseña sitios enteros y restringir el acceso a las páginas protegidas. De este modo, sólo las personas que tú quieras podrán ver las páginas en las que estás trabajando.

También puede utilizar SeedProd para:

  • Crear un tema de WordPress personalizado
  • Crear barras laterales personalizadas en WordPress
  • Crear sitios web de comercio electrónico
  • Muestra tus productos WooCommerce
  • Diseñar una página de inicio personalizada
  • Crear páginas de inicio de sesión personalizadas

Estas características y funcionalidades hacen de SeedProd una herramienta esencial y el mejor constructor de páginas de WordPress.

Veamos los pasos para editar y personalizar páginas protegidas en WordPress con SeedProd.

En primer lugar, comience con SeedProd aquí. A continuación, siga estas instrucciones para instalar un plugin de WordPress.

Existe una versión gratuita de SeedProd(SeedProd Lite). Sin embargo, utilizaremos la versión pro por la función de páginas de acceso controlado.

Crear una página Coming Soon o en modo de mantenimiento

A continuación, cree una página de aterrizaje en modo Próximamente o Mantenimiento. Se trata de páginas especiales de acceso controlado para restringir su sitio web.

En este tutorial, le mostraremos cómo personalizar una página "Próximamente" protegida por contraseña.

Para ello, haga clic en el icono SeedProd de su panel de control de administración de WordPress. Esto le llevará al panel de SeedProd, donde podrá añadir nuevas páginas y editarlas en el personalizador.

Vista general del panel de control de la página de destino de seedprod

A continuación, haga clic en el botón Configurar una página Coming Soon.

Configurar una página protegida por contraseña con SeedProd

Elija una plantilla de página de destino

A continuación, verás varias plantillas personalizadas que puedes utilizar como punto de partida para el diseño de tu página.

wordpress página protegida por contraseña plantilla personalizada

Para nuestro ejemplo, utilizaremos la plantilla Swipe coming soon. Para iniciar la plantilla, pase el ratón por encima de la miniatura y haga clic en el icono de la marca.

Haga clic en el icono de la marca para iniciar la plantilla de la página "Próximamente" en el constructor de páginas de arrastrar y soltar.

Tu plantilla de página de Próximamente aparecerá en el constructor de páginas de arrastrar y soltar. Aquí podrás personalizarla para adaptarla a tu marca.

Creador de páginas de aterrizaje SeedProd coming soon

Personalice el contenido de su página protegida

El constructor de páginas de SeedProd es como el personalizador de WordPress en el sentido de que puedes hacer cambios en tiempo real.

También dispone de bloques WordPress. Facilitan la personalización de mensajes para páginas protegidas por contraseña. Puedes hacerlo sin experiencia previa en diseño.

Puede elegir entre bloques estándar como titulares, botones, imágenes, vídeos, divisores, etc.

Elementos de contenido estándar en SeedProd

También puede utilizar bloques de páginas de aterrizaje para generar más clientes potenciales y conversiones, como:

  • Regalos - Añade un regalo de RafflePress a tu página con el bloque de regalos ya preparado.
  • Formularios de contacto - Añade formularios de contacto hechos con WPForms a tu página de aterrizaje.
  • Formularios de suscripción - Aumente el número de clientes potenciales con formularios de suscripción que incluyen plantillas y estilos personalizados.
  • Temporizadores de cuenta atrás: cree una sensación de urgencia con cuentas atrás en directo.
  • Botones sociales: aumente sus seguidores en las redes sociales con perfiles sociales y botones para compartir.
  • Y mucho más.
utilice bloques específicos de páginas de destino para aumentar las conversiones de su sitio web

Puede añadir estas funciones a su página arrastrándolas desde la izquierda a la vista previa de su página en directo, a la derecha.

A continuación, haga clic en cualquier elemento para editar el contenido. También puede elegir una plantilla de bloque personalizada y añadir cambios avanzados.

Puede incluir un campo de entrada de contraseña en su página. Los usuarios tienen que escribir una contraseña antes de hacer clic en Enviar para acceder al contenido protegido.

Para ello, arrastre el bloque HTML personalizado a su editor de páginas en vivo.

Añadir el bloque HTML personalizado de la página de destino

A continuación, haga clic en el bloque para editar el contenido. Ahora pega este shortcode seed_bypass_form en el editor de contenido con corchetes a cada lado.

Introduzca el shortcode del campo de contraseña de seedprod

No verá el campo de entrada de contraseña hasta que previsualice su página en vivo. Entonces el sistema pedirá a los usuarios que "introduzcan su contraseña".

Publique su página personalizada protegida por contraseña

Una vez que esté satisfecho con las personalizaciones de su página protegida de WordPress, es hora de publicarla.

Para publicar una página protegida por contraseña, haga clic en la flecha hacia abajo situada junto al botón Guardar y, a continuación, haga clic en Publicar.

Publique su página de destino protegida por contraseña en WordPress

Verás una ventana emergente que te indica que tu página está publicada. A continuación, puedes hacer clic en el botón Ver página en directo para previsualizar los cambios.

Vista previa de su página personalizada protegida por contraseña

Para activar su página, vuelva a su panel de SeedProd. En la sección Coming Soon Mode, cambie el interruptor Inactive a Active.

Active su página personalizada protegida por contraseña

Su página personalizada protegida por contraseña ya está activa.

Ejemplo de página personalizada protegida por contraseña en WordPress

Si desea cambiar su página de nuevo, haga clic en el botón Editar página en SeedProd. A continuación, puede volver a cambiar el mensaje, el contenido y el estilo de su página.

3. Personalizar páginas de formularios protegidas

También es posible personalizar páginas de formularios protegidas por contraseña en WordPress. Así, cualquiera que intente acceder a formularios específicos de tu sitio tendrá que introducir una contraseña.

WPForms el mejor plugin para crear formularios en WordPress

La forma más sencilla es crear un formulario protegido en WordPress utilizando WPForms con el complemento Form Locker. A continuación, puede personalizar la página que contiene el formulario con el complemento Form Pages.

¿Por qué no echas un vistazo a este análisis en profundidad de WPForms para conocer todos los detalles?

Veamos a continuación los pasos necesarios para proteger con contraseña los formularios de WordPress.

Crear un nuevo formulario de WordPress

En primer lugar, cree un formulario protegido por contraseña siguiendo estas instrucciones. A continuación, asegúrate de haber activado el complemento Form Pages.

Puede hacerlo navegando a WPForms " Addons y asegurándose de que el estado del addon Form Pages es Activo.

Activar el complemento de páginas de formularios WPForms

A continuación, diríjase a WPForms " Todos los formularios y haga clic en Editar en el formulario que creó en el paso anterior.

Edite su formulario WordPress protegido por contraseña

Habilitar páginas de formularios

A continuación, haga clic en la pestaña Configuración y elija la opción Páginas de formulario. Marque la casilla Activar el modo de páginas de formulario en la parte derecha y aparecerán otros ajustes.

Activar el modo de páginas de formulario

Publique su página de formularios

Puedes introducir un título y un mensaje para tu página de formulario y elegir un enlace permanente personalizado. A continuación, puede añadir una imagen de logotipo personalizada y elegir una combinación de colores que coincida con la marca de su sitio.

Personalice su página de formularios protegida por contraseña

No olvide pulsar el botón Guardar para conservar los cambios.

Cuando navegue a la página de ese formulario en particular, verá un formulario protegido por contraseña con su propia página dedicada.

Formulario personalizado de protección de contraseña de WordPress

4. Personalizar páginas de formularios protegidos con SeedProd

También puede personalizar páginas de formularios protegidas por contraseña de esta manera. Utilice el constructor de páginas de aterrizaje de SeedProd y WPForms.

En primer lugar, cree una página protegida por contraseña a partir de las instrucciones enlazadas anteriormente. A continuación, en la vista general de la página SeedProd, haga clic en el botón Editar página en la sección Página Coming Soon.

Edite su página de Próximamente

Una vez que se abra el constructor de páginas, haga clic en la pestaña Configuración de página en la parte superior de la pantalla. A continuación, haz clic en la sección Controles de acceso. Aquí es donde puedes restringir el acceso a ciertas páginas y entradas individuales y establecer tus roles de usuario.

También puede establecer reglas de desvío en las páginas de acceso controlado. Esto significa que solo determinadas direcciones IP pueden ver tus contenidos privados.

Vaya a la configuración de los controles de acceso de SeedProd

Junto al encabezado Incluir/Excluir URLs , haga clic en la opción Incluir URLs. A continuación, pegue la URL de la página protegida de su formulario. Ahora haz clic en el botón Guardar todos los cambios.

Incluya la URL de la página del formulario

A continuación, haga clic en la pestaña Diseño de la parte superior de la página y arrastre el bloque Formulario de contacto a la vista previa de la página.

Añade el bloque de formulario de contacto de seedprod a tu página de destino

Ahora, haz clic en el bloque y elige tu formulario protegido por contraseña en el menú desplegable. Esto añadirá tu formulario a la página y mostrará un campo de entrada de contraseña para que los usuarios puedan acceder a él.

Elija su formulario protegido por contraseña en el menú desplegable WPForms

Cuando los usuarios accedan a la página del formulario, tendrán que introducir una contraseña para desbloquearlo.

Ejemplo de página personalizada con formulario protegido por contraseña

Best Practices for Secure Password Protected Pages

Ensuring the security of password-protected pages is crucial for maintaining the integrity of your content and protecting sensitive information. Here are some best practices to follow:

1. Use Strong Passwords

A strong password is the first line of defense for protected pages. Ensure that your passwords are:

  • At least 12 characters long
  • A mix of upper and lower case letters, numbers, and special characters
  • Not easily guessable (avoid using common words or phrases)

2. Regularly Update Passwords

Update your passwords periodically to enhance security. Regular updates reduce the risk of unauthorized access if a password is compromised.

3. Limit Access to Passwords

Restrict who has access to the passwords for your protected pages. Only share passwords with trusted individuals and avoid sending them via unsecured channels.

4. Enable Two-Factor Authentication (2FA)

2 Factor Authentication concept

Where possible, enable two-factor authentication for an added layer of security. 2FA requires users to provide a second form of verification, such as a code sent to their phone, in addition to the password.

5. Monitor Access Logs

Regularly check access logs to monitor who is accessing your protected pages. Look for any unusual activity that could indicate a security breach.

6. Use SSL Certificates

Ensure your website is protected with an SSL certificate. SSL encrypts the data transferred between your website and its visitors, adding an extra layer of security.

Secure SSL certificate example

7. Keep WordPress and Plugins Updated

Regularly update WordPress and any installed plugins to their latest versions. Updates often include security patches that protect against vulnerabilities.

8. Customize Your Login Page

Consider customizing your WordPress login page to make it harder for attackers to target.

Customizing login page example

You can change the URL of the login page or add a security question.

9. Backup Your Website

Regular backups are essential. In case of a security breach, you can restore your website to a previous state. Use a reliable backup plugin or service to automate this process.

Preguntas frecuentes

¿Puedo cambiar el texto predeterminado de la página protegida por contraseña?
Para cambiar el texto por defecto, edítalo utilizando uno de los métodos mencionados anteriormente. No olvides guardar los cambios.
¿Es posible personalizar el campo de introducción de la contraseña?
Sí, puedes personalizar el campo de entrada de contraseña. Añade algo de CSS personalizado a la hoja de estilos de tu tema o utilizando un plugin como WPCode que te permite añadir CSS personalizado. Apunta al campo de entrada con el selector apropiado y aplica los estilos que desees.
¿Puedo añadir una imagen de fondo personalizada a la página protegida por contraseña?
Puede hacerlo con SeedProd. Abra la configuración global. A continuación, elija una imagen de fondo personalizada de su ordenador o de la biblioteca multimedia de WordPress.
¿Puedo añadir una página protegida por contraseña al menú de navegación de mi sitio?
Sí, puede añadir una página protegida por contraseña al menú de navegación de su sitio. En su panel de WordPress, vaya a Apariencia " Menús. A continuación, añada la página protegida al menú que desee. Los usuarios tendrán que introducir la contraseña correcta para acceder al contenido de la página.
¿Cómo puedo mantener segura mi página protegida por contraseña?
Para mantener su página segura, siga estas buenas prácticas de seguridad:

1. Utilice contraseñas fuertes y únicas (combinación de letras, números y símbolos).
2. Limite los intentos de inicio de sesión para evitar ataques de fuerza bruta.
3. Considere la autenticación de dos factores para mayor seguridad.
4. Mantenga WordPress, temas y plugins actualizados para parchear vulnerabilidades.

¡Ya está!

Más consejos sobre la protección de contraseñas en WordPress

Aunque personalizar páginas protegidas en WordPress puede parecer desalentador, no tiene por qué serlo. Usando los métodos anteriores, puedes crear impresionantes páginas bloqueadas sin escribir una sola línea de código.

Usted no necesita editar su archivo PHP o cambiar cualquiera de los archivos de su tema manualmente. Con el práctico constructor de páginas de SeedProd, no tendrás que empezar desde cero y podrás incluir elementos esenciales de generación de leads como formularios opt-in para hacer crecer tu negocio.

¿A qué esperas?

Para obtener más consejos sobre cómo proteger su sitio de WordPress con una contraseña, consulte estas guías de expertos:

Gracias por leernos. Nos encantaría conocer tu opinión, así que no dudes en dejarnos un comentario con tus preguntas y comentarios.

También puede seguirnos en YouTube, X (antes Twitter) y Facebook para obtener más contenidos útiles para hacer crecer su negocio.

avatar de autor
Stacey Corrin Escritor
Stacey lleva más de 10 años escribiendo sobre WordPress y marketing digital, y mucho más tiempo sobre otros temas. Además, le fascinan el diseño web, la experiencia de usuario y el SEO.

Divulgación: Nuestro contenido está apoyado por los lectores. Esto significa que si hace clic en algunos de nuestros enlaces, es posible que ganemos una comisión. Sólo recomendamos productos que creemos que aportarán valor a nuestros lectores.