Building an Email Signature with ChatGPT (The Honest Walkthrough)

ChatGPT writes code. Email clients render code. In theory, that's all you need for a decent signature.

In practice there's a bit more to it.

If you've been treating ChatGPT mostly as a writing assistant or a stand-in for Google, it's worth knowing it can also hand you a full block of HTML for the bottom of your emails — name, title, logo, clickable icons, a CTA button if you want one. Not just "Best, Alex" in italics. An actual signature that looks like someone thought about it.

The catch: you can't just paste whatever ChatGPT spits out directly into Gmail and expect it to work. There are a few steps in between. None of them are hard. All of them are skippable in ways that will cost you an hour.

So here's the walkthrough, written by someone who's made most of the mistakes already.

Why bother with ChatGPT for this at all?

Fair question. There are dedicated signature tools that do this in about ninety seconds. MySigMail is one of them — you pick a template, fill in fields, copy, done. If that's what you want, go do that.

But ChatGPT has its own appeal for certain people:

It's free, obviously. The basic tier does the job. You're not signing up for another subscription to solve a once-a-year problem.

You control every pixel. Want the LinkedIn icon 2px smaller? Ask. Want a gradient background on the CTA? Ask. The AI doesn't care, and it won't charge you extra for "advanced customization."

And it's educational in a sort of accidental way. By the time you've gone back and forth with the model a few times on table widths and inline styles, you've absorbed roughly half a lesson on why email HTML is weird.

Downside: it takes longer. Worth it? Depends on you.

What to do before you open ChatGPT

This is the step most people skip, and then they end up writing prompts like "make me an email signature" and getting something generic. Spend five minutes gathering your stuff first.

You'll want:

• Your name, job title, company
• Email, phone, website URL
• Social links — actual URLs, not "LinkedIn, Twitter"
• A call-to-action if you want one ("Book a demo", "See my portfolio", whatever)
• Your logo or headshot, hosted somewhere public. This matters. If the image lives on your laptop, nobody else will ever see it. Free services like image hosts work fine; just grab the direct URL
• Brand colors as hex codes
• Preferred font (stick to web-safe ones — Arial, Verdana, Tahoma — email clients butcher the fancy stuff)

The more specific you are, the less you'll iterate. A prompt with "blue accent color" gets you whatever blue the model feels like. A prompt with #2B6CB0 gets you that exact shade.

The prompt

Here's a template. Copy it, fill it in, paste it into ChatGPT:

I need a clickable HTML email signature. Please use inline CSS only, keep the markup table-based for compatibility with Gmail and Outlook, and make it look clean on mobile.

Details:

• Name:
• Title:
• Company:
• Email:
• Phone:
• Website:
• LinkedIn / Twitter / Instagram URLs:
• CTA button text and link:
• Logo URL:
• Brand color (hex):
• Font:

Keep it under 500px wide. No external stylesheets, no webfonts, no JavaScript.

Two things worth noting here. "Table-based" isn't a stylistic choice — Outlook is stuck in roughly 2003 when it comes to HTML rendering, and tables are the only layout that survives it. And "no webfonts" because half of email clients strip them out and you'll end up with Times New Roman staring back at you.

ChatGPT will produce something. It'll probably be 80% right on the first try.

Getting from code to actual signature

Here's where people get stuck. The AI gives you a block of HTML. You copy it, paste it into Gmail's signature settings, and... Gmail pastes it as literal text. Angle brackets and all.

That's not Gmail being broken. That's Gmail working correctly — it's a text editor, not an HTML parser.

What you need to do instead:

1. Open a plain text editor. Notepad on Windows, TextEdit on Mac (make sure it's in plain text mode, not rich text)
2. Paste the HTML
3. Save the file with a .html extension. Not .txt. Not .html.txt — Windows likes to sneak that in, so watch the "Save as type" dropdown
4. Find the file in your file manager and double-click it. It opens in your browser

Now you're looking at your signature rendered the way it'll actually appear. This is the preview step everyone skips and regrets.

Look at it carefully. Is the logo loading? Are the social icons clickable and lined up? Is the CTA button readable? If anything's off, go back to ChatGPT, explain what's wrong in plain English ("the phone icon is too far from the number, and the LinkedIn link is purple instead of blue"), and let it regenerate.

Pasting it into Gmail or Outlook (the right way)

Once the browser preview looks good, here's the move: select everything in the browser window. Copy. Then paste into the signature editor.

You're not pasting HTML source. You're pasting the rendered version. The browser acts as a translator — it takes the HTML and gives you formatted content that email clients know how to accept.

Gmail: Settings → See all settings → Signature → Create new → paste. Set it as default for new mail and replies if you want.

Outlook: File → Options → Mail → Signatures → New → paste → assign it to your account.

Send yourself a test email. Then send one to a friend on a different email provider. Then check it on your phone. Rendering differences between Gmail, Outlook, Apple Mail, and mobile clients are real, and sometimes weird. An image that looks perfect on desktop Outlook can appear 300px too wide on iPhone Mail. You won't know until you look.

Where this approach gets rough

Being honest: updating the signature later is a pain. Change jobs? You're back in ChatGPT, regenerating the HTML, re-saving the file, re-previewing, re-pasting. There's no "edit company name" button. It's a rebuild every time.

Same goes for teams. If you're the one person in your company who needs a signature, fine. If you need ten people with consistent branding, no way. You'd spend your week copying HTML into ten different Gmail accounts and praying they all look identical.

You also don't get click tracking, campaign banners that update centrally, or analytics. It's just static code. Which is fine if static is what you need.

ChatGPT vs MySigMail: side by side

The short version is that ChatGPT gives you a blank canvas and MySigMail gives you a finished product with handles you can grab. Here's how they stack up if you want the actual comparison:

There's no wrong answer here. ChatGPT is a legitimate tool for this if you've got the time and the curiosity. A dedicated builder is the right call if you want the signature done and want to get back to work.

A few things I wish I'd known earlier

A handful of traps worth flagging:

Local image files will betray you. If your logo is at C:\Users\alex\Desktop\logo.png, it'll work for you and no one else. Host it publicly. Always.

Don't go overboard on icons. Six social links is plenty. Twelve looks like a conspiracy board.

Outlook handles spacing differently than Gmail. Always. If something looks tight in Outlook but fine in Gmail, add margin in Outlook and accept it'll look slightly loose in Gmail. There is no universal fix. Anyone who tells you otherwise is selling something.

Keep the whole thing under about 10KB of HTML. Some clients — Gmail in particular — clip signatures over a certain size, and the recipient has to click "show trimmed content" to see the rest. Not a great look.

Test on mobile. Half your recipients will read the email on a phone. A signature that wraps weirdly on a 375px screen undoes a lot of the polish you worked for.

FAQs

Build it in ChatGPT if you want to understand what's under the hood. Use MySigMail if you want the result without the debugging. Either way, you end up with a signature that doesn't embarrass you. That's really the whole goal.