¿Cómo usar la visibilidad condicional en WeWeb?

Paso 1: Inicia sesión en WeWeb

El primer paso es iniciar sesión en tu cuenta de WeWeb. Navega hasta el sitio web oficial de WeWeb en https://www.weweb.io/. Haz clic en el botón 'Iniciar sesión' ubicado en la esquina superior derecha de la página web, introduce tu correo electrónico registrado y tu contraseña y luego presiona el botón 'Iniciar sesión'.

Paso 2: Navega hasta el Editor

Después de iniciar sesión, serás dirigido a tu panel de control de WeWeb. Desde tu panel de control, selecciona el sitio web que deseas editar y luego haz clic en el botón 'Editor'. Esto te llevará a la página de edición del sitio web.

Paso 3: Comprender los Componentes y la Visibilidad

Una vez que hayas ingresado al editor, es importante entender el concepto de 'Componentes'. Los componentes son los bloques de construcción de tu sitio web. Representan partes individuales de una página web, como encabezados, imágenes, textos, botones y más.

En relación con los componentes, el término 'Visibilidad' significa si un componente aparece en tu sitio web cuando es visto por diferentes usuarios bajo diferentes condiciones.

Paso 4: Elige un Componente

Elige un componente al que aplicarle visibilidad condicional. Para hacerlo, haz clic en el componente de tu sitio que te gustaría cambiar la configuración de visibilidad.

Paso 5: Accediendo a la Configuración de Visibilidad

Después de seleccionar el componente, debería aparecer una barra de herramientas en el lado derecho de tu pantalla. Dentro de esta barra de herramientas, haz clic en la pestaña 'Configuración' para revelar más opciones. Desplázate hacia abajo y encuentra la opción que dice 'Visibilidad'. Haz clic en ella para abrir el menú de configuración de visibilidad.

Paso 6: Entendiendo las Condiciones de Visibilidad

Bajo la configuración de visibilidad, encontrarás varias condiciones que puedes establecer. Puedes seleccionar una condición o varias condiciones según tus preferencias. Por ejemplo, si quieres que un componente solo sea visible para los usuarios que han iniciado sesión, puedes establecer la condición como 'Usuario está conectado'. Hay otras condiciones como 'Usuario no está conectado', 'Usuario es administrador', etc.

Paso 7: Establece las Condiciones de Visibilidad

Después de entender las condiciones de visibilidad, elige la(s) condición(es) que quieres para el componente seleccionado. Cada condición tendrá una casilla a su izquierda. Haz clic en la casilla para seleccionar una condición.

Paso 8: Guarda y Publica los Cambios

Después de establecer tus condiciones deseadas, guarda tus cambios haciendo clic en el botón 'Guardar' que normalmente se encuentra en la esquina superior derecha del editor. Finalmente, publica tu sitio web para que los cambios se reflejen en la versión en vivo. Puedes hacer esto haciendo clic en el botón 'Publicar', también normalmente ubicado en la esquina superior derecha del editor junto al botón de guardar.

Con estos pasos, deberías poder usar la visibilidad condicional en WeWeb con éxito. Por favor, recuerda que los cambios hechos con visibilidad condicional solo se reflejarán cuando se cumplan las condiciones. Por ejemplo, si se configura un componente para que solo sea visible para usuarios que han iniciado sesión, no será visible para los visitantes que vean tu sitio y no hayan iniciado sesión.