Editar landing page responsive
Usuarios autorizados: Administradores y editores.
La misión: Edita la vista por dispositivos de tu landing page responsive con estas 3 acciones.
1. Cambia tu plantilla a visualización mobile
1.1 Primero, haz clic en los íconos de dispositivos que se encuentran en el cintillo superior del editor para verificar el diseño de tu plantilla en cada versión.1.2 Al modificar las secciones y elementos de tus plantillas, es necesario ajustar el diseño de esos elementos en cada versión para asegurarte de que las modificaciones que realices en la versión de escritorio se visualicen correctamente en las versiones tablet y móvil.1.3 Para editar la vista por dispositivos de tu landing page, comienza cambiando tu plantilla a visualización mobile. Para esto, haz clic en el ícono de dispositivo móvil.
2. Personaliza cada visualización
2.1 Existen ajustes comunes en el diseño de los elementos que puedes aplicar con esta funcionalidad. Por ejemplo:
- Para cambiar el fondo de las secciones, haz clic en la pestaña Fondos
- Para ajustar el tamaño y color de los textos, haz clic en la pestaña Formato
- Para ajustar el tamaño de las imágenes, haz clic en la pestaña Tamaño
- Para ajustar los valores de padding y márgenes de los elementos, haz clic en la pestaña Espacio
3. Oculta elementos de tu landing page
3.1 Además, podrás elegir qué elementos deseas mostrar en cada versión. Para esto, haz clic en el ícono de la tuerca y desmarca los dispositivos en los no quieres mostrar ese elemento.
3.2 Haz clic en el ícono de móvil para ajustar esta versión de manera independiente.3.3 Finalmente, si lo necesitas, también puedes restablecer los colores, tamaños de letras y tipografías de la versión de escritorio en la versión tablet o móvil, haciendo clic en la "x" que está en cada valor.
¿Estás listo para completar la misión en Escala?
Related Articles
Editar secciones de una landing page
Usuarios autorizados: Administradores y editores. La misión: Edita las secciones de tu página con estas 4 acciones. 1. Detalla el contenido de las secciones 1.1 Cada sección de tu landing page contiene filas, columnas y, dentro de esas columnas, ...Editar landing pages publicadas
Usuarios autorizados: Administradores y editores. La misión: Edita páginas publicadas con estas 4 acciones. 1. Cambia el diseño y contenido 1.1 Para editar una landing page que hayas publicado en Escala, haz clic en la sección Landing Pages ubicada ...Crear nueva landing page
Usuarios autorizados: Administradores y editores. La misión: Crea nuevas landing pages con estas 3 acciones. 1. Elige la estructura 1.1 Para crear una nueva landing page en Escala, dirígete al menú de funcionalidades y selecciona Landing Pages. 1.2 ...Editar estilos globales de una landing page
Usuarios autorizados: Administradores y editores. La misión: Personaliza los estilos globales de tu landing page con estas 4 acciones. 1. Personaliza el estilo y diseño predeterminado de tu landing page 1.1 Para personalizar los estilos personales de ...Agregar contador regresivo a una landing page
Usuarios autorizados: Administradores y editores. La misión: Integra un contador regresivo a tu landing page con estas 3 acciones. 1. Accede al editor de landing pages 1.1 En Escala, puedes agregar un contador regresivo para promocionar tus productos ...