Para agregar una dimensión visual adicional a tus campañas y aumentar su impacto, puedes mostrar imágenes de fondo en tus plantillas o en los bloques que las componen.
Este tutorial explica cómo agregar una imagen de fondo a una plantilla en el editor Fastbuilder.
1. Seleccionar una imagen
- En la edición de su plantilla, accede a la pestaña Contenido.
- En la sección Propiedades generales, activa la opción Imagen de fondo.
- Haz clic en el ícono de imagen para abrir la galería.
- Importa o selecciona tu imagen, luego haz clic en Usar esta imagen para confirmar.
Nota: Para evitar ralentizar la carga del correo electrónico, da prioridad a archivos de menos de 1 MB en formato JPEG o PNG comprimido.
2. Dar formato al fondo
Una vez seleccionada tu imagen, puedes ajustar su visualización, siempre en la pestaña Contenido, para dar formato a tu fondo.
- El campo Posición te permite definir dónde debe colocarse la imagen dentro de la plantilla. Puedes alinearla en la parte superior o inferior de la plantilla, izquierda o derecha, o centrarla.
- El campo Repetir permite definir si la imagen debe repetirse y de qué manera. Por defecto, la imagen no se repite y solo se muestra una vez. Los modos de repetición disponibles son los siguientes.
- Horizontal: la imagen se repite a lo largo de todo el ancho del bloque.
- Vertical: la imagen se repite a lo largo de toda la altura del bloque.
- Horizontal y vertical: la imagen se repite tanto en ancho como en alto dentro del bloque.
- Con espacio: la imagen se muestra completa en ancho y alto para llenar todo el espacio disponible en el bloque, sin ser recortada ni redimensionada.
- Sin espacio: la imagen se muestra completa en ancho y alto para llenar todo el espacio disponible en el bloque y puede ser redimensionada.
- El campo Tamaño permite definir cómo debe ajustarse el tamaño de la imagen al espacio a llenar. Por defecto, la imagen no se redimensiona y mantiene su tamaño original. Las opciones disponibles son las siguientes:
- Cubrir: La imagen se redimensiona (conservando las proporciones) para llenar todo el espacio disponible en el bloque.
- Contener: La imagen se redimensiona (conservando las proporciones) para llenar el ancho del bloque.
3. Compatibilidad con los proveedores de correo electrónico
Cuando diseñas una plantilla, es esencial tener en cuenta las posibles diferencias de visualización, no solo según los dispositivos, sino también en función de las aplicaciones y los navegadores.
Por ejemplo, algunos proveedores de correo electrónico, como Outlook en Windows, no admiten imágenes de fondo en HTML y CSS. Por lo tanto, estas imágenes no se mostrarán en tus plantillas.
Para garantizar una legibilidad óptima para todos tus destinatarios, configura un color de fondo alternativo para tu plantilla.
Puedes ajustar el color de fondo en la pestaña Estilo.