Configurar los ajustes de la plantilla in-app

Estos ajustes se aplican a toda la plantilla in-app a la vez, en lugar de a un solo bloque.

Configurar el estilo de toda la plantilla

Los ajustes de la plantilla controlan el estilo de toda la plantilla in-app: tamaño y fondo del documento, aspecto del popup y estilos predeterminados para los bloques.

Abra la pestaña Ajustes en el panel derecho.

Secciones disponibles:

• Documento: ancho, relleno, una imagen de fondo, el espacio entre bloques y un radio de esquina predeterminado para las imágenes. En el editor in-app, un campo de Márgenes laterales (px) debajo del relleno establece los márgenes laterales del popup.
• Esquema de color: roles de color con nombre (encabezado, acento, enlaces, fondo, bordes y más) que repintan la plantilla de una vez. Los bloques existentes mantienen los colores que ya ha establecido explícitamente. Active la Variante de modo oscuro para establecer colores separados para una representación oscura de la plantilla.
• Tipografía: familia de fuentes y tamaño predeterminados para el texto de la plantilla.
• Popup: cómo se asienta el mensaje sobre el fondo atenuado: radio de esquina, más color y opacidad de la superposición.
• Valores predeterminados de bloque: estilos iniciales compartidos para los bloques que añada más tarde, de modo que el nuevo contenido coincida con la plantilla hasta que anule un bloque en el lienzo.
• Valores predeterminados de columnas: espaciado para cada diseño de Columnas: relleno exterior, relleno interior de cada columna y el espacio entre columnas.
• Valores predeterminados de tarjeta: aspecto inicial para los contenedores de Tarjeta que agrupan contenido en el diseño, aplicado hasta que diseñe una tarjeta individualmente.
• Valores predeterminados de grupo de botones: espaciado y alineación cuando varios botones se sientan juntos como un grupo.
• Valores predeterminados de botón: aspecto inicial para los nuevos bloques de Botón, de modo que las llamadas a la acción (CTA) se mantengan coherentes en toda la plantilla hasta que diseñe uno por separado.
• Valores predeterminados de divisor: estilo de línea, color, grosor y ancho iniciales para los nuevos bloques de Divisor.

Los valores predeterminados se aplican siempre que un bloque individual no los anule.

Nota

La variante de modo oscuro se incluye en los SDK de iOS y Web; Android solo renderiza la variante clara. Las plantillas guardadas antes de esta función solo tienen una variante clara: abra y vuelva a guardar una para añadir una variante de modo oscuro. Las imágenes de fondo y de portada con un color integrado en el propio archivo no cambian de color para el modo oscuro; utilice una imagen transparente o una imagen de modo oscuro independiente si la necesita.

Nota

En el editor in-app, el ancho del Documento se etiqueta como Ancho máx. (px), un límite superior en lugar del ancho real en pantalla. El ancho real es el ancho de la pantalla menos los márgenes laterales del popup, y una pista debajo del campo muestra ese ancho efectivo resultante. Establezca los márgenes con Márgenes laterales (px), justo debajo de Relleno en la misma sección: escribe un único valor simétrico en ambos lados, y un valor negativo se ajusta a 0. Las nuevas plantillas in-app empiezan en 36 px, lo que deja el popup en aproximadamente el 80% del ancho de la pantalla; edite el campo para cambiar esto. En el editor de email no hay campo de márgenes, y el mismo campo de ancho se llama Ancho (px) y establece el ancho directamente.

Nota

No hay ajuste de altura. El popup crece con su contenido. Para un mensaje a pantalla completa, establezca el Ancho (Ancho máx. en el editor in-app) en Ajustes y elija Pantalla completa en Ajustes in-app.

Configurar el aspecto del in-app en el dispositivo

Los Ajustes in-app controlan cómo aparece y se comporta el mensaje en el dispositivo: posición, animaciones, gestos de deslizamiento y el botón de cierre. Estos ajustes solo se aplican a iOS y Android Nativo.

Haga clic en Ajustes in-app en la barra superior.

Posición en la pantalla

Elija Pantalla completa, Superior, Centro o Inferior.

Animaciones

• Animación de presentación / Animación de cierre: Ninguna, Desvanecer, Izquierda, Derecha, Arriba o Abajo, o Predeterminada para usar el valor predeterminado del SDK de su aplicación.
• Duración de la animación (ms): de 100 a 3000 milisegundos. Déjelo vacío para usar el tiempo predeterminado del SDK.

Nota

Ninguna y Desvanecer funcionan actualmente en Android. En iOS, el mensaje aparece y desaparece instantáneamente (la alineación estará disponible próximamente).

Deslizar para cerrar

Habilite cualquier combinación de Izquierda, Derecha, Arriba y Abajo.

Botón de cierre

Active o desactive Mostrar botón de cierre.

Cuando esté activado, establezca:

• Posición: Superior derecha, Superior izquierda, Inferior derecha o Inferior izquierda.
• Fondo: un color o Transparente.
• Radio de esquina: redondea las esquinas del fondo del botón de cierre. Disponible solo cuando el Fondo es un color (no Transparente). Establezca 0-16 px: 16 px hace un círculo (predeterminado), 0 px hace un cuadrado.
• Color del icono: color del icono de cierre.
• Margen: espacio alrededor del botón de cierre en cada lado (Superior, Derecho, Inferior, Izquierdo).

A diferencia de las otras opciones en Ajustes in-app, el estilo del botón de cierre se guarda en el propio mensaje. Aparece en todas las plataformas, no solo en iOS y Android Nativo.

Haga clic en Aplicar para guardar sus elecciones, o en Cancelar para descartarlas. Abra la Vista previa para comprobar la posición, las animaciones y el botón de cierre antes de guardar.