Cómo personalizar una página protegida con contraseña en WordPress

¿Quiere crear una página personalizada protegida con contraseña en su sitio web?

Con la protección de contraseña de WordPress, puede ocultar contenido y restringir el acceso a páginas específicas. Sin embargo, el diseño predeterminado de inicio de sesión y contraseña es simple y poco atractivo.

En este artículo, le mostraremos cómo personalizar páginas protegidas con contraseña en WordPress.

¿Por qué personalizar las páginas de WordPress protegidas con contraseña?

Si desea crear una página o publicación en su blog de WordPress que solo debería ser visible para clientes o miembros seleccionados, puede bloquear el contenido con la función de protección con contraseña.

Si está creando un nuevo sitio web de WordPress y no quiere que todos lo vean, también tiene sentido usar una página protegida con contraseña.

Sin embargo, el diseño de la página protegida por contraseña predeterminada es muy básico y no atractivo. Aquí hay una vista previa de cómo se ve:

Al personalizar la página protegida con contraseña, puede cambiar el diseño y el diseño a su gusto. Esto ayuda a que su página sea más receptiva y puede personalizarla de acuerdo con su marca para una apariencia y una experiencia de usuario más profesionales.

Sin embargo, le mostraremos cómo habilitar la protección con contraseña en WordPress y cómo personalizar una página específica, todo su sitio y diferentes secciones.

Puede hacer clic en los enlaces a continuación para ir a su sección favorita:

Cómo proteger con contraseña una página en WordPress

Antes de que le mostremos cómo personalizar un sitio de WordPress, debe saber que WordPress tiene una configuración de protección de contraseña integrada para sus páginas y publicaciones.

Todo lo que tiene que hacer es editar una página o agregar una nueva. Una vez en el editor de contenido de WordPress, en el panel de configuración de la derecha, en Estado y visibilidad, haz clic en la opción Público.

A continuación, verá varias opciones de visibilidad de la publicación.

Simplemente seleccione la opción 'Protegido con contraseña' e ingrese una contraseña para su sitio.

Ahora continúe y haga clic en "Actualizar" o "Publicar" y la página en vivo estará protegida con contraseña.

Ahora puede visitar su sitio web y ver la página en acción.

Ahora veamos cómo puede personalizar su página predeterminada protegida con contraseña.

Personaliza el tema protegido por contraseña predeterminado con CSS Hero

Si habilita la protección con contraseña en su editor de contenido de WordPress, la página utilizará el tema de su sitio web para el estilo.

Para personalizar la página, simplemente puede usar una herramienta como CSS Hero. Puede editar el diseño y el diseño de su página sin editar el código.

Primero debe instalar y activar el complemento CSS Hero. Consulte nuestra guía de instalación del complemento de WordPress para obtener más detalles.

Cuando esté habilitada, la opción CSS Hero se agregará en la parte superior de la barra de administración de WordPress. Continúe y haga clic en la opción Personalizar con CSS Hero.

Esto iniciará CSS Hero Visual Builder donde puede editar y personalizar su página.

Simplemente haga clic en cualquier elemento de la página para comenzar.

Luego puede cambiar los colores de fondo, agregar una imagen de fondo, usar una fuente diferente, editar el espaciado y más desde el panel de la izquierda.

Por ejemplo, agreguemos un color de fondo con un efecto degradado yendo a la pestaña Fondo. También cambiaremos el color del campo donde los usuarios deben ingresar la contraseña y el color del botón "Enter".

También puede agregar un borde alrededor del título de la página principal yendo a la pestaña Bordes.

Simplemente elija el ancho del borde, el color, el estilo y otros cambios que desee.

Después de realizar el cambio, asegúrese de hacer clic en el botón "Guardar y publicar" a continuación.

Ahora puede visitar su sitio web para ver su página predeterminada personalizada protegida con contraseña.

La desventaja de usar CSS Hero es que no obtiene la flexibilidad y las opciones de personalización avanzadas que ofrece el creador de la página de destino.

Por ejemplo, no puede agregar elementos como formularios de contacto, botones de redes sociales, formularios de suscripción, temporizadores de cuenta regresiva y más con CSS Hero.

Veamos cómo puede usar un generador de páginas de destino para personalizar páginas específicas en WordPress.

Personaliza una página específica protegida con contraseña con SeedProd

La forma más fácil de personalizar una página específica protegida con contraseña es usar Producto de semilla. Es el mejor creador de páginas y sitios web de WordPress.

Para este tutorial usaremos Semilla Prod Pro ya que incluye plantillas premium y más funciones de personalización. También puedes usar SeedProd Lite Versión gratuita y crear página Próximamente.

Primero debe instalar y activar el complemento SeedProd. Si necesita ayuda, consulte nuestra guía de instalación del complemento de WordPress.

Una vez activado, será llevado a la pantalla de inicio de SeedProd en su panel de WordPress. Después de eso, debe ingresar la clave de licencia y hacer clic en el botón "Confirmar clave". Puede encontrar la clave de licencia en la sección de su cuenta de SeedProd.

Luego ve a SeedProd » Páginas de destino desde su panel de WordPress y agregue una nueva página de destino personalizada protegida con contraseña.

Más adelante en este artículo, le mostraremos cómo elegir qué páginas están protegidas con contraseña. Puede proteger con contraseña todo su sitio web o solo páginas específicas.

Para este tutorial, crearemos una próxima página de inicio para un sitio web protegido con contraseña. Sin embargo, puede personalizar fácilmente su tema si solo lo usa para proteger con contraseña ciertas páginas.

Para comenzar, simplemente haga clic en el botón "Configurar página próximamente".

En la siguiente pantalla, SeedProd le mostrará varias plantillas de página para personalizar rápidamente.

Continúe, desplace el cursor sobre cualquier plantilla que desee usar y haga clic en el botón de marca de verificación naranja.

Después de seleccionar una plantilla, SeedProd abrirá una ventana emergente titulada "Ingrese los detalles de su nueva página".

Todo lo que tiene que hacer es elegir un nombre de página y un slug de URL, luego simplemente hacer clic en el botón "Guardar y comenzar a editar la página".

Esto iniciará el generador de páginas de arrastrar y soltar de SeedProd.

Aquí puede personalizar su página de inicio protegida con contraseña y agregar varios elementos como texto, imágenes, botones y más. SeedProd ofrece bloques avanzados como formulario de suscripción, formulario de contacto, temporizador de cuenta regresiva, barra de progreso, opciones para compartir en redes sociales y más.

Para agregar un elemento, simplemente puede arrastrar cada bloque de menú hacia la izquierda y soltarlo en la plantilla de la derecha. Luego puede personalizar el elemento simplemente haciendo clic en él y ajustando las opciones que aparecen.

Además, SeedProd le permite agregar un formulario de contraseña al frente de su sitio para proteger su contenido.

Primero puede agregar un bloque "HTML personalizado" en el constructor SeedProd. Simplemente arrastre y suelte el bloque HTML personalizado en la plantilla.

A continuación, puede hacer clic en el bloque HTML personalizado.

Desde aquí entra en el [seed_bypass_form] Introduzca un código corto en el campo Código personalizado. ¡Está! No olvide hacer clic en el botón "Guardar" cuando haya terminado.

SeedProd también se integra con varios servicios de marketing por correo electrónico. Puede agregar un formulario de contacto a su página de destino y conectar una herramienta de marketing por correo electrónico para crear su lista de correo electrónico y mantenerse en contacto con los usuarios.

Simplemente vaya a la pestaña "Conectar" en el generador de páginas de destino y seleccione su servicio de marketing por correo electrónico.

Configure la protección con contraseña para páginas específicas en SeedProd

Después de crear una página personalizada que se utilizará pronto [seed_bypass_form] El código abreviado es el siguiente paso para configurar la protección con contraseña en páginas específicas con SeedProd.

Para comenzar, debe ir a la pestaña Configuración de página en el generador SeedProd y luego sí haga clic en la configuración de "Control de acceso".

Luego, en el campo Omitir URL, puede ingresar una contraseña que permitirá a las personas acceder a su contenido restringido.

Tenga en cuenta que el texto que escribe en el campo Omitir URL sirve como contraseña y como enlace que los clientes y los miembros del equipo pueden usar para omitir la protección con contraseña y acceder a la página.

SeedProd le permite excluir URL específicas de sus sitios web, como administrador, inicio de sesión, tablero y cuenta. Esto asegura que los propietarios de los sitios no serán expulsados ​​de sus sitios.

Ahora debe elegir qué URL proteger con contraseña.

Simplemente desplácese hacia abajo hasta la sección Activar/Desactivar URL en la configuración de control de acceso. A continuación, seleccione la opción "Incluir URL" y luego ingrese las páginas específicas que desea restringir.

Cuando haya terminado, simplemente haga clic en el botón "Guardar" en la parte superior.

A continuación, puede ir a la configuración general en la pestaña Configuración de la página y cambiar el estado de la página de Borrador a Publicar.

Luego puede cerrar el generador de páginas de destino y marcharse. SeedProd » Páginas de destino desde su panel de administración de WordPress.

Desde aquí, haga clic en el interruptor debajo de "Modo de espera disponible próximamente" para activar su página personalizada protegida con contraseña.

¡Eso es todo! Ha creado con éxito una página de inicio personalizada protegida con contraseña que solo se mostrará en ciertas páginas de WordPress.

Simplemente visite estas páginas en su sitio web para ver su página personalizada protegida con contraseña en acción.

Cree una página personalizada protegida con contraseña para todo el sitio

Con SeedProd, también puede mostrar su página protegida con contraseña en cada página de su sitio web. De esta forma, los usuarios tendrán que introducir una contraseña para acceder a tu contenido.

puedes ir primero SeedProd » Páginas de destino desde tu panel de WordPress. Luego haga clic en el botón "Editar página" en la sección "Próximamente".

Luego puede ir a la pestaña Configuración de página en la parte superior e ir a la configuración de Control de acceso.

A continuación, desplácese hacia abajo hasta la sección "Activar/desactivar URL" y seleccione la opción "Ver todo el sitio".

Después de realizar los cambios, haga clic en el botón "Guardar" en la parte superior.

SeedProd muestra la página personalizada protegida con contraseña en su sitio web.

Cree secciones personalizadas protegidas con contraseña en WordPress

También puede proteger con contraseña diferentes secciones de los sitios web de WordPress de diferentes grupos de usuarios. Esto es útil si ejecuta un sitio de membresía y desea controlar el acceso a su contenido, complementos, aplicaciones y otras descargas.

La mejor manera de restringir diferentes partes de su sitio web es usar MemberPress. Este es el mejor complemento de membresía de WordPress que le permite crear múltiples niveles de membresía para proteger con contraseña su contenido.

Puede usar MemberPress para configurar varias reglas para que los usuarios solo puedan acceder al contenido según su nivel de membresía. Consulte nuestra guía para crear un sitio de membresía de WordPress para obtener más detalles.

Primero, debe agregar una membresía a su sitio. solo ve a MemberPress » Membresías desde su tablero de WordPress y haga clic en el botón "Agregar nuevo".

Luego puede ingresar un nombre para su nivel de membresía, agregar una descripción y establecer un precio.

También puede cambiar el tipo de facturación de una vez a recurrente, así como editar la membresía para que sea de por vida o caduque después de un cierto período de tiempo.

No olvide hacer clic en el botón "Publicar" cuando haya terminado.

Entonces puedes ir MemberPress » Reglas desde su tablero de WordPress y haga clic en el botón "Agregar nuevo".

Desde aquí, puede hacer clic en el menú desplegable en la opción Protegido contenido. MemberPress ofrece muchas opciones para proteger su contenido, ya sea un solo sitio o todos sus sitios de WordPress.

Para este tutorial, protegeremos con contraseña una página. Simplemente seleccione la opción 'Una página' del menú desplegable e ingrese el título de la página.

A continuación, debe establecer las condiciones de acceso y configurar quién puede ver la página restringida. MemberPress le permite proteger el contenido según el nivel de membresía, el rol de usuario de WordPress, las habilidades y los miembros individuales.

Deje "membresía" en los menús desplegables Establecer Premium para este tutorial. Por lo tanto, solo los miembros premium pueden acceder al sitio. Puede agregar más términos y permitir que más de 1 nivel de membresía vea la página.

Cuando haya terminado, no olvide hacer clic en el botón "Guardar regla".

A continuación, puede visitar su sitio web para ver la página protegida con contraseña en acción. Los miembros deben iniciar sesión en su cuenta para ver el contenido del sitio.

Puede establecer contraseñas para sus videos u ofrecer membresías grupales para equipos empresariales. También puede crear una contraseña para dar acceso a los suscriptores a un boletín de pago y más.

También tenemos una guía sobre cómo proteger con contraseña sus formularios de WordPress.

Esperamos que este artículo le haya ayudado a aprender cómo personalizar una página de WordPress protegida con contraseña. También puede consultar nuestra guía para crear un tema de WordPress completamente personalizado sin escribir código o nuestra comparación de los mejores complementos SEO de WordPress.

Si te ha gustado este artículo, suscríbete al nuestro. canal de Youtube para tutoriales en vídeo de WordPress. También puedes encontrarnos en Closermarketing.es y Facebook.