Ir al contenido principal
Modos de edición Desktop/Mobile

Conoce cómo personalizar tus templates desde el editor

Actualizado hace más de 3 meses

Dentro de nuestro editor podrás diseñar fácilmente los templates de tus campañas, añadiendo en ellos contenido responsive para asegurar una mejor visibilidad en la mayor parte de los dispositivos.

Para facilitar tu trabajo en el template, desde la pestaña del Editor de tus campañas encontrarás los íconos Desktop y Móvil:

😉 Podrás trabajar en ambas vistas sin tener que cambiar entre la etapa de creación y el modo de vista previa

¿Cómo utilizarlo en cada caso?

El modo de edición Desktop te permitirá trabajar con el clásico constructor de templates que ya conoces, puedes ver más detalle en los artículos de nuestra colección Editor de plantillas.

Si cambias al modo de edición Móvil, el área de contenido se reducirá a 320 px, allí podrás editar los mismos elementos en función de la vista en la que estás trabajando:

❗El fondo de color gris que aparece en el modo de diseño Móvil no forma parte de tu template

¿Qué ajustes podrás realizar en el modo Móvil?

Podrás optimizar el diseño de las siguientes propiedades de contenido:

  • Relleno

  • Alineación

  • Tamaño de la fuente

Estas tres propiedades están disponibles para los siguientes bloques:

  • Título

  • Párrafo

  • Lista

  • Íconos

  • Menú

  • Botón

Al trabajar en este modo de diseño solo podrás aplicar cambios a la versión mobile. Puedes identificar estas opciones buscando el indicador Móvil en la barra lateral:

Si no realizas cambios en estos elementos este ícono se verá en color gris. Sin embargo, si aplicas cambios a cualquiera de estos elementos, el ícono cambiará a celeste. Esto indica que has aplicado cambios solo a la versión mobile de tu diseño:

❗Las ediciones de elementos en los que no figure el icono de Móvil afectarán a ambas versiones del diseño

Visibilidad de los contenidos ocultos

Si tu template incluye contenidos ocultos para desktop o mobile verás un ícono junto al modo de diseño:

👉 Este ícono actúa como un switch de visibilidad, allí podrás seleccionar entre visibilidad activada o desactivada

Recuerda que puedes la visibilidad de cada contenido se ve y se configura desde Disposición> Ocultar en:

Visibilidad Desactivada

Esta es la opción predeterminada. Al estar desactivada no verás los contenidos que están ocultos en dispositivos que coincidan con el modo de diseño:

Visibilidad Activada

Al activarla podrás ver los contenidos ocultos independientemente del modo de diseño, los mismos se verán traslúcidos/desenfocados para que puedas identificarlos rápidamente:


Limitaciones en el modo de edición Móvil

Las funciones disponibles son las mismas que en el modo de edición Desktop, con algunas excepciones:

  • El ancho del área de contenido no se puede escalar; solo se puede cambiar en la vista desktop.

  • Puedes agregar o eliminar columnas dentro de una fila, pero no podrás cambiar su tamaño.


Historial de cambios

Desde el ícono historial, ubicado en la esquina inferior izquierda del editor, podrás acceder a todos los cambios realizados en el template.

Las ediciones realizadas en el modo de edición Móvil estarán diferenciadas del resto de los cambios, así:


Casos de uso

Si cuentas con dos versiones del logo de tu marca, una para mobile y otra para desktop, podrás añadir cada una de ellas en el modo de edición correspondiente.

En el modo de edición desktop se añadió el logo optimizado y en el mismo bloque el logo para mobile como un contenido oculto:

En el modo de edición Móvil podrás ver el logo optimizado y en el mismo bloque el logo para desktop como un contenido oculto:

¿Ha quedado contestada tu pregunta?