Ocultar elementos de landing pages para distintos dispositivos

Ocultar elementos de landing pages para distintos dispositivos

Usuarios autorizados: Administradores y editores. 
La misión: Oculta elementos en tus landing pages con estas 3 acciones. 


1. Abre tu landing en el editor

1.1 Al crear tus landing pages en Escala, puedes elegir cuáles elementos ocultar de acuerdo al dispositivo desde donde ingresen tus leads o clientes. Para ello, lo primero que debes hacer es dirigirte a Landing Pages y seleccionar en el listado la landing que quieres editar. También puedes hacer clic en + Crear para elegir una plantilla prediseñada.
1.2 Una vez elegida, haz clic en Editar para comenzar a hacer cambios en el diseño de tu página.

1.3 Luego, el editor cargará y podrás comenzar a hacer cambios en tu landing page.

2. Oculta elementos de tu landing 

2.1 En tu landing page puedes ocultar cualquier elemento que la conforma, como textos, imágenes, botones, íconos, videos, filas, secciones, etc. Para ello, haz clic sobre la pieza que quieres ocultar. Por ejemplo, en este caso seleccionaremos una imagen.
2.2 Seguidamente, dirígete al ícono de la tuerca y haz clic sobre este.


2.3 Al hacer clic en la tuerca, verás que de manera predeterminada Escala muestra todos los elementos de tu landing page en computadoras, tabletas y móviles. Sin embargo, puedes desmarcar el check del dispositivo que desees para que se oculte el elemento seleccionado cuando tus leads o clientes abran tu landing page desde ese tipo de dispositivo.
Por ejemplo, si en este caso desmarcamos el check del móvil, la imagen que seleccionaste no se mostrará cuando tus leads o contactos ingresen a tu landing desde el móvil. Esto te podría servir para disminuir la cantidad de elementos que distraigan la atención de tus visitantes desde determinados dispositivos.


2.4 Por último, haz clic en Guardar para que se apliquen los cambios.

3. Verifica los cambios realizados

3.1 Tras guardar los cambios para que se oculte tu elemento, haz clic en Vista previa para verificar que el elemento se ocultó correctamente.


3.2 El generador de la vista previa cargará y te mostrará las tres previsualizaciones desde la computadora, la tablet y el móvil. Así podrás verificar si el elemento que ocultaste para la versión móvil, se configuró correctamente.
 Nota: Si lo deseas, puedes hacer clic en los íconos individuales de tus dispositivos para agrandar la previsualización en tu pantalla.

3.3 Para salir, haz clic en Volver al editor, ubicado en la esquina superior derecha de tu pantalla y podrás seguir editando tu landing hasta finalizar.
 Importante: Ten en cuenta que pare verificar los cambios, debes ingresar a Vista previa. Si haces clic directamente en los íconos de computador, tablet o móvil, ubicados en la barra superior del editor, no visualizarás los cambios aplicados.

¿Estás listo para completar la misión en Escala?

    • Related Articles

    • Personalizar landing pages para distintos dispositivos

      Usuarios autorizados: Administradores y editores. La misión: Personaliza el diseño responsive de tus landing pages con estas 3 acciones. En Escala es posible crear landing pages personalizadas de acuerdo a cada dispositivo. A continuación, te ...
    • Agregar y ordenar elementos de landing pages

      Usuarios autorizados: Administradores y editores. La misión: Agrega y ordena elementos de tus landing pages con estas 4 acciones. 1. Agrega elementos 1.1 Para agregar elementos a tus landing pages, haz clic sostenido en el elemento que desees agregar ...
    • Configurar parámetros UTM para rastrear landing pages y formularios

      Usuarios autorizados: Administradores y editores. La misión: Configura los parámetros UTM de tus lading pages en 4 acciones. Para identificar el origen de tu audiencia, cuál plataforma es más efectiva para atraer a tu público objetivo o cuál campaña ...
    • Usar plantillas de landing pages

      Usuarios autorizados: Administradores y editores. La misión: Crea tu landing page con una plantilla personalizada en Escala siguiendo estas 3 acciones. 1. Selecciona la opción de plantillas personalizadas 1.1 Para crear un landing page con una ...
    • Editar diseño de formularios en el editor de landing pages

      Usuarios autorizados: Administradores y editores. La misión: Edita el diseño de tus formularios con estas 4 acciones. En Escala es posible personalizar los formularios de tu landing page y configurar su funcionamiento cuando tus leads envíen sus ...