Versión Agosto 2025
Documento de segmentos HTMLs
Plantillas HTMLS
Plantillas Nuevas
Con el objetivo de estandarizar y optimizar la comunicación digital de BAC, se han desarrollado nuevas plantillas HTML que permiten estructurar contenidos promocionales de forma clara, funcional y adaptable. Estas plantillas están diseñadas para facilitar la implementación de campañas publicitarias, comunicados institucionales y promociones de productos financieros, manteniendo coherencia visual y técnica en todos los canales.
Cada plantilla se compone de bloques modulares que permiten una personalización flexible según el tipo de mensaje. En este documento se describen los diferentes bloques con el fin de que estos puedan armarse según la finalidad y el alcance requerido.
Estas plantillas están optimizadas para campañas dirigidas al público, como se indica en los comunicados, y cumplen con los estándares de seguridad y accesibilidad digital establecidos por BAC.
Es importante mencionar que dichos bloques se pueden mezclar con algunos de plantillas anteriores, siempre que estas mantenga la armonía y cohesión visual adecuada a nivel gráfico / estético.
Bloque de beneficios
A continuación se presentan los diferentes bloques generados para presentar beneficios puntuales en los HTMLs. Cantidad de caracteres Se debe respetar la cantidad de líneas por párrafo para mantener el equilibrio visual.
Cambios
En la Figura 1 se pueden agregar 2 beneficios adicionales, no más que eso. Si esto se realiza, el texto de la izquierda puede crecer 2 líneas más.
En la Figura 2 se pueden agregar 3 líneas de texto.
En la Figura 3, puede duplicarse la cantidad de espacios realizando otra hilera de 3 beneficios. Se recomienda no realizar más de esa cantidad.
Lorem ipsum dolor sit amet
Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh.
Ver más
Lorem ipsum dolor sit amet tuernyullb
Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet.
Lorem ipsum dolor sit amet
Lorem ipsum dolor sit amet
Lorem ipsum dolor sit amet
Lorem ipsum dolor sit amet
Lorem ipsum dolor sit amet
Título corto de 2 líneas
Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut
Ver más
Título corto de 2 líneas
Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut
Ver más
Título corto de 2 líneas
Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut
Ver más
Lorem ipsum dolor sit amet
Título corto de 2 líneas
Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut
Ver más
Título corto de 2 líneas
Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut
Ver más
Título corto de 2 líneas
Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut
Ver más
Figura 1. Cuadrícula de títulos cortos
Figura 3. Bloque 3 columnas / Versión A - B
Figura 2. Bloque collage
Bloque de beneficios
A continuación se presentan los diferentes bloques generados para presentar beneficios puntuales en los HTMLs.
Cantidad de caracteres
Se debe respetar la cantidad de líneas por párrafo para mantener el equilibrio visual.
Cambios
En la Figura 4, se coloca un texto general a la izquierda y bullets o viñetas a la derecha. No necesariamente deben ser checks, pueden ser cualquier otro elemento o icono que se mantenga dentro del marge. Si es un icono debe ser de 40x40 px mínimo.
En la Figura 5, se debe colocar icono y texto de beneficio máximo 3 líneas. Procurar que todos tengan una cantidad de texto similar.
Finalmente, la Figura 6, permite colocar un texto más amplio con un CTA opcional.
Lorem ipsum dolor sit amet tuernyullb
Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet.
ipsum dolor sit amet.
Lorem ipsum dolor sit amet.
Lorem ipsum dolor sit amet.
Lorem ipsum dolor sit amet, consectetuer
Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet sit
Figura 4. Bloque de Viñetas
Figura 6. Texto y beneficio con botón
Figura 5. Bloque iconos
Ver más
Lorem
Lorem ipsum dolor sit amet
Lorem ipsum dolor sit amet
Lorem ipsum dolor sit amet
Ver más
Bloque imágenes dos columnas
Los siguientes bloques pueden utilizarse para colocar mayor información. Puede omitirse el botón o bien contar con diferentes jerarquías de texto.
En el Bloque 1 con enmascarado, se debe troquelar algún elemento para que sobresalga. Puede contener una imagen de fondo o bien, el modelo o elemento ser recortado por completo con un bloque de gris claro BAC como fondo. Se pueden crear más de 2 elementos con ese estilo izquierda - derecha. No se recomiendan más de 4.
En el Bloque 2, de igual manera pueden manejarse hasta en 4 elementos.
Es importante que todas las imagenes deben ser enviadas en PNG con transparencia, esto para garantizar que el elemento que sobresale o el borde redondeado sea adecuado para el modo oscuro.
Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet.
Lorem ipsum dolor sit amet, consectetuer adipiscing elit
Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet.
Lorem ipsum dolor sit amet, consectetuer adipiscing elit
Lorem ipsum dolor sit amet, consectetuer
Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet.
Ver más
Lorem ipsum dolor sit amet, consectetuer
Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet.
Ver más
Bloque 1. Dos columnas enmascarado
Bloque 2. Dos columnas
Lorem ipsum dolor sit amet
Lorem ipsum dolor sit amet
Información importante
Vigencia de Plantillas Anteriores
Aunque estas nuevas plantillas HTML representan una evolución en la presentación y funcionalidad de los comunicados digitales de BAC, algunas versiones anteriores seguirán vigentes durante un periodo de transición. Esto permitirá mantener la continuidad de campañas activas y facilitar la adaptación progresiva de los equipos de diseño y desarrollo. La coexistencia temporal de ambos formatos garantiza estabilidad operativa mientras se implementan gradualmente los nuevos estándares visuales y técnicos.
Podés consultar las plantillas vigentes aquí.
Envío de elementos
Para el envío del material de forma adecuada, se recomienda leer el documento de Canales Digitales, donde se encontrará todo lo relacionado a envío adecuados para su ejecución.
Podés consultar el documento de Canales Digitales aquí
Creación de nuevos bloques
Cualquier nueva actualización sobre los bloques, se encontrará siempre vigente en este nuevo documento.