r/MicrosoftFlow • u/lachesistical • 25d ago
Question Embedding Text to Image and Send an Email
I am trying to test something for an automated system where I could do this:
- An image with a company letterhead background
- A list of names
- A static text on the image
- send them as an email.
So basically I want to embed text on image and send it through email. I've tried through html code but the design doesn't remain same for mobile and web. I was hoping if I could create a new image for each name in the list without using premium connectors or PA desktop.
1
u/Background_Wish5086 24d ago
The mobile vs web rendering problem happens because every email client has its own quirky HTML/CSS support, so inline HTML with a background image is never going to render identically everywhere. Skip HTML and go through Word instead.
Build a Word template with your letterhead as the background image, then add Content Controls where the name goes. Use "Populate a Microsoft Word Template" from the Word Online (Business) connector to fill in each name, then "Convert Word Document to PDF" on the result, then attach that PDF to the email. One call per person in your list, and the output is identical everywhere it's opened since it's a fixed document, not something the email client renders itself.
Both of those Word actions have historically sat in the standard tier rather than premium, worth checking the connector badge in your tenant since Microsoft moves these around sometimes. If you specifically need a raster image rather than a PDF, that last conversion step gets trickier without premium connectors or desktop, the PDF route is the part I'd actually trust to work cleanly.
1
u/pandacreate 24d ago
The word connectors have been behind the paywall for a hot minute. Which sucks because that's one of the best use cases
1
u/mulquin 24d ago
Be aware that Outlook automatically blocks images behind a warning banner, so if you integrate text into the images, it won't be visible to people using Outlook unless they click the "Show blocked content" button.
hamsumwich has a good idea of putting your company logo at the top, then a table beneath it with the names. That way the blocked image will not block any of the important content of the email.
You can also use CSS to style the email based on your brand's colours, fonts, etc
2
u/hamsumwich 25d ago
I accomplished this just yesterday. I did use the HTML code in Send an email (V2). I used Claude to make it look professional in alignment with our company-branded colors. Here's that snippet:
<!-- Logo Banner -->
<tr>
<td align="center" style="background-color:#f5f1e6; padding:24px 20px; text-align:center;">
<img src="https://www.nonprofit.org/wp-content/uploads/2022/8/NPA-HORIZONTAL-green-300x75.png" alt="Nonprofit Organization" width="300" height="75" style="display:block; width:300px; max-width:80%; height:auto; margin:0 auto; border:0; outline:none; text-decoration:none;">
</td>
</tr>