11 December 2018

HTML in Flow E-mails

Microsoft Flow iconIn a new SharePoint Flows article in the Tips section, I have described how to enhance flow generated e-mails with HTML code.

Microsoft has recently added a new action to Flow: “Office 365 Outlook – Send an email (V2)”. It has a simple HTML editor that allows links and lists and changes in font, style and color. To use more advanced HTML in the Flow Editor, you have to add the code yourself.

A good option is to copy HTML code from an HTML editor and paste it into the Flow Editor. With the method I describe in my article, you can add for example tables and images to the body of an e-mail sent by a flow, or to the description field in a SharePoint list item. Just make sure that body code tags, for example style, are placed inside the body instead of in the head.

After pasting the HTML code into the Flow Editor, you can add the dynamic content you want to use directly in the code. The image below shows a simple table intended to be used in a SharePoint document library called "Procedures". The values for the name of the new file and its creator is added as dynamic content, while the rest of the table is hard-coded.
Flow e-mail table
This method for using HTML in a flow is described in detail in my upcoming book SharePoint Flows from Scratch, which I hope to publish very soon. In the meantime, you are welcome to read the Tips article about adding HTML to a SharePoint flow and watch the demo!

By Peter Kalmström
CEO and Systems Designer Business Solutions