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

¿Quieres aprender a personalizar una página protegida con contraseña en WordPress?

Personalizar páginas bloqueadas te permite animar a más visitantes a convertirse en suscriptores de tu sitio. Además, es una excelente manera de utilizar el espacio para promocionar otros servicios o páginas de tu sitio.

En esta publicación, te guiaremos a través de los pasos para personalizar tus páginas de WordPress protegidas con contraseña.

¿Cuándo deberías personalizar una página protegida con contraseña en WordPress?

Hay varios escenarios en los que usar una página personalizada protegida con contraseña es una buena idea.

Por ejemplo, si tu sitio aún está en construcción, bloquear tus páginas con contraseñas permite que solo personas autorizadas accedan a ellas para fines de prueba. Otra situación común en la que las páginas protegidas con contraseña son muy útiles es cuando deseas restringir algunas de tus páginas solo a suscriptores de pago.

La página predeterminada de WordPress bloqueada con contraseña tiene un diseño muy básico que incluye un campo de contraseña y se basa en el diseño de tu tema de WordPress. Así es como se ve una página estándar de WordPress bloqueada con contraseña:

Desafortunadamente, no es fácil agregar elementos adicionales como botones personalizados, widgets, formularios y otros elementos usando el editor predeterminado de WordPress.

Pero para que esto sea considerablemente fácil, vamos a usar un plugin especial para WordPress llamado SeedProd. Como el mejor plugin de creación de páginas para WordPress, SeedProd te permite crear páginas bloqueadas con contraseña que se ven súper geniales ¡sin necesidad de código!

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

Para personalizar tu página protegida con contraseña en WordPress, simplemente sigue estos pasos:

• Paso 1: Instalar SeedProd
• Paso 2: Crear una página de "Próximamente"
• Paso 3: Personalizar la página protegida con contraseña
• Paso 4: Configuración de la página protegida con contraseña de WordPress
• Paso 5: Publicar tu página de WordPress protegida con contraseña

Empecemos.

Paso 1: Instalar SeedProd

SeedProd es un creador de páginas de destino de arrastrar y soltar para WordPress. Viene con plantillas integradas que facilitan enormemente la personalización de tus páginas.

Así que, vamos a empezar instalando el plugin. Una vez instalado, asegúrate de copiar tu clave de licencia. Puedes encontrar la clave de licencia de tu cuenta de SeedProd yendo a tu panel de SeedProd y haciendo clic en la pestaña Descargas. Luego, desplázate hacia abajo para encontrar el campo Clave de licencia y cópiala.

Ahora, abre tu panel de administración de WordPress y ve a SeedProd » Ajustes. Aquí, introduce tu Clave de licencia y haz clic en el botón Verificar.

¡Genial! Ahora que SeedProd Pro está activo en tu sitio, puedes hacer todo tipo de personalizaciones emocionantes.

Paso 2: Crear una página de "Próximamente"

SeedProd tiene un modo "Próximamente" que viene con ajustes para restricciones de acceso. Con estas restricciones de acceso, puedes establecer fácilmente una contraseña para tu página.

Para crear una página "Próximamente" con SeedProd, haz clic en el elemento de menú SeedProd dentro de la barra lateral de tu WordPress.

Ahora, haz clic en el bot ilde{}^{n} Configurar una p ilde{}^{g}ina de pr ilde{}^{o}ximamente.

Aqu ilde{}^{i}, encontrar ilde{}^{a}s una gran variedad de plantillas para elegir. Puedes elegir la que m ilde{}^{a}s te guste, pero para este ejemplo usaremos la plantilla P ilde{}^{a}gina de webinar de conferencia.

Despu ilde{}^{e}s de seleccionar el tema, deber ilde{}^{a}s ver el constructor de arrastrar y soltar de SeedProd, que te permite personalizar la p ilde{}^{a}gina de muchas maneras.

Paso 3: Personalizar la p ilde{}^{a}gina protegida con contrase ilde{}^{n}a

Cuando hayas seleccionado tu plantilla, puedes personalizar tu p ilde{}^{a}gina protegida con contrase ilde{}^{n}a utilizando docenas de diferentes tipos de bloques visibles en el panel izquierdo.

Simplemente puedes arrastrar y soltar estos bloques a la derecha para a ilde{}^{n}adir un nuevo elemento, como un formulario, iconos de redes sociales, concursos de sorteos y m ilde{}^{a}s.

Como queremos a ilde{^{n}}adir un campo de contrase ilde{}^{n}a que permita a los usuarios acceder al contenido bloqueado, vamos a arrastrar y soltar HTML personalizado en la p ilde{^{a}}gina.

Para hacer esto, simplemente busca HTML personalizado en el campo de b ilde{}^{u}squeda y coloca este bloque en el lugar deseado en tu p ilde{}^{a}gina protegida con contrase ilde{}^{n}a.

Ahora, haz clic en el bloque en el editor en vivo para acceder a su configuraci ilde{}^{o}n. Aqu ilde{}^{i}, pega este c ilde{}^{o}digo en el campo HTML personalizado:

seed_bypass_form msg="Enter passcode" button-txt="Login" return="https://yourwebsite.com/welcome"

Nota: Aseg ilde{}^{u}rate de encerrar el c ilde{}^{o}digo anterior entre corchetes al pegarlo en el campo HTML personalizado.

El c ilde{}^{o}digo anterior crea un campo de contrase ilde{^{n}}a est ilde{^{a}}ndar, pero necesitar ilde{^{a}}s editarlo ligeramente para que funcione perfectamente en tu sitio. Esto es lo que significa cada una de las tres partes de este c ilde{^{o}}digo:

• msg: Esta etiqueta especifica el texto que aparece dentro del campo de contrase ilde{^{n}}a. Por defecto, est ilde{^{a}} establecido en "Introduce el c ilde{^{o}}digo". Puedes editar este texto si lo deseas, pero no es necesario.
• button-txt: Esta etiqueta controla el texto que aparece en el bot ilde{^{o}}n que conduce a tu p ilde{^{a}}gina protegida con contrase ilde{^{n}}a. De nuevo, puedes editar este texto pero no es obligatorio.
• return: Dentro de esta etiqueta, necesitas proporcionar la URL de la p ilde{^{a}}gina a la que quieres que los usuarios accedan con contrase ilde{^{n}}a. Aseg ilde{^{u}}rate de introducir el enlace correcto.

En nuestro ejemplo, personalizamos los valores del c ilde{^{o}}digo de esta manera:

seed_bypass_form msg="Enter passcode" button-txt="Access" return="https://wpforms.example.com/"

Ten en cuenta que no ver ilde{^{a}}s el campo de entrada de contrase ilde{^{n}}a hasta que lo previsualices. Pero antes de hacerlo, necesitamos configurar algunos ajustes m ilde{^{a}}s para establecer la protecci ilde{^{o}}n con contrase ilde{^{n}}a.

Aseg ilde{^{u}}rate de hacer clic en el bot ilde{^{o}}n Guardar en la parte superior derecha para guardar tus cambios hasta este punto.

Paso 4: Configuraci ilde{^{o}}n de la p ilde{^{a}}gina protegida con contrase ilde{^{n}}a de WordPress

En este paso, vamos a establecer la contrase ilde{^{n}}a que los usuarios necesitar ilde{^{a}}n para acceder realmente a tu contenido protegido.

En tu constructor de p ilde{^{a}}ginas de SeedProd, haz clic en la pesta ilde{^{n}}a Configuraci ilde{^{o}}n de la p ilde{^{a}}gina (tercera opci ilde{^{o}}n desde la parte superior izquierda). Luego, selecciona Control de acceso en el men ilde{^{u}} de la izquierda. Despu ilde{^{e}}s, dentro del campo URL de omisi ilde{^{o}}n, puedes introducir cualquier contrase ilde{^{n}}a que desees configurar.

Es importante tener en cuenta que la contrase ilde{^{n}}a que elijas tambi ilde{^{e}}n ser ilde{^{a}} tu URL de omisi ilde{^{o}}n. Esto significa que si quieres que un usuario acceda directamente a esta p ilde{^{a}}gina, simplemente puedes darle la URL de omisi ilde{^{o}}n.

¡Ya casi has terminado! Desplázate hacia abajo hasta la sección Incluir/Excluir URLs y haz clic en las opciones Incluir URLs. Luego, pega aquí el enlace a la página real que deseas ocultar con contraseña.

¡Y ahora es el momento de publicar y activar nuestra nueva página personalizada protegida con contraseña!

Paso 5: Publica tu página de WordPress protegida con contraseña

Ahora que hemos personalizado la página y configurado los ajustes a nuestro gusto, podemos proceder a publicarla.

Haz clic en la flecha hacia abajo junto al botón Guardar para expandir el menú y luego presiona Publicar.

Verás entonces el siguiente mensaje emergente.

Ahora, regresa a tu panel de SeedProd y presiona el interruptor para que el estado indique Activo en el Modo Próximamente.

¡Tu página personalizada protegida con contraseña ya está publicada!

¡Excelente!

Si deseas personalizar una página de formulario protegida con contraseña, consulta los pasos a continuación donde usamos WPForms para lograrlo.

Cómo personalizar páginas de formularios protegidas con contraseña

También puedes crear y personalizar una página de formulario con bloqueo de contraseña en tu sitio de WordPress. Esto es muy útil si deseas restringir el acceso al formulario solo a usuarios registrados o a aquellos que tengan una contraseña.

Para más detalles, consulta esta guía sobre cómo crear un formulario protegido con contraseña.

¡Y eso es todo! Ahora sabes cómo personalizar una página protegida con contraseña en WordPress.

A continuación, crea tu propio tema de WordPress

¿Quieres crear un tema de WordPress que se vea exactamente como tú quieres? Afortunadamente, ya no necesitas ser un desarrollador para crear tu propio tema de WordPress. Consulta nuestra guía detallada sobre cómo crear temas de WordPress sin código para más información.

Además, si buscas una forma fácil de aumentar las visitas a tu sitio, puedes considerar enviar notificaciones push desde WordPress.

Crea tu formulario de WordPress ahora

¿Listo para crear tu formulario? Empieza hoy mismo con el plugin constructor de formularios de WordPress más fácil. WPForms Pro incluye muchas plantillas gratuitas y ofrece una garantía de devolución de dinero de 14 días.

Si este artículo te ha sido útil, síguenos en Facebook y Twitter para obtener más tutoriales y guías gratuitas de WordPress.