How to fix Outlook Signature synchronization from browser version to App version?

Gustavo Alvarez 20 Reputation points
2025-11-05T15:51:45.21+00:00

I created my signature in custom code. When I save it in the browser version of Outlook, it works fine, but when I save it in the Outlook app, it doesn't look the same.
Additionally, signatures are not synchronized from Outlook Web to the Outlook app. Why?

Outlook | MacOS | New Outlook for Mac | For business
0 comments
Answer accepted by question author
Anonymous
2025-11-06T01:59:10.6466667+00:00

Hi @Gustavo Alvarez

Thank you for posting your question in the Q&A Forum. 

We understand how critical consistent branding is for your business, and we appreciate you bringing this detailed issue regarding your custom-coded signature in New Outlook for Mac to our attention. 

The problems you are encountering relate to two distinct technical aspects of the platform: synchronization inconsistencies and rendering standard differences. 

1. Manual Insertion Workaround 

The visual differences you are experiencing are caused by syncing complex custom-coded signatures between the Outlook Web App (OWA) and the local Outlook for Mac application. Even with the Roaming Signatures feature active, latency or inconsistencies can sometimes occur. 

The most reliable workaround is to manually copy the fully rendered signature from OWA and paste it directly into the signature settings within your New Outlook for Mac application: 

  • In OWA: Open a new email to verify your signature displays correctly. 
  • Copy the Signature: Select the entire signature (including images) and copy it (Command + C). 
  • In Outlook for Mac: Go to Outlook > Settings > Signatures. Click the + button to create a new signature or select an existing one. Paste the signature (Command + V). Save the signature. 

2. Alternative Fix & Rendering Best Practices 

If the manual method above fails (especially if images or layout are not retained), the issue lies in the rendering differences. Use this method to standardize the code before pasting: 

  • Create/Edit HTML: Use a text editor (e.g., TextEdit or Notepad) to ensure your signature utilizes HTML Tables for structure and Inline CSS for styling. Make sure all images are hosted with absolute HTTPS URLs. 

Example: 

<html> 
  <body> 
    <table> 
      <tr> 
        <td><img src="https://www.yourdomain.com/signature-image.jpg" alt="Signature Image" width="100" height="100"></td> 
        <td> 
          <p style="font-family: Arial, sans-serif; font-size: 14px; color: #000;">Best regards,</p> 
          <p style="font-family: Arial, sans-serif; font-size: 14px; color: #000;">[Your Name]<br>[Your Position]<br>[Your Company]</p> 
        </td> 
      </tr> 
    </table> 
  </body> 
</html> 
  • Save the File as .html: Save the file with the .html extension (e.g., signature.html). 
  • Render & Copy: Open the saved .html file in a browser. Copy the fully rendered signature (including images). 
  • Paste into Outlook for Mac: In New Outlook for Mac, go to Settings > Signatures, click the + to create a new signature or select an existing one, and paste the copied signature. 

Important Notes: 

  • HTML Tables and Inline CSS: Using these ensures compatibility between OWA and Outlook for Mac. 
  • HTTPS Image URLs: Images must be hosted online using absolute HTTPS URLs for them to display correctly. 

Please implement the manual copy/paste method and thoroughly review your HTML code against the email-safe standards. 

Additionally, you can find more detailed instructions on creating and inserting a signature in Outlook for Mac in this official Microsoft Support article: Create and insert a signature in Outlook for Mac - Microsoft Support 

If the issue persists after following the manual copy/paste method and reviewing the HTML code, please submit a detailed report via Help > Contact Support or Feedback in New Outlook for Mac. Be sure to include information about the rendering differences and mention that you’ve already attempted the manual insertion method. 

Thank you for your feedback, and for helping us improve the product experience. If you need further assistance, feel free to reach out. We’re happy to help!

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. 

Was this answer helpful?

0 additional answers

Sort by: Most helpful
Most helpful Newest Oldest

Your answer

Answers can be marked as 'Accepted' by the question author and 'Recommended' by moderators, which helps users know the answer solved the author's problem.