My signatures appear to be broken in Outlook Web App (OWA) or Outlook's Preview Pane

Relevant Products: Exclaimer Cloud - Signatures for Office 365 | Exclaimer Cloud - Signatures for G Suite | G Suite Lite | Signature Manager Exchange Edition | Signature Manager Outlook Edition | Signature Manager Office 365 Edition | Mail Disclaimers

Scenario

When you send an email from Outlook to the Outlook Web App (OWA), you notice that Exclaimer Cloud signature's formatting is removed in both the preview pane and the pop-out window.
 

Reason

• If the signatures are deployed from Server-side (Office 365), then this issue occurs because the OWA adds extra code to override some styling within the signature - this can remove colours, boldness and other formatting set in the signature.
  
  Previously, it used to be an issue within the preview pane only, however, some updates have caused this issue to occur in the pop-out window as well.
  
  
• If the signatures are not deployed from Server-side (Office 365), then this issue occurs because of a  specific style within the web client's main style sheet that overwrites the signatures styles and causes the layout and format to break down.

Resolution

• If the signatures are deployed from Server-side (Office 365), you can resolve this issue in any one of the following ways: 
  
  Rendering the signature as a bitmap image
  
  Adding hyperlinks to the affected text
  
• If the signatures are not deployed from Server-side (Office 365), then, unfortunately, there is no way to prevent this issue from occurring as it is specific to the web clients main style sheet. 

To render the signature as a bitmap image

When you render the signature as a bitmap image then the styling is retained within the signature at all times, regardless of the mail client and device.

Follow these steps to render the signature as a bitmap image:

1. Click on to the Signature Canvas (the outermost line, before the background of the portal):
   
   
   
   
2. Select Render from the left-hand side options.
   
   
   
   
3. Select Bitmap in Render Mode.
   
   
   
   
4. A Confirm message box is displayed. Click Yes to confirm that the signature will render as a bitmap. 
   
   
   
   
   
   Warning: Although by rendering the signature as a bitmap image, the signature will display correctly in the OWA; it is important to remember that the signature is now an image and can be removed by some mail clients on forward and reply emails.

To add hyperlinks to the affected text:

As you will notice, the email and website fields are of the same colour; this is because of the hyperlinks set to these fields, and this keeps the formatting intact when you view it in OWA.

Follow these steps to add hyperlinks to the affected text:

1. Click the text (or the relevant field), a new window is displayed below. Click Add Hyperlink.
   
   
   
   The HyperLink window is displayed.
   
   
2. In Destination URL, enter the address of the website you want to point it to.
   
   
3. In Tooltip, enter the description that will appear when you hover your mouse on the field.
   
   
4. Click OK to save the changes and close the window, else click Cancel to close the window without saving the changes.
   
   
   
   
   We recommend:
   - For Telephone fields, use Tel: then enter the curly bracket and select the relevant field from the drop-down list. 
   
   
   
   
   
   Warning: Although by adding hyperlinks to the relevant fields will enable the signature to display correctly in the OWA; it is important to remember that if too many hyperlinks are added to the signature then the emails can go to Spam.