Gmail Signature Workaround

How To
1

Hi Community,

I noticed a few people needing help with adding a logo to their email signature. Here’s a workaround that worked for me:

  1. First, go to your Gmail settings and locate your email signature. Right-click on the signature and select “Inspect” to view the HTML markup.
  2. Copy the HTML code for the signature and paste it into the content box in the Gmail app on Make.com.
  3. If the logo image doesn’t display correctly, upload your image to Imgur (or another image hosting site) to generate a direct URL.

Once you have the hosted image URL, replace the original image source in the HTML with the Imgur link. Here’s an example of how it should look:

<!DOCTYPE html>
<html>
<body style="font-family: Arial, sans-serif; line-height: 1.6; color: #333333; background-color: #ffffff; margin: 0; padding: 0;">
  <table cellspacing="0" cellpadding="0" align="left" style="max-width: 600px; width: 100%; margin: auto; padding: 20px;">
    <tr>
      <td style="text-align: left;">
        <!-- Greeting and Introduction -->
        <p>Hi [Name],</p>
        <p>I hope this email finds you well. I recently came across your [social media or website] and was impressed by what you offer. I believe there are opportunities to further enhance your online presence and attract even more customers.</p>
        <p>I’d love to discuss how we can support your digital growth. If you're interested, please let me know a convenient time for a call.</p>
        <p>Looking forward to the possibility of working together!</p>

        <!-- Signature -->
        <div style="margin-top: 20px; font-size: 14px; color: #666666;">
          <p style="margin: 0;">
            <b>John Doe</b><br>
            <span>Founder</span>
          </p>

          <!-- Logo Image -->
          <div style="margin: 5px 0;">
            <a href="https://example.com" target="_blank">
              <img src="https://example.com/path-to-your-logo.png" alt="Company Logo" style="height: 27px; width: 96px;">
            </a>
          </div>

          <!-- Tagline -->
          <p style="margin: 0; font-style: italic; font-size: 14px; color: #666666;">
            We help businesses grow their impact.
          </p>

          <!-- Website Link -->
          <p style="margin: 0;">
            <a href="https://example.com" target="_blank" style="color: rgb(246, 178, 107); text-decoration: underline;">example.com</a>
          </p>
        </div>
      </td>
    </tr>
  </table>
</body>
</html>
1 Like