Finding the HTML for your existing email signature

Last updated: August 28, 2026

Lightfield lets you paste HTML directly into your signature field, so if you already have a signature set up in Gmail, Outlook, Apple Mail, or another email client, you can copy its underlying HTML and drop it straight in.

This article walks through how to find that HTML in the most common email clients, then how to add it to Lightfield.

Gmail

Gmail doesn't offer a built-in "view HTML" option, but you can pull the code straight out of the signature editor using your browser's Inspect tool:

  1. In Gmail, go to the gear icon > See all settings > General tab, and scroll to the Signature section.

  2. Right-click directly inside your signature (in the editing box) and choose Inspect (Chrome/Edge) or Inspect Element (Firefox).

  3. Your browser's developer tools will open with the matching HTML highlighted. Look for the smallest <div> or element that wraps just your signature content (not the whole settings page).

  4. Right-click that highlighted element in the developer tools panel and choose Copy > Copy outerHTML (Chrome/Edge) or Copy > Copy Outer HTML (Firefox).

  5. Paste the copied code into a plain text editor to review it before adding it to Lightfield.

Outlook (Windows desktop app)

Classic Outlook for Windows stores each signature as a set of local files, including an .htm file with the full HTML — no dev tools needed:

  1. Open File Explorer and turn on hidden items (View tab > check Hidden items), since the AppData folder is hidden by default.

  2. Navigate to: C:\Users\<YourUsername>\AppData\Roaming\Microsoft\Signatures

  3. Find the file that matches your signature's name and ends in .htm.

  4. Right-click the file and choose Open with > Notepad (or any code/text editor) rather than double-clicking, which will open it as a webpage instead of showing the code.

  5. Select all and copy the HTML.

Note: If you're using the new Outlook for Windows, signatures are stored in the cloud rather than as local files. Use the browser-based Inspect method described for Outlook on the web below instead.

Outlook on the web (Outlook.com / Microsoft 365 / new Outlook)

Since web-based Outlook doesn't store a local file, use the same Inspect method as Gmail:

  1. Go to Settings > Mail > Compose and reply, where your signature is displayed.

  2. Right-click inside the signature box and choose Inspect (Chrome/Edge) or Inspect Element (Firefox).

  3. In the developer tools, find the element that wraps your signature content.

  4. Right-click it and choose Copy > Copy outerHTML.

  5. Paste the result into a text editor to review before adding it to Lightfield.

Apple Mail (Mac)

Apple Mail stores each signature as a .mailsignature file on disk:

  1. In Finder, press Cmd+Shift+G and go to: ~/Library/Mail/V10/MailData/Signatures (The version number may differ — if you don't see a V10 folder, check for V9, V11, etc. Sort the folder's contents by Date Modified to help identify the right one.)

  2. Look for the file ending in .mailsignature that matches when you last edited your signature.

  3. Right-click the file and choose Open With > TextEdit.

  4. Find the <body> tag in the file and copy everything from <body> through </body> — that's your signature's HTML.

Adding the HTML to Lightfield

Once you have your signature's HTML copied:

  1. In Lightfield, go to Settings > Mail and calendar > Signatures tab.

  2. Click Create new and paste the HTML

  3. Save and configure when to attach the signature

Troubleshooting: images don't render after pasting

If your logo or headshot doesn't show up after pasting the HTML into Lightfield, it's usually because the <img> tag points to a local file or an attachment rather than a public URL — common with Outlook. To fix it:

  1. Find the image file (in Outlook, it's saved alongside the .htm file in the Signatures folder above).

  2. Upload it somewhere public (your website, a CDN, Imgur, etc.) and copy the direct image link.

  3. In your HTML, replace the image's src value with that link.

  4. Paste the updated HTML back into Lightfield and send yourself a test email to confirm it renders.