Visibilidad

Puede elegir mostrar u ocultar bloques de creación en función de los siguientes datos del visitante:

  • el tipo de dispositivo (móvil u ordenador),

  • el país (geolocalización basada en la IP),

  • el idioma del sitio web,

  • los parámetros UTM, y

  • el estado de la sesión.

Móvil/ordenador

Para alternar la visibilidad de un bloque de creación según el tipo de dispositivo del visitante:

  • Abra el editor del sitio web y seleccione un bloque.

  • En la pestaña Personalizar, dentro de las opciones de personalización del bloque, busque Visibilidad.

    • Haga clic en el botón (Mostrar/ocultar en ordenador) para ocultar el bloque a los usuarios que visiten su sitio web desde un ordenador.

    • Haga clic en el botón (Mostrar/ocultar en móvil) para ocultar el bloque a los usuarios que visiten su sitio web desde un dispositivo móvil.

  • Haga clic en Guardar para aplicar los cambios.

A veces también es posible ocultar elementos dentro de los bloques. Se utiliza principalmente para ocultar elementos específicos dentro de bloques que pueden ser demasiado anchos para mostrarse correctamente en dispositivos móviles. Para comprobar si la opción está disponible, seleccione un elemento dentro de un bloque y busque la opción Visibilidad en las opciones de personalización del elemento.

Example

La imagen seleccionada está oculta en dispositivos móviles.

screenshot: website-visibility-element-visibility
menu
Website ‣ Edit ‣ (column) ‣ Visibility
shows
A column with its Visibility option set to hide it on mobile devices, shown with the mobile preview next to it.
highlight
The Visibility option (red frame).
data
Demo website 'My Website' in the website editor.
module
website
notes
English UI, light theme, 1440px width.

Condiciones

Para acceder a las condiciones de país, idioma del sitio web, parámetros UTM y estado de la sesión:

  • Abra el editor del sitio web y seleccione un bloque de creación.

  • En la pestaña Personalizar, busque Visibilidad.

  • Haga clic en Sin condición y seleccione De forma condicional para mostrar las diferentes opciones:

    • País: el país de la dirección IP del visitante.

    • Idiomas: el idioma del sitio web utilizado por el visitante.

      Nota

      Esta opción solo está disponible si hay más de un idioma instalado.

    • Campaña UTM: la campaña seleccionada.

    • Medio UTM: el medio seleccionado de cualquier campaña.

    • Fuente UTM: la fuente seleccionada de cualquier campaña.

    • Usuarios: seleccione si el visitante debe tener la Sesión iniciada o la Sesión cerrada para ver el bloque. De forma predeterminada, la opción está configurada como Visible para todos.

  • Para una o más de las cinco primeras opciones, elija si el bloque debe estar Visible para u Oculto para, y a continuación haga clic en Elegir un registro… y selecciónelo.

Truco

  • Puede seleccionar varios registros para cada opción haciendo clic de nuevo en Elegir un registro….

  • Haga clic en el botón (eliminar) para eliminar una opción.

Haga clic en Guardar para aplicar los cambios.

Example

Un bloque con la siguiente configuración solo se mostrará a los visitantes con una dirección IP belga, para los que el sitio web se muestra en francés, a menos que visiten la página mediante la URL rastreada de la campaña Sales.

screenshot: website-visibility-visibility-conditions
menu
Website ‣ Edit ‣ (building block) ‣ Visibility ‣ Conditionally
shows
A building block with Conditionally visibility set, showing several visibility conditions (language, UTM campaign, visitor type).
highlight
The condition lines (red frame).
data
Two conditions: language Hungarian and a UTM campaign.
module
website
notes
English UI, light theme, 1440px width.

Elementos invisibles

Los bloques y elementos con ajustes de visibilidad personalizados se muestran en la parte inferior de la barra lateral del editor del sitio web. Puede obtener una vista previa del aspecto que tendría la página haciendo clic en el botón (visible) para ocultar un bloque o elemento, o en (oculto) para mostrarlo en el editor del sitio web.

screenshot: website-visibility-invisible-elements
menu
Website ‣ Edit
shows
The Invisible Elements list at the bottom of the editor sidebar, listing the blocks and elements with custom visibility settings.
highlight
The Invisible Elements list (red frame).
data
Two hidden elements.
module
website
notes
English UI, light theme, 1440px width.