How to Add a Hyperlink to an Image in Power Automate Emails
Question details
The user needs to make an image clickable by adding a hyperlink to it when sending automated emails via the Power Automate Send Email connector.
- Product
- Power Automate
- Device & OS
- not provided
- Scenario
- Setting up an automated email workflow where an inserted image needs to act as a clickable hyperlink to a specific web page.
- Observed behavior
- The image can be successfully inserted into the email, but additional HTML configuration is required because it is not clickable by default.
Ensure you have editing access to your Power Automate workflow, the destination URL for your hyperlink, and a hosted URL or base64 string for the image you want to use.
Use HTML View to Add an Anchor Tag around the Image
The most effective way to make an image clickable in a Power Automate email is to use the HTML view in the Send Email connector and manually wrap the image tag with an anchor link.
By default, the rich text editor in Power Automate inserts images as static elements. To turn them into clickable hyperlinks, you must switch to the code view and utilize basic HTML tags.
Navigate to your Power Automate flow and click to expand the 'Send an email (V2)' action where you want to insert the clickable image.
In the 'Body' field toolbar, click on the Code View icon (usually represented by </>) to switch the email editor from rich text to HTML mode.
Type or paste the following HTML structure into the body: <a href="YOUR_LINK_URL"><img src="YOUR_IMAGE_URL" alt="Clickable Image"></a>.
Replace 'YOUR_LINK_URL' with the actual web address you want users to visit, and 'YOUR_IMAGE_URL' with the direct web link to your hosted image or dynamic content variable.
Click 'Save' at the bottom of the workflow editor, then run a manual test to ensure the email is delivered with a fully functioning clickable image.
Consult the Power Automate Community for Complex Scenarios
If you are dealing with complex base64 encoded images or syntax errors within dynamic content, reaching out to the official community can yield tailored solutions.
Enhance Your Document Workflow with WPS Office
While Power Automate handles automated tasks and emails perfectly, you often need a reliable office suite to create, edit, and review the documents or reports you share. WPS Office is a fast, lightweight, and highly compatible alternative to Microsoft Office that comes with essential tools for Word, Excel, PowerPoint, and PDF editing.
- 1. Download the Installer: Visit the official WPS Office website and click the free download button for your operating system.
- 2. Install WPS Office: Run the downloaded installation file and follow the quick setup wizard instructions to install the suite.
- 3. Open and Edit Files: Launch WPS Office and immediately start opening, editing, and saving your existing Microsoft Office documents without formatting loss.
Frequently Asked Questions
Why is the hyperlink button grayed out when I select an image in Power Automate emails?
The rich text editor in the Power Automate 'Send an email (V2)' action often does not support directly linking an inline image through the UI toolbar. Switching to HTML code view (</>) allows you to manually wrap the image tag in an anchor tag (<a href="...">) to resolve this limitation.
Can I use a base64 string instead of an image URL for the clickable image?
Yes. If your image is stored as file content rather than a public URL, you can convert it to base64 using the dataUri() expression. You would then format your HTML as: <a href="LINK"><img src="data:image/png;base64,YOUR_BASE64_STRING"></a>.
How do I remove the blue border around my clickable image in the email?
Some email clients automatically add a blue border to images that act as hyperlinks. To prevent this, add 'border="0"' inside your image tag like this: <img src="YOUR_IMAGE_URL" border="0" alt="Image">.
