Escenario
Se requiere tu firma para incluir el widget de Trust Pilot y permitir a los destinatarios dejar una reseña de los servicios que ofreces.
Trust Pilot tiene múltiples opciones para el widget y genera código HTML que puedes importar en algunos clientes de correo.
Solución
Para agregar Trust Pilot dentro de las firmas de Exclaimer:
- Para empezar, abre el código en un editor de texto plano como Notepad, Atom, Notepad ++ o cualquier documento de texto para que sea más fácil de leer.
<p style="font-family: Arial, Arial Black, Tahoma, Trebuchet MS, Verdana, sans-serif; font-size: 12px; color: #aaa; text-decoration: none;">
<a href="https://uk.trustpilot.com/review/exclaimer.com?utm_medium=Trustbox&utm_source=EmailSignature2" target="_blank" rel="noopener noreferrer" style="text-decoration:none;text-underline: none;">
<img src="https://emailsignature.trustpilot.com/signature/en-GB/2/5c994862b22aa20001eb7ee9/text.png" border="0" height="16" style="max-height: 16px;border: none;" alt="Calificación de Trustpilot">
<br>
<img src="https://emailsignature.trustpilot.com/signature/en-GB/2/5c994862b22aa20001eb7ee9/stars.png" border="0" width="160" style="max-width: 160px; width: 100%;border: none;" alt="Estrellas de Trustpilot"></a>
<br>
<a href="https://uk.trustpilot.com/review/exclaimer.com?utm_medium=Trustbox&utm_source=EmailSignature2" target="_blank" rel="noopener noreferrer" style="text-decoration:none;text-underline: none;">
<img src="https://emailsignature.trustpilot.com/brand/s/2/logo.png" border="0" width="79" style="max-width: 79px; width: 100%;border: none;" alt="Logo de Trustpilot"></a></p>- Extrae la URL de la imagen y el hipervínculo del código.
- Busca <img src= y <a href= en el código para encontrar los objetos relevantes.
En este ejemplo, hemos extraído los siguientes hipervínculos y URL de imagen:
Hipervínculos
https://uk.trustpilot.com/review/exclaimer.com?utm_medium=Trustbox&utm_source=EmailSignature2
https://uk.trustpilot.com/review/exclaimer.com?utm_medium=Trustbox&utm_source=EmailSignature2URL de la imagen
https://emailsignature.trustpilot.com/signature/en-GB/2/5c994862b22aa20001eb7ee9/text.png
https://emailsignature.trustpilot.com/signature/en-GB/2/5c994862b22aa20001eb7ee9/stars.png
https://emailsignature.trustpilot.com/brand/s/2/logo.png
- Otro código que puedas necesitar usar, dependiendo del widget, como los tamaños de imagen y estilos de fuente.
font-family: Arial, Arial Black, Tahoma, Trebuchet MS, Verdana, sans-serif; font-size: 12px (9pts)
color: #aaa;
Tamaño de imagen de texto - 16px de altura
Stars.png - Ancho: 160px
Ancho del Logo de Trust Pilot: - 79px - Ahora, dentro del Diseñador de Firmas, abre la plantilla de firma que deseas editar.
- Desde el panel de la izquierda, arrastra el elemento Imagen/Logo y suéltalo en el lienzo uno por uno.
Ejemplo:
- Copia y pega las URL de las imágenes en el cuadro de URL de imagen vinculada, luego haz clic en Aceptar.
Ejemplo:
- Las imágenes se cargarán en el lienzo de la firma.
Ejemplo:
- Para agregar los hipervínculos, haz clic en cada imagen para agregar la URL. Desde el panel de propiedades de la derecha, expande Hipervínculo y introduce la URL en URL de destino.
Ejemplo:
- Para cambiar el tamaño de la imagen, haz clic en cada imagen para agregar el tamaño. Desde el panel de propiedades de la derecha, expande Tamaño, luego aplica el Ancho y/o Alto correctos según el código.
Ejemplo:
- Haz clic en GUARDAR CAMBIOS para guardar los cambios realizados en la plantilla.