Tu avatar
En la sección REMITENTE, puedes agregar un avatar junto a la dirección del remitente de tus mensajes. El avatar también aparecerá en las notificaciones push. Su tamaño estándar es 110x110 px. Asegúrate de usar un tamaño adecuado. Puede ser una foto o un logotipo (generalmente una versión reducida o un símbolo).
Pop-up personalizado: versión de escritorio
La versión de escritorio funciona en varios tamaños, normalmente entre 700–500 px de ancho y 500–300 px de alto. El tamaño depende de ti y del efecto que quieras lograr. Si usas una plantilla con imagen lateral, la imagen que subas debe medir aproximadamente 300 px de ancho por 400 px de alto. Para imagen de fondo, sigue los tamaños sugeridos para todo el pop-up.
El pop-up que creas es responsive, se adapta al dispositivo. A continuación, las pautas para la versión móvil.
Pop-up personalizado: versión móvil
La versión móvil normalmente mide 300 px de ancho por 450 px de alto, aunque puede ajustarse levemente. Debido al espacio limitado, no es posible colocar la imagen igual que en la versión de escritorio. Aquí priorizamos la información y elementos esenciales, ocultando la imagen de la versión de escritorio.
Siempre verifica cómo se ve tu pop-up usando la opción Preview.
Push newsletter
El Push Newsletter incluye una imagen pequeña, generalmente tu logo, y una imagen más grande para comunicar ofertas o promociones. Las dimensiones son fijas: 420 px de ancho por 210 px de alto para la imagen principal y 110x110 px para el avatar.
Weblayer slider
El Weblayer es un pop-up deslizante en el borde de la página, visible en computadoras. En el sistema puedes editar completamente tu Weblayer, asegurando que se ajuste a la estética de la tienda. Todos los elementos son editables (checkboxes, botones, textos, imágenes, espacios, etc.). Siempre prueba el Weblayer antes de publicarlo con Preview.
Weblayer banner
Los templates de ejemplo están en la sección Templates (punto 3) de la configuración del Weblayer. Un ejemplo de dimensión de banner tipo Beam Stripper es 1920x120 px. Todos los elementos son editables. Siempre prueba antes de publicar.
Dimensiones de imágenes en el creador de mensajes
Al agregar imágenes en el creador de mensajes, es importante recordar algunas reglas que facilitan la correcta visualización de las campañas en las bandejas de entrada. Al elegir el tamaño adecuado de las imágenes, asegúrate de que el ancho del mensaje se ajuste a tus necesidades. Puedes usar cualquier tamaño, pero sugerimos elegir entre los tamaños recomendados:
600 px de ancho es el estándar en email marketing. Los mensajes con este ancho son ligeros, se muestran correctamente en la mayoría de dispositivos y no aumentan el riesgo de ir a SPAM. Ten en cuenta que en dispositivos móviles el correo generalmente se muestra con aproximadamente 400–450 px de ancho. Esto significa que el diseño puede verse ligeramente distinto que en el escritorio. Por eso, siempre revisa el preview en versión desktop y mobile.
450 px de ancho en escritorio se verá algo estrecho, pero aún legible. En dispositivos móviles se verá muy similar a la versión de escritorio, reduciendo el riesgo de cambios en el diseño. Esta es una buena opción si quieres que el correo luzca similar en cualquier dispositivo.
De 700 a 900 px de ancho son mensajes más amplios en escritorio y aún se muestran correctamente en las bandejas de entrada. No recomendamos más de 900 px, ya que puede afectar la legibilidad y la coherencia del diseño. En dispositivos móviles, el ancho se reducirá y los elementos gráficos se escalarán. Presta atención al texto en las imágenes; letras pequeñas pueden volverse difíciles de leer o ilegibles.
Tamaños de imágenes en el mensaje
Usar imágenes con el ancho del mensaje es común para crear composiciones consistentes y estéticas. Recuerda que en dispositivos móviles la imagen se reducirá. Si colocas texto en el banner, verifica que siga siendo legible en mobile. Textos muy pequeños pueden ser difíciles de leer.
Ejemplo: banner de 600x340 px.
Imágenes de aproximadamente 450 px de ancho: en escritorio dejarán márgenes considerables a los lados. Esta es una buena opción si quieres que el banner luzca similar en desktop y mobile.
Ejemplo: banner de 450x515 px.
La longitud de las imágenes es libre; el ancho es lo que determina el escalado. Ajústalo según tus necesidades y la estética de la marca.
Uso de GIFs
Se pueden usar GIFs de hasta 2 MB. Considera:
Solo 256 colores por frame → pérdida de saturación.
Pesados → pueden ralentizar carga, problemas de visualización, SPAM.
Optimización reduce calidad.
👉 Recomendamos usar formatos ligeros (JPG, PNG) o videos cortos mediante link.
¿Necesitas más ayuda?
Si tienes alguna pregunta adicional sobre las imágenes en edrone, no dudes en escribirnos a hello@edrone.me