ElegantThemes

Cómo mostrar un formulario de inicio de sesión solo a los usuarios que no han iniciado sesión

Las opciones condicionales de Divi le brindan un control total sobre el contenido de su sitio web como nunca antes. Parte de este control es que su sitio web ya no incluye contenido que no es aplicable a todos los usuarios. Por ejemplo, un formulario de inicio de sesión. A menudo, los sitios web tienen un formulario de inicio de sesión que ocupa un espacio valioso en la barra lateral o en el encabezado (o incluso una página completa). Con Dos, puede configurar un formulario de registro para todo el sitio que solo está disponible para los usuarios que no han iniciado sesión, mientras que los usuarios que han iniciado sesión tienen una experiencia menos desordenada. Veamos cómo puedes hacer esto.

Cómo agregar un formulario de visualización para usuarios que no han iniciado sesión

Para este tutorial, asumiremos que tiene un sitio existente donde usa un formulario de inicio de sesión. O tiene la intención de utilizar un formulario de inicio de sesión de alguna manera. Si no lo hace, simplemente puede unirse a uno de nuestros paquetes de diseño prefabricados en Divi Builder seleccionando Utilice un diseño prediseñado cuando abre el constructor por primera vez. También puede agregar un diseño haciendo el símbolo + morado en el menú inferior y elija uno debajo del Diseños listos para usar

Ir al generador de temas

Cuando tenga un sitio configurado y listo, diríjase al creador de temas Divi. Es fácil de encontrar. Inicie sesión en su panel de administración de WordPress y desplácese hacia abajo hasta que vea Divi – creador de temas.

Ubicación del creador de temas

Para mostrar un formulario de inicio de sesión para los usuarios que no han iniciado sesión, lo agregamos al Encabezado global para que la gran mayoría de su sitio web tenga la lógica para el formulario, excepto en ciertos casos en los que use un encabezado diferente. (Sin embargo, puede copiar el formulario de registro en estos encabezados en cualquier momento).

Edita el encabezado global

Primero, Haga doble clic el encabezado global en la plantilla de sitio web estándar o haga clic en el Edeso Botón.

Vista de constructor

Agregar formulario de registro

A continuación, busque dónde desea que aparezca el formulario de registro. En este ejemplo, lo agregaremos a una segunda columna para el encabezado. presione el simbolo + negro y elige el Inscribirse Módulo de la ventana desplegable que aparece.

Formulario de inicio de sesión

Esto agregará un formulario de inicio de sesión sin procesar al sitio y deberá tomarse el tiempo para hacer coincidirlo con el encabezado que está utilizando actualmente.

Diseñar el formulario de registro

Si bien es muy fácil hacer coincidir el color de fondo con el diseño de su página, es importante que el formulario de registro sea llamativo.

Inscribirse

Nosotros usamos # F87223 como un color para que coincida con otros elementos en el Paquete de diseño de pizzería.

Formulario de inicio de sesión

Incluso este simple cambio encaja mejor. Si está usando un fondo de color sólido, usar un fondo transparente para mostrar solo los cuadros y botones también es una opción fácil que combina con cualquier cosa.

Abra las opciones de condición para el módulo de inicio de sesión

Para mostrar el formulario de registro solo a los usuarios que no han iniciado sesión, use las opciones de condición Divi. Si no los conoce, puede encontrarlos en el Progresivo Pestaña para todos sección, línea, o módulo. También encontrará opciones de condiciones para individuos columnas incluso dentro de las filas.

Esto significa que si bien agregaremos la lógica al módulo de inicio de sesión, puede elegir qué elemento de su sitio web funciona mejor para mostrarlo solo a los usuarios que no han iniciado sesión. Si desea que aparezca la columna con el formulario de registro, simplemente siga los pasos a continuación en la configuración de este elemento y no en el módulo de registro en sí.

Ahora para agregar la lógica condicional, ingrese el Módulo de inicio de sesión Configuración y vaya a «Lengüeta avanzada como mencionamos anteriormente. Encuentra el condiciones Área, amplíelo y haga clic en el símbolo + gris que lee Agregar condición.

la configuración

Agregar una nueva condición

clickea en el Agregar condición El botón abre una lista enorme de todas las diferentes opciones que tiene para la lógica condicional. En este tutorial usaremos una sola condición, pero puede usar múltiples condiciones en el mismo elemento para crear una lógica avanzada para que realmente pueda personalizar su sitio para satisfacer las necesidades de sus usuarios.

Desplácese hacia abajo en la lista hasta encontrar el usuario Subsección. Escoger Estado registrado como su condición.

estado de inicio de sesión

A continuación, asegúrese de elegir El usuario está desconectado debajo Condiciones de visualización. También querrá asegurarse de que Activar condición El interruptor de palanca está activado. Si en algún momento necesita desactivar esta condición en particular, puede venir aquí y simplemente apagarla hasta que sea el mejor momento.

Condiciones de inicio de sesión

Cuando guarde la condición, debe mantenerla en la lista a continuación. ver Progresivo. Cuando pasa el cursor sobre una condición, aparecen los criterios que estableció. También ves un Punto verde que indica si la condición está habilitada o deshabilitada.

Condiciones de inicio de sesión

¡Y eso es! ¡Eso es todo! Cuando un usuario carga la página usando esa plantilla o diseño en particular (en este caso, el encabezado global), cualquier usuario que no haya iniciado sesión verá el formulario en el área que especificó. De lo contrario, solo se presentará al usuario el contenido que pretendía.

Termine mostrando un formulario de registro

Independientemente de por qué necesita que el formulario de registro esté oculto a los usuarios registrados, puede hacerlo con muy poco esfuerzo utilizando las opciones de condición Divi. Simplemente seleccione dónde le gustaría que los usuarios desconectados o no registrados vean el formulario y use la lógica condicional incorporada en Divi para mostrar el formulario de inicio de sesión solo a esos visitantes. Si bien este tutorial usó el encabezado global como ubicación, ya que esto es lo que verán la mayoría de los visitantes de su sitio, puede hacerlo en cualquier lugar de su sitio donde pueda agregar un módulo de inicio de sesión Divi.

¿Por qué desea mostrar un formulario de inicio de sesión a los usuarios que no han iniciado sesión, pero no a los que ya han iniciado sesión?

Imagen destacada del artículo de AnyaPL / shutterstock.com

El cargo Cómo mostrar un formulario de inicio de sesión solo a los usuarios que no han iniciado sesión apareció primero Blog temático elegante.

Deja una respuesta

Tu dirección de correo electrónico no será publicada. Los campos obligatorios están marcados con *