¿Cómo optimizar mi landing page para dispositivos móviles?
El editor de landing pages GetResponse genera automáticamente una vista amigable para móviles. Esto asegura que tu landing page sea responsiva a través de varios tamaños de pantalla, tanto en diseños verticales como horizontales.
Puedes personalizar la vista móvil utilizando las siguientes opciones:
Ocultar en dispositivos móviles
Esta función está disponible para cada elemento de tu landing page. Utilízala para ocultar objetos específicos cuando tu página se visualice en un dispositivo móvil, garantizando una experiencia más sencilla y rápida.
Encontrarás esta opción en la parte inferior de la barra de herramientas de configuración de objetos.
Es especialmente útil para ocultar divisores y espaciadores en la vista móvil.
Nota: Los divisores verticales tienen esta opción activada por defecto.
Escala a ancho completo en móviles
Cuando está activada, esta opción hace que tu imagen o vídeo ocupe todo el ancho de las pantallas móviles. Ayuda a maximizar el uso del espacio limitado de la pantalla móvil al tiempo que permite una disposición alternativa para la versión de escritorio.
Nota: Esta opción sólo está disponible para imágenes y vídeos.
Optimizador de vista para móviles
Puedes definir el tamaño de las fuentes y los rellenos de tu sitio para dispositivos móviles. La vista de escritorio no se verá afectada por los cambios.
Para abrir el optimizador, haz clic en el icono de móvil de la derecha en la barra de herramientas superior y ajusta los valores en los controles deslizantes.
Haz clic en Restaurar predefinido para restablecer cada sección a los valores predeterminados.
Pasos para las landing pages anteriores
Nuestro espacio de trabajo móvil en el creador de landing pages heredado permite previsualizar y modificar la versión móvil de tu landing page. Te da la posibilidad de personalizar la versión móvil por:
- escalar y redimensionar texto e imágenes
- ocultar y restaurar elementos
- reposicionar elementos
- sustitución de imágenes de fondo
Puedes utilizar el espacio de trabajo móvil para modificar:
- plantillas en blanco que puedes utilizar para crear tu página desde cero,
- plantillas de páginas ya hechas que puedes personalizar para adaptarlas a tus necesidades de marketing,
- tus landing pages existentes que te gustaría actualizar.
Haz clic en Vista previa para abrir una pestaña independiente en la que podrás comprobar cómo aparecerán los cambios que has realizado en los dispositivos de tus clientes.
¿Cómo accedo al espacio de trabajo móvil de mi landing page?
Si estás creando una nueva landing page, simplemente haz clic en el icono del espacio de trabajo móvil para abrir el espacio de trabajo.
Para tus landing pages existentes, haz clic en el icono del espacio de trabajo móvil en el creador de landing pages. Se abrirá un módulo emergente pidiéndote que confirmes que deseas que convirtamos la página. Una vez que lo hagas, se abrirá el espacio de trabajo móvil.
Una vez que la página se haya convertido, su versión móvil se podrá ver en dispositivos móviles. El punto de quiebre para las versiones móviles en GetResponse es de 600 px. Por lo tanto, si tu landing page aparece en una ventana de visualización de 600 px o menos, mostraremos su versión móvil.
Nota: Si no vas al área de trabajo móvil para todas las variantes de tu landing page y página de agradecimiento antes de guardarla, te pediremos que confirmes si quieres que las convirtamos en versiones móviles.
¿Cómo puedo adaptar automáticamente mi landing page a los dispositivos móviles?
Dado que nuestro espacio de trabajo para escritorio y nuestro espacio de trabajo para móviles son versiones diferentes del mismo diseño, uno no puede editarse manualmente sin que afecte al otro. En su lugar, ofrecemos la opción de organizar tu landing page para dispositivos móviles de forma automática. Para completar este proceso:
- Haz clic en el icono del espacio de trabajo móvil.
- Haz clic en cualquier lugar del espacio de trabajo móvil.
- Si usas Windows, selecciona CTRL + O en el teclado. Si utilizas Mac, selecciona CMD + O en el teclado.
- Aparecerá una nueva ventana preguntándote si deseas optimizar el diseño móvil. Haz clic en Sí, hacerlo para continuar.
Tu landing page se adaptará automáticamente a los dispositivos móviles.
Nota: Esto revertirá cualquier cambio que hayas hecho en el diseño móvil. No puedes deshacer esta acción. Tu historial de edición no estará disponible.
¿Cómo puedo reposicionar elementos en el espacio de trabajo móvil?
Arrastra y suelta elementos para mover objetos en el espacio de trabajo móvil. Ten en cuenta que algunos cambios en el espacio de trabajo móvil pueden afectar a la versión de escritorio:
- Mover elementos a una sección diferente, o eliminar un objeto de una caja, afecta también a la versión de escritorio de la página.
- Mover elementos dentro de una sección sólo se aplica a la versión móvil. Nada cambia en la versión de escritorio.
Te avisaremos cada vez que esto ocurra mostrándote un número junto al icono del espacio de trabajo móvil.
El número indica cuántos de tus cambios afectan a la versión de escritorio. (Lo mismo funciona para los cambios que hagas en la versión de escritorio que afecten a la versión móvil).
Sólo puedes mover elementos dentro de un área específica del espacio de trabajo. No es posible colocar elementos en los extremos del área de trabajo (están cubiertos por rayas diagonales). Esto se debe a que pueden no ser visibles de inmediato en la ventana gráfica de los dispositivos móviles. Tus clientes tendrían que desplazarse para ver los objetos colocados allí. Queremos asegurarnos de que tu landing page se muestre correctamente en pantallas pequeñas, por lo que te indicamos dónde es mejor no colocar objetos.
¿Cómo escalar y redimensionar elementos en el espacio de trabajo móvil?
También puedes cambiar su tamaño para modificar la anchura del marco de texto. A continuación, puedes escalar un objeto para aumentar o reducir el tamaño del texto en el espacio de trabajo móvil.
Cambiar el tamaño y la escala te permite modificar los campos de texto en el área de trabajo móvil para que aparezcan en la ventana gráfica tal y como deseas. A continuación se explica cómo hacerlo:
- Haz clic en el objeto para mostrar los controladores de tamaño.
- Para cambiar el tamaño, haz clic y arrastra los controladores de tamaño en los lados para ajustar el ancho del marco de texto.
- Para escalar, haz clic y arrastra los controladores de tamaño en las esquinas para hacer el texto más pequeño o más grande.
Escalar y cambiar el tamaño de los objetos en el espacio de trabajo móvil no causará ningún cambio en el espacio de trabajo de escritorio.
¿Puedo eliminar elementos del espacio de trabajo móvil?
Puedes ocultar elementos en el área de trabajo móvil. Para ello, haz clic en el icono de visibilidad que aparece tras seleccionar un elemento.
Para ver los elementos ocultos, haz clic en el botón Mostrar ocultos de la barra de herramientas superior. El área de trabajo aparece en gris y el objeto oculto se hace visible. Ahora puedes:
- Restaurar el elemento. Para ello, basta con hacer clic de nuevo en el icono de visibilidad.
- Mantener el elemento oculto. Para ello, haz clic en el botón Ocultar elementos, ahora visible junto al icono del espacio de trabajo móvil.
Nota: No es posible añadir o eliminar elementos en el espacio de trabajo móvil. Para ello, debes cambiar al espacio de trabajo de escritorio.
¿Puedo editar los campos de texto y sustituir las imágenes de fondo en el espacio de trabajo móvil?
Puedes editar los campos de texto y sustituir las imágenes de fondo en el área de trabajo móvil. Te explicamos cómo hacerlo:
- Para los elementos de texto, haz doble clic en un elemento para abrir la barra de herramientas con las opciones de edición. Puedes cambiar el tamaño, el color y la alineación del texto.
- Para las imágenes de fondo, haz doble clic en la imagen para abrir la barra de herramientas con las opciones de edición. Pulsa el icono de la imagen de fondo para reemplazar la imagen actual, o el icono x para eliminarla.