Todo lo que un diseñador necesita para crear el fondo del popup y la landing de las campañas de Popconvert: tamaños, dónde van los textos y el juego, qué se puede recortar y plantillas para descargar.
Las plantillas usan las convenciones del diseño gráfico, con valores medidos en campañas reales de Popconvert (no valores genéricos de impresión).
Esta terminología sigue la práctica del diseño: el sangrado es la parte del arte que se extiende más allá del área final para evitar vacíos si se recorta; la zona segura es el área donde el texto y los logotipos quedan protegidos. (Adobe, Canva)
El popup pasa por tres pantallas y los elementos cambian de lugar en cada una. La plantilla muestra las tres a la vez, con trazos distintos:
1. Opt-in
Título, subtítulo, juego, campo de email, botón y textos legales aparecen juntos. Es la etapa más cargada y la más crítica para el arte.
2. Juego
El formulario desaparece. Título y subtítulo cambian de posición y el juego (rueda, máquina, íconos o tarjeta) queda en primer plano.
3. Cupón
Solo aparecen el título, el cupón grande y los botones para copiar el código o cerrar.
En la etapa del cupón hay una opción de la campaña para mostrar u ocultar la imagen de fondo del popup. Cuando está desactivada, solo aparece el color de fondo.
La imagen de fondo del popup vale para campañas en el sitio y para campañas de código QR. Llena el popup y, si la proporción de la imagen es distinta a la del popup, se amplía hasta cubrirlo y se recorta el exceso. Por eso, usa siempre la proporción exacta de la plantilla.
| Juego | Escritorio · Popup | Escritorio · Exporta en | Móvil · Popup | Móvil · Exporta en |
|---|---|---|---|---|
| Ruleta | 85% de la altura de la pantalla, proporción 18:17 (972×918 en una pantalla de 1080 px de alto) | 1944×1836 | 90% del ancho y 80% del alto de la pantalla (351×675 en 390×844) | 702×1350 |
| Máquina Tragaperras | 800×512 px | 1600×1024 | 320×720 px | 640×1440 |
| TNT | 480×672 px | 960×1344 | 320×592 px | 640×1184 |
| Rasca y Gana | 480×720 px | 960×1440 | 320×592 px | 640×1184 |
| Regalo Misterioso (Pick a Gift) | 480×672 px | 960×1344 | 320×592 px | 640×1184 |
| Búsqueda del Tesoro (Treasure Hunt) | 480×672 px | 960×1344 | 320×592 px | 640×1184 |
En escritorio la rueda ocupa la mitad izquierda del popup y los textos quedan a la derecha; el popup mide el 85% de la altura de la pantalla. Si la Ruleta se configura a la derecha, la ubicación de las zonas se espeja (hay una plantilla para ese caso). En móvil el popup ocupa el 90% del ancho y el 80% del alto de la pantalla y la rueda queda abajo.
Máquina a la izquierda y textos a la derecha en escritorio; en móvil la máquina va arriba y el formulario abajo. Tamaño fijo.
Los íconos (globos o bombas) flotan por el área del juego y, después del email, se mueven por un área mayor: por eso la plantilla muestra las dos áreas. Tamaño fijo.
La tarjeta queda en el centro, con el formulario debajo. Tamaño fijo.
Mismas proporciones, dimensiones y zonas que TNT; cambia el ícono (un regalo) y los elementos quedan quietos en lugar de flotar. Información del equipo Popconvert.
Mismas proporciones, dimensiones y zonas que TNT; cambia el ícono (un cofre del tesoro) y los elementos quedan quietos en lugar de flotar. Información del equipo Popconvert.
El fondo de la landing existe solo en las campañas de código QR, que aloja Popconvert. Las campañas en el sitio del cliente no tienen fondo de landing, porque se ejecutan en la página del propio cliente.
Si no se sube ninguna imagen, la landing muestra un fondo gris.
| Juego | Posición en escritorio | Popup (escritorio) |
|---|---|---|
| Ruleta | A la izquierda (predeterminado) o a la derecha | 972×918 px |
| Máquina Tragaperras | Centrado | 800×512 px |
| TNT · Pick a Gift · Treasure Hunt | Centrado (también Pick a Gift y Treasure Hunt) | 480×672 px |
| Rasca y Gana | Centrado | 480×720 px |
Las plantillas de la landing muestran el área que ocupa el popup y líneas de recorte calculadas para pantallas de otras proporciones. En móvil, la posición vertical del popup varía con la altura de la pantalla: la parte superior queda a 18 px en 360×640, 41 px en 390×844 y 51 px en 430×932.
Los tamaños de móvil usados en las mediciones fueron 360×640, 390×844 y 430×932 (iPhone y Samsung populares). Las plantillas móviles parten de 390×844.
El popup de Rasca y Gana mide 480×720 en escritorio y 320×592 en móvil. Exporta el fondo en 960×1440 (escritorio) y 640×1184 (móvil).
El popup de la Máquina Tragaperras mide 800×512 en escritorio y 320×720 en móvil. Exporta en 1600×1024 (escritorio) y 640×1440 (móvil).
El popup de TNT mide 480×672 en escritorio y 320×592 en móvil. Exporta en 960×1344 (escritorio) y 640×1184 (móvil).
En escritorio el popup de la Ruleta ocupa el 85% de la altura de la pantalla, con proporción 18:17 (972×918 en una pantalla de 1080 px de alto); exporta en 1944×1836. En móvil ocupa el 90% del ancho y el 80% del alto de la pantalla (351×675 en 390×844); exporta en 702×1350.
Sí. Según el equipo Popconvert, las proporciones, dimensiones y zonas son las mismas que las de TNT: popup de 480×672 en escritorio y 320×592 en móvil. La diferencia es el ícono del juego y que los elementos quedan quietos en lugar de flotar.
La landing de la campaña de código QR muestra un fondo gris.
No. El fondo de la landing existe solo en las campañas de código QR. Las campañas en el sitio se ejecutan en la página del cliente y solo tienen la imagen de fondo del popup.
En escritorio, no: la Ruleta queda pegada a la izquierda (predeterminado) o a la derecha, y al elegir la derecha la ubicación de las zonas se espeja. Los demás juegos quedan centrados.
La imagen se amplía hasta cubrir el popup y se recorta el exceso en los bordes. En un popup vertical, una imagen horizontal pierde los laterales. Usa la proporción exacta de la plantilla.
No. Las medidas y las plantillas cubren escritorio y móvil.
¿Todavía no eres cliente de Popconvert?
