Repositorio de Módulos Salesforce

Categorías

  • Todos
  • Encabezado
  • Saludos
  • Cuerpos de Texto
  • Listados
  • Recursos
  • Cierres
  • Legales

Módulos

Imagen de Encabezado

Mod_Header

Imagen principal para todos los mail.

Saludo Principal

Mod_Saludo_Llamado

Mensaje de saludo para usuario. Incluye variables de nombre y apellido.

Saludo Principal con bajada

Mod_Saludo_Llamado_Bajada

Mensaje de saludo para usuario con bajada de texto. Incluye variables de nombre y apellido.

Título

Mod_Título

Título principal para el cuerpo de texto.

Gancho

Mod_Gancho

Módulo a 2 columnas para destacar uno o más ganchos, productos o beneficios acompañado de una imagen.

Imagen 100

Mod_Imagen100

Imagen 100% de ancho.

Imagen 50

Mod_Imagen50-v2

Imagenes flotando al 50% de ancho.

Atributos con imagenes

Mod_Atributos

Lista de 3 atributos a destacar con imagen y texto.

Atributos con iconos

Mod_Iconos

Lista de 3 atributos a destacar con iconos y texto.

Separador

Mod_Separador

Separador de colores Bci.

Correo Seguro

Footer_CorreoSeguro

Texto de seguridad para el usuario.

Legales Ganchos

Mod_Footer_LegalesGanchos

Legales de Ganchos en Footer del mail.

Cerrar

Imagen de Encabezado

Mod_Header

Imagen Principal de Encabezado para presentación de mail.
Compuesta por elementos de branding Bci y una imagen de fondo.

  • Tiene el mismo comportamiento responsivo
  • Medida 600 * 275 px
  • Formato JPG / PNG
  • Dependiendo de la imagen seleccionada, el logotipo deberá intercambiar en tono negro o blanco
Cerrar

Saludo Principal

Mod_Saludo_Llamado

Saludo principal bajo el encabezado de imagen. Incluye variables para campo nombre y apellido de usuario

  • Tiene el mismo comportamiento responsivo
  • Hola [Nombre]: font-size: 18px; line-height: 24px; font-weight: 100; color: #546e7a;
  • Llamado: font-size: 28px; line-height: 33px; padding-top: 5px; color: #37474f;
Cerrar

Saludo Principal con bajada

Mod_Saludo_Llamado_Bajada

Saludo principal bajo el encabezado de imagen con bajada de texto opcional. Incluye variables para campo nombre y apellido de usuario

  • Tiene el mismo comportamiento responsivo
  • Hola [Nombre]: font-size: 18px; line-height: 24px; font-weight: 100; color: #546e7a;
  • Llamado: font-size: 28px; line-height: 33px; padding-top: 5px; color: #37474f;
  • Bajada: font-size: 16px; line-height: 18px; padding-top: 10px; color: #546e7a;
Cerrar

Título

Mod_Titulo

Título o llamado que se desee destacar para el cuerpo de texto.

  • Tiene el mismo comportamiento responsivo
  • Titulo: font-weight: 200; font-size: 22px; font-family: Overpass, sans-serif; line-height: 28px; color: #37474f;
Cerrar

Atributos con imagenes

Mod_Atributos

Listado de items a destacar, enumera de manera más visual 3 atributos de algún producto, plataforma, funcionalidad, etc.

  • Tiene el mismo comportamiento responsivo
  • Imágenes: width:350px; height:250px; border-radius: 6px
  • Título: font-family: Overpass, sans-serif; color:#546e7a; font-size: 14px;
  • Texto: font-family: Overpass, sans-serif; color:#546e7a; font-weight: 200; font-size: 13px;
Cerrar

Atributos con icono

Mod_Iconos

Listado de items a destacar, enumera de manera más visual 3 atributos de algún producto, plataforma, funcionalidad, etc.

  • Tiene el mismo comportamiento responsivo
  • Icono: width:70px; height:70px;
  • Texto: color: #37474f; font-weight: 200; font-size: 14px; font-family: Overpass, sans-serif
Cerrar

Separador

Mod_Separador

Separador de círculos de colores Bci. Separa temáticas y cuerpos de contenido.

  • Tiene el mismo comportamiento responsivo
Cerrar

Gancho

Mod_Gancho

Módulo a 2 columnas para destacar uno o más ganchos, productos o beneficios acompañado de una imagen.

  • Tiene el mismo comportamiento responsivo
  • Título Principal: font-size: 21px; font-weight: 300; color:#37474f; text-align:center;
  • Título Gancho: font-size: 15px; font-weight: normal; line-height: 130%; text-align: left; color:#546e7a;
  • Texto: font-size: 13px; font-weight: normal; line-height: 130%; text-align: left; color:#546e7a;
  • Imagen Principal: width:350px; height:250xp;
  • Imagen Gancho Secundaria: width:250px; height:112xp; PNG Transparente.
Cerrar

Imagen 100

Mod_Imagen100

Imagen al 100% de ancho de la columna.

  • Tiene el mismo comportamiento responsivo
  • Imagen: Max-width:100%; Imagen de máximo 600 pixeles de ancho.
Cerrar

Imagen 50

Mod_Imagen50-v2

Imagenes flotando al 50% de ancho.

Desktop

Mobile

  • Tiene el mismo comportamiento responsivo
  • Imagen: Max-width:100%; Imagen de máximo 600 pixeles de ancho.
  • Título: font-size:16px; color:#546e7a; font-weight:300;
  • Texto: font-size:13px; color:#546e7a; font-weight:300;
Cerrar

Legales de Ganchos

Mod_Footer_LegalesGanchos

Legales para los ganchos del mail aplicados en el Footer.

  • Tiene el mismo comportamiento responsivo
  • Sólo se debe modificar el texto de ganchos asociados
  • Texto: font-size: 12px; line-height: 130%; font-weight: 300; padding-bottom: 8px;
Cerrar

Correo Seguro

Mod_CorreoSeguro

Texto de seguridad legal para el usuario.

  • Tiene el mismo comportamiento responsivo
  • Texto predefinido no modificable
  • Se debe insertar previo a los legales
  • Texto: color:#666666;font-family: Overpass, sans-serif;font-size:12px;font-weight:300;