Mensajes modales dentro de la aplicación
Los modales aparecen en el centro de la pantalla del dispositivo con una superposición de pantalla que ayuda a destacarlos del fondo de tu aplicación. Son perfectos para sugerir de forma llamativa que tu usuario aproveche una oferta o promoción.
Este tipo de mensaje está disponible tanto en el editor de arrastrar y soltar como en el editor tradicional.
Especificaciones de imagen
Los mensajes modales dentro de la aplicación están diseñados para ajustarse al dispositivo en las proporciones mejores y más completas posibles, manteniéndose fieles al tamaño y las proporciones de la imagen o el texto que elijas para tu mensaje.
Aunque no hay límites en cuanto al número de caracteres de texto que puedes incluir en un mensaje dentro de la aplicación (así como en los botones, el titular, el cuerpo principal y otros), te recomendamos moderar el número de caracteres de texto que utilizas. Demasiado texto obligará a los usuarios a ampliar y desplazar el mensaje.
Todos los mensajes dentro de la aplicación tienen un tamaño de imagen recomendado de 500 KB, un tamaño máximo de 5 MB y admiten los tipos de archivo PNG, JPEG y GIF. Las imágenes WebP no son compatibles con todos los dispositivos o navegadores; recomendamos convertir las imágenes WebP a PNG o JPEG antes de añadirlas a los mensajes dentro de la aplicación.
| Tipo | Relación de aspecto | Calidad de imagen | Notas |
|---|---|---|---|
| Retrato a pantalla completa con texto | 6:5 | Alta resolución 1200 x 1000 px Resolución mínima 600 x 500 px |
Se puede recortar por todos los lados, pero la imagen siempre ocupará el 50% superior de la ventana. |
| Retrato a pantalla completa (solo imagen, con o sin botones) | 3:5 | Alta resolución 1200 x 2000 px Resolución mínima 600 x 1000 px |
El recorte puede producirse en los bordes izquierdo y derecho en los dispositivos más altos. |
| Tipo | Relación de aspecto | Calidad de imagen | Notas |
|---|---|---|---|
| Pantalla completa apaisada con texto | 10:3 | Alta resolución 2000 x 600 px Resolución mínima 1000 x 300 px |
Se puede recortar por todos los lados, pero la imagen siempre ocupará el 50% superior de la ventana. |
| Pantalla completa apaisada (solo imagen, con o sin botones) | 5:3 | Alta resolución 2000 x 600 px Resolución mínima 1000 x 600 px |
El recorte puede producirse en los bordes izquierdo y derecho en los dispositivos más altos. |
| Tipo | Relación de aspecto | Calidad de imagen | Notas |
|---|---|---|---|
| Modal (solo imagen) | 1:1 | Resolución máxima recomendada: 1200 x 2000 px Resolución mínima: 600 x 600 px |
El mensaje cambiará de tamaño para adaptarse a imágenes de la mayoría de las relaciones de aspecto. La resolución máxima recomendada tiene una relación de aspecto de 3:5, lo que puede no proporcionar resultados óptimos. Aunque las imágenes más grandes son utilizables, pueden provocar tiempos de carga más largos. La relación de aspecto ideal para las imágenes es 1:1, y si no se cumple esta relación, puede aparecer una advertencia durante la carga. Esta advertencia es una sugerencia para obtener mejores resultados y no impide la carga de imágenes más grandes. |
| Modal con texto | 29:10 | Alta resolución 1450 x 500 px Resolución mínima 600 x 205 px |
Las imágenes altas se reducirán y se centrarán horizontalmente. Las imágenes anchas se recortarán por los bordes izquierdo y derecho. |
Pantallas más grandes
En una tableta o un navegador de escritorio, un mensaje modal dentro de la aplicación seguirá apareciendo en el centro de la pantalla de la aplicación, como se muestra en la siguiente captura de pantalla.
