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?

La personalización de páginas bloqueadas le permite alentar a más visitantes a convertirse en suscriptores de su sitio. Además, es una excelente manera de utilizar el espacio para promocionar otros servicios o páginas en su sitio.

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

¿Cuándo debería 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 su sitio aún está en construcción, bloquear sus páginas con contraseñas permite que solo las personas autorizadas accedan a ellas con fines de prueba. Otra situación común en la que las páginas protegidas con contraseña son realmente útiles es cuando desea restringir algunas de sus páginas solo para suscriptores pagos.

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

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 más fácil, vamos a utilizar un complemento especial para WordPress llamado SeedProd. Como el mejor complemento de creación de páginas para WordPress, SeedProd le permite crear páginas bloqueadas con contraseña que se ven súper increíbles sin necesidad de ningún código.

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

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

• Paso 1: Instalar SeedProd
• Paso 2: crea una página próximamente
• Paso 3: Personaliza la página protegida con contraseña
• Paso 4: Configuración de la página protegida con contraseña de WordPress
• Paso 5: Publique su página de WordPress protegida con contraseña

Vamos a empezar.

Paso 1: Instalar SeedProd

SeedProd es un generador de páginas de destino de arrastrar y soltar para WordPress. Viene con plantillas integradas que hacen que sea extremadamente fácil personalizar sus páginas.

Entonces, vamos a comenzar instalando el complemento. Una vez que esté instalado, asegúrese de copiar su clave de licencia. Puede encontrar la clave de licencia de su cuenta de SeedProd yendo a su panel de control de SeedProd y haciendo clic en la pestaña Descargas. Luego, desplácese hacia abajo para encontrar el campo Clave de licencia y cópielo.

Ahora, abra su panel de administración de WordPress y diríjase a SeedProd » Configuración. Aquí, ingrese su clave de licencia y haga clic en el botón Verificar .

¡Estupendo! Ahora que SeedProd Pro está activo en su sitio, puede realizar todo tipo de personalizaciones interesantes.

Paso 2: crea una página próximamente

SeedProd tiene un modo próximamente que viene con configuraciones para restricciones de acceso. Con estas restricciones de acceso, puede configurar fácilmente una contraseña para su página.

Para crear una página próximamente con SeedProd, haga clic en el elemento de menú SeedProd dentro de su barra lateral de WordPress.

Ahora, haga clic en el botón Configurar una página próximamente .

Aquí encontrarás una gran variedad de plantillas para elegir. Puede elegir cualquiera que desee, pero vamos a utilizar la plantilla de la página de seminario web de la conferencia para este ejemplo.

Después de seleccionar el tema, ahora debería ver el generador de arrastrar y soltar de SeedProd que le permite personalizar la página de muchas maneras.

Paso 3: Personaliza la página protegida con contraseña

Cuando haya seleccionado su plantilla, puede personalizar su página protegida con contraseña utilizando docenas de diferentes tipos de bloques visibles en el panel de la izquierda.

Simplemente puede arrastrar y soltar estos bloques a la derecha para agregar un nuevo elemento, como un formulario, íconos de redes sociales, concursos de obsequios y más.

Dado que queremos agregar un campo de contraseña que permita a los usuarios acceder al contenido bloqueado, vamos a arrastrar y soltar el HTML personalizado en la página.

Para hacer esto, simplemente busque HTML personalizado en el campo de búsqueda y coloque este bloque en el lugar deseado en su página protegida con contraseña.

Ahora, haga clic en el bloque en el editor en vivo para acceder a su configuración. Aquí, pegue este código en el campo HTML personalizado :

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

Nota: asegúrese de encerrar el código anterior entre corchetes cuando lo pegue en el campo HTML personalizado.

El código anterior crea un campo de contraseña estándar, pero deberá editarlo ligeramente para que funcione perfectamente en su sitio. Esto es lo que significa cada una de las tres partes de este código:

• msg: esta etiqueta especifica el texto que aparece dentro del campo de la contraseña. De forma predeterminada, está configurado en "Ingresar código de acceso". Puede editar este texto si lo desea, pero no es necesario.
• button-txt: esta etiqueta controla el texto que aparece en el botón que conduce a su página protegida por contraseña. Nuevamente, puede editar este texto, pero no es obligatorio.
• volver: dentro de esta etiqueta, debe proporcionar la URL de la página a la que desea que los usuarios accedan con una contraseña. Asegúrate de ingresar el enlace correcto.

En nuestro ejemplo, personalizamos los valores en el código de esta manera:

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

Tenga en cuenta que no verá el campo de entrada de contraseña hasta que obtenga una vista previa. Pero antes de hacer eso, debemos configurar algunas configuraciones más para configurar la protección con contraseña.

Asegúrese de hacer clic en el botón Guardar en la parte superior derecha para guardar los cambios hasta este punto.

Paso 4: Configuración de la página protegida con contraseña de WordPress

En este paso, estableceremos la contraseña que los usuarios necesitarán para acceder realmente a su contenido protegido.

En su creador de páginas SeedProd, haga clic en la pestaña Configuración de la página (tercera opción desde la parte superior izquierda). Ahora, seleccione Control de acceso en el menú de la izquierda. Luego, dentro del campo Omitir URL , puede ingresar cualquier contraseña que desee configurar.

Es importante tener en cuenta que la contraseña que elija también será su URL de omisión. Esto significa que si desea que un usuario acceda directamente a esta página, simplemente puede proporcionarle la URL de omisión.

¡Ya casi estás ahí! Desplácese hacia abajo hasta la sección Incluir/Excluir URL y haga clic en las opciones Incluir URL . Luego, pegue aquí el enlace a la página real que desea ocultar detrás de una contraseña.

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

Paso 5: Publique su página de WordPress protegida con contraseña

Ahora que hemos personalizado la página y configurado los ajustes a nuestro gusto, podemos continuar con la publicación.

Haga clic en la flecha que apunta hacia abajo junto al botón Guardar para expandir el menú y luego presione Publicar .

A continuación, verá el siguiente mensaje emergente.

Ahora, regrese a su tablero de SeedProd y presione el interruptor de palanca para que el estado lea Activo en el modo Próximamente .

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

¡Excelente!

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

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

También puede crear y personalizar una página de formulario bloqueada con contraseña en su sitio de WordPress. Esto es muy útil si desea restringir el acceso al formulario solo a los usuarios registrados o aquellos que tienen una contraseña.

Para obtener más información, consulte esta guía sobre cómo crear un formulario protegido con contraseña.

¡Y ahí lo tienes! Ahora sabe cómo personalizar una página protegida con contraseña en WordPress.

A continuación, cree su propio tema de WordPress

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

Además, si está buscando una manera fácil de aumentar los visitantes de su sitio, puede considerar enviar notificaciones automáticas desde WordPress.

Crea tu formulario de WordPress ahora

¿Listo para construir tu formulario? Comience hoy con el complemento de creación 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 ayudó, síguenos en Facebook y Twitter para obtener más tutoriales y guías gratuitos de WordPress.