How to add Canva email signature with functioning hyperlinks to Outlook

Question

I created an email signature template through Canva that has functioning hyperlinks for multiple sites. How are we able to add this to Outlook and maintain hyperlink functionality? I've tried saving as HTML but the image doesn't look correct when it saves. Any ideas??

Answer 1

Hi @Jennifer Andrew

Thank you for reaching out! It sounds like you're trying to add a Canva email signature with hyperlinks to Outlook, but the formatting isn’t displaying correctly when saved as an HTML file. 

Here’s how to fix this while keeping your hyperlinks functional: 

Use the image from Canva and add links directly in Outlook 

• Download the signature from Canva as a high-resolution PNG. 
• Open Outlook > File > Options > Mail > Signatures. 
• Create or edit your signature and insert the downloaded image. 
• To add a hyperlink: Right-click the image > Hyperlink (you can only add one link per image). 
• If you need multiple clickable icons (e.g. LinkedIn, website), use separate smaller images and assign individual links. 

This avoids saving/exporting HTML and helps preserve both formatting and links. 

Fixing HTML Formatting Issues (for advanced users)

If saving the design as HTML causes formatting problems: 

• Open the HTML file in a text editor and check for local image paths – Canva may use local file paths (e.g., C:/Users/...), which Outlook doesn’t recognize. 
• Host images online – Upload them to OneDrive, Dropbox, or a website, then replace local file paths with direct URLs: <img src="https://yourhostedimageurl.com/image.png"> 
• Open the updated HTML file in a web browser, confirm it displays correctly, then copy everything. 
• Paste into Outlook – Navigate to File > Options > Mail > Signatures, select an existing signature or create a new one, then paste the copied content. 
• Test in both Outlook desktop and web to confirm the formatting remains consistent.  

Additional Tips 

• Outlook works best with simple, inline HTML. Try to avoid advanced CSS or external stylesheets. 
• If hyperlinks still don’t work, try manually re-adding them using Outlook’s editor after pasting the content. 

For more details, Microsoft’s community also has a helpful thread here:  Canva signature and Outlook compatibility – Microsoft Community 

Let me know if you'd like help reviewing your HTML file or if you're still having issues, happy to take a look.

---

If the answer is helpful, please click "Accept Answer" and kindly upvote it. If you have extra questions about this answer, please click "Comment".  

Note: Please follow the steps in our documentation to enable e-mail notifications if you want to receive the related email notification for this thread