Hello there.
I have a flow that saves the body of some emails as a html file. I'm currently testing something I wanna add to that flow, that is that I want that saved as an image, because what I ultimatly need is to send those images via whatsapp, so it would save me the part of taking the snapshots.
So I made this flow to test my idea, and it's working as intended for the most part. but, the emails have some images in their body that are external, and those images don't show in the generated jpeg.
It should look like this one
But it ends up looking like this
This is an example of the code in the file, is what I recibe from the email.
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8"><meta name="viewport" content="width=device-width, initial-scale=1.0"><style>
<!--
a
{color:#178fcf}
-->
</style>
</head>
<body>
<table width="100%" cellspacing="0" cellpadding="0" border="0" style="border-collapse:collapse; background-color:#fff; min-width:320px; max-width:640px">
<tbody>
<tr>
<td valign="top" style="font-family:Roboto,'Open Sans','Helvetica Neue',Arial,sans-serif; padding:20px">
<a href="https://globalcomelsalvador.com" target="_blank" style="color:#178fcf; border-width:0; text-decoration:none; display:block; margin-bottom:10px">
<img alt="" border="0" src="https://avl.globalcomelsalvador.com/api-v2/static/paas/21536/document_logo.png" style="border:0; vertical-align:top; max-height:75px; max-width:200px">
</a>
</td>
</tr>
<tr>
<td valign="middle" style="text-align:center; font-family:Roboto,'Open Sans','Helvetica Neue',Arial,sans-serif; text-align:center; padding:0 20px">
<a href="https://avl.globalcomelsalvador.com/pro/applications/locator/?key=S68cb608f844b666b58ed59fe861b9565_Jq1AK7BZpilz6D&history_id=2462554993">
<div style="width:100%; background-image:url(https://maps.googleapis.com/maps/api/staticmap?center=13.804973,-87.968552&zoom=15&size=600x300&markers=icon:https%3A%2F%2Favl.globalcomelsalvador.com%2Fpro%2Fassets%2Flocation_marker.png%7C13.804973,-87.968552&key=AIzaSyA8KIkIWqZkMWCN0QNR8EKR9HXJ33CnExA&signature=yddNsRg4FaywMlp1GqlZPnYRN48); background-position:center; height:300px; margin-bottom:20px; margin-top:0"></div>
</a>
</td>
</tr>
<tr>
<td valign="top" style="padding:0px 20px 10px">
<div style="font-family:Roboto,'Open Sans','Helvetica Neue',Arial,sans-serif; vertical-align:top; line-height:1.5em; color:#202020; font-weight:500; font-size:20px">LLEGADA A BASE C1 CORINTO</div>
<div style="font-family:Roboto,'Open Sans','Helvetica Neue',Arial,sans-serif; font-size:14px; color:#747474">16 jul 2024 16:36:42 </div>
</td>
</tr>
<tr>
<td valign="top" style="font-family:Roboto,'Open Sans','Helvetica Neue',Arial,sans-serif; font-size:14px; padding:5px 20px 30px">
<table>
<tbody>
<tr>
<td valign="top" style="font-size:14px; font-family:Roboto,'Open Sans','Helvetica Neue',Arial,sans-serif; vertical-align:top; line-height:1.5em; color:#202020; font-weight:500; padding-right:16px">Objeto: </td>
<td valign="top" style="font-size:14px; font-family:Roboto,'Open Sans','Helvetica Neue',Arial,sans-serif; vertical-align:top; line-height:1.5em; color:#747474">C1-PG5D8-24 </td>
</tr>
<tr>
<td valign="top" style="font-size:14px; font-family:Roboto,'Open Sans','Helvetica Neue',Arial,sans-serif; vertical-align:top; line-height:1.5em; color:#202020; font-weight:500; padding-right:16px">Empleado: </td>
<td valign="top" style="font-size:14px; font-family:Roboto,'Open Sans','Helvetica Neue',Arial,sans-serif; vertical-align:top; line-height:1.5em; color:#747474">CARLOS ALONSO MINEROS FLORES </td>
</tr>
<tr>
<td valign="top" style="font-size:14px; font-family:Roboto,'Open Sans','Helvetica Neue',Arial,sans-serif; vertical-align:top; line-height:1.5em; color:#202020; font-weight:500; padding-right:16px">VehÃculo: </td>
<td valign="top" style="font-size:14px; font-family:Roboto,'Open Sans','Helvetica Neue',Arial,sans-serif; vertical-align:top; line-height:1.5em; color:#747474">VW-SAVEIRO-24 P14-5D8 </td>
</tr>
<tr>
<td valign="top" style="font-family:Roboto,'Open Sans','Helvetica Neue',Arial,sans-serif; vertical-align:top; padding-top:20px; line-height:1.5em; color:#202020; font-weight:500; padding-right:16px">Ubicación: </td>
<td valign="top" style="font-family:Roboto,'Open Sans','Helvetica Neue',Arial,sans-serif; vertical-align:top; padding-top:20px; line-height:1.5em; color:#747474">
<span></span>Municipio de Corinto, Departamento de Morazán, El Salvador (13.8049733, -87.9685516)
<div style="margin-top:5px; font-size:12px">
<a href="https://avl.globalcomelsalvador.com/pro/applications/locator/?key=S68cb608f844b666b58ed59fe861b9565_Jq1AK7BZpilz6D&history_id=2462554993" style="color:#178fcf; white-space:nowrap; text-decoration:none">Mostrar en el mapa</a>
</div>
</td>
</tr>
</tbody>
</table>
</td>
</tr>
<tr>
<td valign="top" style="font-family:Roboto,'Open Sans','Helvetica Neue',Arial,sans-serif; padding:0 20px 40px; font-size:12px; line-height:1.5em; color:#747474">
<hr style="border-bottom:1px solid #dddddd; border-top:none; border-left:none; border-right:none; margin-bottom:20px; margin-top:0">"Conexión sin lÃmites"
</td>
</tr>
<tr>
<td valign="top" align="center" style="color:#747474; font-family:'roboto','open sans','helvetica neue','arial',sans-serif; padding-top:5px">
<div style="font-size:12px; margin-top:5px">
<a href="https://avl.globalcomelsalvador.com/?locale=es_ES#/tracker/rule/unsubscribe/eyJ0eXAiOiJKV1QiLCJhbGciOiJSUzUxMiJ9.eyJydWxlSWQiOjg2OTUxOCwiZW1haWwiOiJjZW50cm9kZW5lZ29jaW9zQG9yZWxsYW5hLnRlY2gifQ.YU8YsRjC0w5jURShFJUBuXTo6deWLj77xIhR1W5PLGGJpubdjNLbvAzEwM_aYwi-UhnDD35RsnvfvokDGM-hHkXVktzcLyyckm4eyXLTjeDJYwMqa7vsCByD45qeXyvDkbsh4eAzvNc3f1R8Rj0-ntzQr2huKMZRIiPdTEcImfM" target="_blank" rel="noopener noreferrer" style="color:#178fcf; text-decoration:none; white-space:nowrap">Desactivar notificaciones por e-mail </a>
<span style="padding:0px 5px">| </span>
<a href="https://avl.globalcomelsalvador.com/#/notifications/rules/view/869518/notifications" target="_blank" rel="noopener noreferrer" style="color:#178fcf; text-decoration:none; white-space:nowrap">Configuración de notificaciones </a>
</div>
</td>
</tr>
</tbody>
</table>
</body>
</html>
Please help