Salesforce Email Signature Displays Incorrectly, Overlaps Email Body, or Image Not Shown

Steps to Correct the Email Signature HTML

Navigate to Email Signature Settings

In Salesforce Classic: Your name | My Settings | Email | My Email Settings
In Lightning Experience: Settings | Email | My Email Settings

Correct the HTML Structure

In the Email Signature section, ensure that:

1. All HTML tags are properly opened and closed.
2. The complete HTML code of the email signature is enclosed within <html> and <body> wrapper tags.

Example of correct HTML structure:

<html>
  <body>
    HTML code of email signature
  </body>
</html>

Enclosing the signature in <html> and <body> tags ensures consistent rendering across browsers and email clients.

Adjust Positioning with Style Attributes

If the signature uses a style attribute with hard-coded values — for example, style="margin-top:-50px" — adjusting the margin value repositions the signature relative to the email body. Increase or decrease the margin value until the signature displays in the correct position.
Note (Salesforce Classic only): When clicking the Send Email button from the Activity History related list, select Switch to HTML from the Email Format dropdown. This ensures that the image embedded in the email signature renders correctly when the outbound email is sent.