How to add an HTML signature in Gmail

A professional HTML signature helps standardize your communication and builds credibility with every email. Gmail supports HTML signatures, but it requires some care so formatting doesn’t break. Below is a complete guide to insert your signature safely and ensure it appears correctly in every message you send.

Quick step-by-step

1. Create your HTML signature: Use Crevity’s generator to build the layout with name, role, and contacts.
2. Open Gmail settings: In Gmail, click the gear icon and choose “See all settings”.
3. Paste the signature in the right section: In the “General” tab, find the signature area and paste the HTML.
4. Save and test: Save the changes and send an email to test the appearance.

How to paste the HTML correctly

After generating your signature in Crevity, copy the HTML and paste it directly into Gmail’s signature field. The best way is to paste without formatting (Shift + Command + V on Mac or Shift + Ctrl + V on Windows), preventing Gmail from applying extra styles. If the HTML uses tables and inline styles, the look will be preserved more faithfully.

Images and logos

To insert images, they must be hosted on a public link. Avoid heavy files: prefer images 120–200px wide with light compression. If you insert a large image, Gmail may resize it automatically, reducing quality. In Crevity’s generator, the image is already optimized for this use.

Recommended structure

The most effective signatures are lean and organized. Include only the essentials so the recipient can contact you quickly.

• Full name and role.
• Company and a subtle logo.
• Phone and email.
• Website or social links (if relevant).

Signature on Gmail mobile

The Gmail app has a separate signature from the web version. To configure it, open the app, go to Settings, choose the account, and edit the mobile signature. It doesn’t support advanced HTML, so use a simple text signature or keep the HTML signature for desktop only.

Branding best practices

Use colors and fonts that match your visual identity, but avoid excessive contrast or too much information. A clean signature builds trust. If you use social links, include only the most relevant. If your goal is clicks, highlight a single main link, such as the company website.

Common errors and how to avoid them

• Misaligned text: use simple tables and avoid complex margins.
• Fonts changed: choose safe fonts or use inline styles.
• Links without style: set color and underline directly in HTML.
• Broken images: host them on a public, stable URL.

Test before using

Send yourself an email and check the signature across different clients (Gmail web, Gmail mobile, and Outlook). Small adjustments like font size and spacing make a big difference. If something looks off, go back to the generator, tweak it, and paste again.

Final checklist

• HTML pasted without formatting.
• Images optimized and hosted.
• Links tested with consistent styling.
• Signature tested on desktop and mobile.