How to Preview HTML Emails in Power Automate with HTML Preview
Render and inspect your HTML email content directly in the Power Automate designer without copy-pasting into external tools.
Free Chrome Extension
HTML Preview
Install the HTML Preview extension
Find Power Automate HTML Preview on the Chrome Web Store and add it to Chrome. The extension adds a preview panel that works entirely within your browser tab — your HTML content is sandboxed locally and never sent to any server.
Open a flow with HTML email content
Navigate to your cloud flow in Power Automate and open the action that contains your HTML — typically a Send an Email (V2) action, an Office 365 Outlook connector, or a Compose action that builds the email body. Expand the action to see the HTML content field.
Open the HTML Preview side panel
Click the HTML Preview extension icon in your Chrome toolbar. The side panel opens alongside the designer. If your flow has a focused HTML field, the extension may detect it automatically; otherwise use the manual paste option.
Paste or capture your HTML
Copy the HTML from the action's body field — including any dynamic content placeholders — and paste it into the HTML Preview panel. The tool renders the HTML immediately in a sandboxed iframe so scripts cannot execute, protecting you from malicious markup.
Inspect the rendered output
Review how the email will look in a browser-based email client. Check that dynamic content placeholders appear where expected, images load correctly, and the layout holds together. Resize the preview panel to test how the email renders at different widths (desktop vs mobile).
Iterate and finalise
Make edits to the HTML back in the Power Automate designer, then re-copy and re-paste into the preview panel to see the updated render. Repeat until the email looks exactly right before saving and testing the flow end-to-end.
All done!
You are ready to use HTML Preview like a pro.