CR052 - Inserta una imagen en tus impresiones

En este artículo te explicamos cómo podrías insertar una imagen en una impresión.

Imagen presente en el catálogo de productos

Si ya tienes insertada la imagen en la ficha del artículo en el catálogo, solo necesitas modificar el modelo de impresión usando la cadena correspondiente:

Esta es la forma más fácil y rápida para insertar la imagen; obviamente, puedes modificar los parámetros de la imagen de acuerdo con la sintaxis HTML para limitar el tamaño, como el ancho de la imagen en sí:

Imagen para subir a la galería de imágenes de CRM

Primero tenemos que subir la imagen; para simplificar la cargamos entre las imágenes de las plantillas de correo electrónico, para que estén disponibles dentro de TS CRM (no es posible en este momento compartir imágenes cargadas en el archivo de documentos)
​
Entra en Campañas > Plantilla, abre una existente plantilla (o crea una nueva), luego añade un componente de imagen arrastrándolo hacia la plantilla y haz clic en Cargar imágenes.

Una vez añadida la imagen a la plantilla, ve a la solapa de vista previa para ver como quedaría la imagen cargada, desde aquí, pulsa con el botón derecho del ratón encima de la imagen y selecciona Copiar dirección de la imagen. Se copiará una dirección como:

https://app.crmdelsol.com/api/latest/images/v08n7/favicon.png?_639093573810000000

Para realizar este proceso, siempre es preferible seleccionar nombres de archivos y carpetas sin espacios.

Inserta la imagen en la plantilla.

Para editar la plantilla insertando la imagen en el punto que te interese, la etiqueta siempre es img. Como ejemplo añadimos la imagen en el pie de página de la plantilla desde Configuración > Modelos de impresión > Encabezados > pie

 

Por ejemplo:
​

<img style = "max-width: 350px; display: block; margin-left: auto; margin-right: auto;" src = "https://app.crmdelsol.com/api/latest/images/7n582/CRMSOL.png?_637895798850000000" />

El enlace de la imagen (indicado dentro del atributo src es el que copiaste de la plantilla de correo anterior) y esta es la vista previa de cómo se mostrará la imagen que se ha añadido.

En esta página encontrarás explicadas las propiedades de la etiqueta img (Atención: es un sitio externo a la presente guía)
​