En este artículo, aprenderá a diseñar sus páginas de destino para dispositivos móviles.
Diseña tus páginas de ActiveCampaign para dispositivos móviles
Para comenzar a diseñar tus páginas para dispositivos móviles, deberás acceder al modo de vista previa móvil.
1. Desde el editor de páginas, coloque el mouse sobre el modo de vista previa "Escritorio" ubicado en la barra superior izquierda.
2. Aparecerá una ventana modal. Haga clic en la opción "Móvil".
El modo de vista previa cambiará a móvil. Puedes comenzar a agregar, eliminar y editar bloques en tu página.
Acerca de las anulaciones de estilo móvil
Con el estilo móvil, puede optar por realizar anulaciones de estilo móvil. Las anulaciones de estilo móvil son cambios de diseño que solo son visibles en un dispositivo móvil.
Visibilidad
Puede optar por hacer que cualquier bloque sea visible o invisible en la vista móvil. También puede hacer que cualquier bloque sea visible o invisible en la vista de escritorio.
Estilos de bloque de página
Puede editar los siguientes estilos de bloque para que solo sean diferentes dentro de la vista móvil:
- Ancho
- Fondo
- Espaciado interno
- Frontera
- Esquinas
- Sombras
- Opacidad
No puede editar los siguientes estilos para que sean diferentes solo en la vista móvil. Cualquier edición que realice en lo siguiente cambiará automáticamente en la vista de escritorio y móvil:
- Agregar texto
- Agregar contenido
- Cambiar los colores del tema
- Estilo de texto (negrita, cursiva, tamaño, etc.)
Agregar anulaciones de estilo móvil
Cualquier edición que realice mientras está en el modo de vista previa móvil agrega anulaciones de estilo móvil. Si un elemento tiene una anulación móvil, aparecerá un icono rojo "X" en el panel derecho junto al estilo:
Hacer que los bloques sean visibles o invisibles en la vista móvil
Puede hacer que los bloques e incluso secciones enteras de su página sean visibles o invisibles en la vista móvil haciendo clic en los iconos "Visibilidad" ubicados en el panel derecho.
De forma predeterminada, se seleccionarán ambos iconos. Para que un bloque o sección sea visible solo en dispositivos móviles:
1. Haga clic en la sección del editor de páginas con el que desea trabajar.
2. Haga clic en el icono "Escritorio" para anular la selección.
El icono "Escritorio" pasará de azul a gris; el icono "Móvil" permanecerá azul. Esto significa que el bloque o sección solo es visible en el móvil.
La reorganización de los bloques de página solo se puede hacer en modo de escritorio. Cualquier cambio que realice con el diseño de su página en el escritorio se reflejará en el móvil de forma predeterminada.
Eliminar anulaciones de estilo móvil
Para eliminar las anulaciones de estilo móvil, haga clic en el icono de anulación de estilo móvil. Esto se encuentra en el panel derecho del bloque seleccionado.
Al quitar la anulación del estilo móvil, se revierten los estilos de bloque para que coincidan con el diseño del escritorio.