Gmail Signature Template Guide: Setup, Tips & Common Fixes (2026)

Gmail signature basics

Gmail’s signature feature has been around for years but has been significantly improved. As of 2026, you can:

• Create multiple named signatures per account
• Assign different signatures to different email aliases
• Set a separate signature for new emails and for replies/forwards
• Paste formatted HTML signatures (with logos, colors, and links)
• Insert images from Google Drive or by URL

What Gmail’s signature editor does NOT support:

• CSS class-based styling (it strips class attributes)
• External stylesheets (<link> tags or @import)
• <style> blocks (Gmail removes these in rendering)
• Custom web fonts loaded via Google Fonts or similar
• SVG images

This is why professionally-designed signatures often look worse in Gmail than they do in a browser preview. The solution is to build specifically for Gmail’s constraints — which is exactly what Gmail-optimized signature tools do.

Step-by-step Gmail signature setup (desktop)

This covers Gmail in a web browser (Chrome, Firefox, Safari, Edge). The interface is the same across all desktop browsers.

1. 1

   Open Gmail Settings

   Click the gear icon in the top-right corner of Gmail. In the dropdown that appears, click 'See all settings.' This opens the full settings page.

2. 2

   Navigate to Signatures

   You're on the General tab by default. Scroll down until you see the Signature section — it's about halfway down the page.

3. 3

   Create a new signature

   Click '+ Create new.' A dialog appears asking you to name your signature. Give it a descriptive name — 'Full Signature' or your name. Click Create.

4. 4

   Add your signature content

   The signature editor is a rich text box. You can type directly for a basic text signature. For a formatted HTML signature with a logo and colors, see the section on pasting HTML below.

5. 5

   Set signature defaults

   Scroll up slightly to the 'Signature defaults' area. Select your email address from the dropdown and choose your signature for 'For New Emails Use' and optionally 'On Reply/Forward Use.' A shorter, simpler signature for replies is good practice.

6. 6

   Save Changes

   Scroll to the bottom of the Settings page and click 'Save Changes.' Gmail saves the whole page at once — if you close without saving, your signature is gone.

7. 7

   Test it

   Click Compose. Your signature should appear automatically in the email body. Send a test email to yourself and check how it renders. Also send to a colleague on Outlook if you have one — cross-client testing is important.

Why Gmail strips your formatting (and how to work around it)

Here’s what’s actually happening when Gmail removes your carefully crafted styles: Gmail’s rendering pipeline sanitizes incoming HTML to prevent CSS class collisions with its own interface and to block potential security vectors. It removes:

• Gmail removes: <style> blocks

  Why: Gmail wraps all email content in its own CSS. External style blocks would interfere with that wrapper.

  Fix: Use inline styles on every element. style="color: #333; font-size: 14px;" on each tag.

• Gmail removes: class attributes

  Why: Gmail removes class names from all HTML elements. Any styling tied to classes simply disappears.

  Fix: Never rely on CSS classes for email signatures. Every style must be inline.

• Gmail removes: Google Fonts and custom webfonts

  Why: Gmail blocks external stylesheet loading, including Google Fonts @import statements.

  Fix: Use web-safe fonts: Arial, Georgia, Verdana, Trebuchet MS, Tahoma. Optionally declare your preferred font first with a web-safe fallback.

• Gmail removes: SVG images

  Why: SVG can contain executable JavaScript. Gmail blocks all SVG for security.

  Fix: Export all icons and logos as PNG. Use 2x dimensions for retina (display at half the actual size using width/height attributes).

Other Gmail rendering behaviors to know

• Line breaks: Gmail compresses multiple empty lines. If you want vertical spacing, use explicit padding or margin on elements, or use a table cell with a fixed height for spacing.
• Image blocking: Gmail on desktop shows all externally hosted images by default (unlike Outlook). On mobile Gmail, behavior can vary by account settings. Always include descriptive alt text.
• Link colors: Gmail overrides link colors to its default blue in some views. Use !important on link colors or set the color directly on the <a> tag with an explicit inline style.
• Quote collapsing: In reply threads, Gmail hides repeated signature content under a '...' expander. This is normal. Recipients can see it by clicking the expander.

How to paste an HTML signature into Gmail

This is the most common question about Gmail signatures, and there’s a lot of confusion about it. Here’s the clearest explanation.

The right method: paste the rendered version

Gmail’s signature editor accepts formatted HTML — but not raw HTML source code. If you paste <p style="color:red">Hello</p> directly, it shows up as literal text, not as rendered HTML.

What you need to paste is the rendered output — the visual result of the HTML, not the source code. When you copy from a tool like NeatStamp, the copy button copies the rendered version to your clipboard. Your clipboard contains formatted, styled content, not angle brackets.

Then when you paste into Gmail’s signature editor, Gmail receives that rendered content and converts it to its own internal representation. The formatting, images, and links all carry over.

The wrong method: pasting raw HTML source

If you copy the raw HTML source code from a text editor and paste it into Gmail’s signature box, you get a wall of <table><tr><td> appearing as literal text. This is the most common mistake.

Some advanced users need the raw HTML for specific customization. In that case, the workaround is:

1. 1.Open a blank HTML file in your browser (create a file called sig.html and open it with your browser).
2. 2.Paste the HTML source into that file.
3. 3.View it in the browser — you see the rendered result.
4. 4.Select all (Ctrl+A) and copy.
5. 5.Paste that into Gmail's signature editor.

This is more work than using a tool that handles it for you. For most people, the NeatStamp editor copy button is the right approach.

Multiple signatures and email aliases

Gmail allows you to create multiple signatures and assign them differently based on context. This is one of its most useful features and one of the least-known.

Full signature vs. reply signature

Create two signatures:

In Gmail Settings → Signature, set “For New Emails Use” to your full signature and “On Reply/Forward Use” to your short signature. Done.

Multiple email addresses / aliases

If you have multiple email addresses (addresses added in Gmail Settings → Accounts and Import → Send mail as), you can assign a different signature to each one.

In the Signature defaults section, there’s a dropdown to select “For emails sent from [address].” Create the appropriate signature for each address and assign it here. When you compose from that address, Gmail automatically inserts the right signature.

Useful scenarios: a work Gmail account (@company.com added as an alias) uses a corporate signature with a logo; a personal Gmail uses a minimal personal signature. Or a sales alias (sales@) uses a signature with a booking link; a support alias (support@) uses a signature with your support hours.

Gmail mobile: the separate signature problem

This is one of the most frustrating Gmail signature limitations: your desktop signature and your mobile signature are completely independent. Setting one does not affect the other.

How to set your Gmail mobile signature

1. 1

   Open the Gmail app on your phone

   This works the same on iOS and Android.

2. 2

   Tap your profile picture

   It's in the top-right corner. This opens a small account menu.

3. 3

   Tap 'Manage your Google Account'

   This opens your Google Account settings.

4. 4

   Go back to the Gmail app menu

   Tap the three horizontal lines (hamburger menu) at the top left of Gmail.

5. 5

   Tap Settings

   Scroll to the bottom of the left-side menu.

6. 6

   Select your account

   If you have multiple Gmail accounts, tap the one you want to set a signature for.

7. 7

   Tap 'Mobile Signature'

   This is separate from the regular Signature setting. Type your mobile signature here. Plain text only — no HTML formatting available in the mobile app.

How your desktop signature looks on your recipients’ phones

There’s an important distinction here: your mobile signature (the one you send from your phone) vs. how your signature looks when a recipient reads it on their phone.

For your signature to look good on recipients’ phones, it needs to be built for mobile rendering: max-width 600px, minimum 11px text, explicit image dimensions, tappable phone links. The mobile-friendly signature guide has all the specifics. NeatStamp’s templates are built to these standards automatically.

Dark mode in Gmail

Dark mode behavior in Gmail varies significantly by platform. Here’s what actually happens:

How to make your Gmail signature dark-mode-safe

• Declare explicit background-color on your outer table: Add background-color: #ffffff to your outer <table> element. This tells Gmail (and other clients) that this area is explicitly white, so they don't apply their dark background to it.
• Use #333333 for text, not #000000: Pure black (#000000) can cause color inversion issues in some dark mode implementations. #333333 is dark enough to be readable on light backgrounds but handles dark mode more gracefully.
• Declare colors on every element, not just the container: If only your outer table has a color declaration but inner cells don't, dark mode can apply differently to nested elements. Set color explicitly on each <td> that contains text.
• Test on Android Gmail in dark mode: This is the most aggressive dark mode implementation. If your signature survives Gmail on Android in dark mode, it will be fine everywhere else.

For a thorough treatment of this, the dark mode email signature guide covers every major email client’s behavior with code examples.

Common Gmail signature issues — fixed

For Gmail-specific problems like your signature not working at all, the Gmail signature not working guide has a dedicated troubleshooting checklist.

Using a Gmail-optimized signature generator

The fastest and most reliable way to get a professional Gmail signature is to use a generator that’s built for Gmail’s specific constraints.

The NeatStamp editor is designed specifically for this. It generates HTML that:

• Uses only inline styles (no classes, no external CSS)
• Uses web-safe fonts with proper fallbacks
• Uses PNG images with explicit width/height attributes
• Includes explicit background-color declarations for dark mode safety
• References images at external URLs (not base64 embedded)
• Works in Gmail desktop, Gmail on Android, and Gmail on iOS
• Also works in Outlook, Apple Mail, and other clients

The workflow: open the editor, fill in your details, upload your logo, pick a template from the template library, click Copy, paste into Gmail. About 5 minutes total.

For design inspiration before you start, the email signature examples guide has 15+ real examples across industries. For the complete design framework, the best practices guide covers fonts, colors, sizing, and what to include.

Frequently asked questions

Related guides