Loading
Preparing your generator page
We are loading content and tools so everything is ready to use.
We are loading content and tools so everything is ready to use.
Build a professional Gmail email signature with table-based HTML, live preview, and one-click copy. Add contact links, brand accent color (Google Blue default), optional 72×72 profile photo, and a CTA button — then paste into Gmail Settings. Not affiliated with Google.
Also try the HubSpot Signature Generator, Outlook Signature Generator, and more in Utility tools.
Last updated: May 19, 2026 · Published: 2026-04-09 · Updated: 2026-05-19
Preview
| Alex Morgan Growth Manager · Brightlane Media alex.morgan@example.com | +1 (555) 010-4088 | www.example.com | LinkedIn Austin, TX Book a call |
HTML for Gmail
A Gmail signature generator turns your professional details into paste-ready HTML: name, role, company, contact links, optional tagline and address, brand-colored accents, and an optional call-to-action button. Instead of fighting Gmail’s rich-text editor, you copy table-based markup that renders consistently in Gmail web and app.
Muxgen builds and previews signatures entirely in your browser — replace the sample defaults, copy HTML or plain text, and paste into Gmail Settings → Signature. No Muxgen account required.
Three steps from fields to a signature live in Gmail.
Name, title, company, email, phone, website — plus optional LinkedIn, tagline, address, and CTA text/URL.
Choose Google Blue, Emerald, Navy, Slate, or custom hex; optionally enable a 72×72 HTTPS profile photo.
Review live preview, Copy HTML, paste in Gmail Settings → Signature, assign defaults, Save Changes.
Every input in the live Gmail signature component.
Primary heading in the signature — bold 16px; defaults to Your Name if left empty in HTML.
Shown on one line joined by · when either is filled — 13px secondary text.
Email uses mailto:; phone uses tel: with digits normalized; website link uses accent color.
Validated https URL; displays as LinkedIn anchor in the contact link row.
Tagline under title block; address as a separate smaller line below contact links.
Inline button with accent background — requires both label and valid URL to render.
Four preset pills plus monospace hex input — drives links, left border, and CTA fill.
Checkbox reveals HTTPS URL field; 72×72 image in left column with accent border on text block.
Live preview panel, read-only HTML export, Copy HTML and Copy plain text with 2s feedback.
How exported markup is built for Gmail compatibility.
Uses cellpadding/cellspacing tables with role=presentation — common pattern for Gmail-compatible HTML signatures.
Font Arial/Helvetica, colors and spacing on spans and anchors — no external stylesheets required.
3px solid accent on the text column; with photo, border sits between image and content.
Email, phone, website, LinkedIn joined with | separators when multiple links exist.
User text is escaped for safe preview and export — reduces injection risk when pasting.
Separate buildPlainText output for clients that strip tables and inline styles.
Checklist to publish copied HTML in Gmail web.
Gmail web → gear icon → See all settings → scroll to Signature section.
Create new, name it, paste copied HTML into the editor, verify links click in preview.
Set signature for new emails and replies/forwards, then Save Changes at the bottom.
Email yourself from Gmail to confirm photo load, CTA click, and mobile layout.
Teams on Gmail often pair this generator with vCard Generator for downloadable contacts and Color Code Generator for exact brand hex values beyond the four presets.
Microsoft-heavy orgs may prefer the Outlook Signature Generator — same professional goal, different paste workflow.
Aligned with the live Gmail signature generator component.
Table + inline-style output designed for Gmail web and common mobile rendering.
Preview updates as you type — same HTML as the export textarea.
Website, LinkedIn, CTA, and photo URLs validated as http/https with optional https prefix.
Google Blue default plus Emerald, Navy, Slate, or custom six-digit accent.
Copy HTML for rich Gmail signatures or plain text for stripped-down clients.
No sign-up; signature content stays in your browser during editing.
Who uses a free Gmail HTML signature builder.
Book-a-call CTA and phone link on every outbound Gmail thread.
Portfolio website, LinkedIn, and tagline in one consistent signature block.
Standardized titles and company lines across agents for trust and clarity.
Ship a polished signature fast with accent color matching early brand guides.
Clear role, email, and LinkedIn for candidate reply rates.
Template-style fields so each rep pastes the same HTML structure with personal details.
Pick the right Muxgen tool and export format for your stack.
Same HTML-first approach on Muxgen — pick the page that matches where your team sends mail.
Outlook tool targets Microsoft clients; this page optimizes copy for Gmail settings workflow.
Use Copy HTML in Gmail; use Copy plain text when a client or mobile app strips formatting.
Signature displays in every email; vCard is a downloadable contact file for recipients.
This tool links a hosted HTTPS image — you upload elsewhere, then paste the public URL.
Independent builder with live preview and dual export — not a Google Workspace admin feature.
Terms that match this generator’s output.
Rich footer markup with links and styles — pasted into Gmail signature settings.
CSS on individual elements — required because many email clients ignore <style> blocks.
Hex brand color for links, left border, and CTA button background in this generator.
Button-styled link — e.g. Book a call — built only when label and URL are both valid.
Email opens compose; phone uses normalized tel: URI from the phone field.
Public photo link Gmail can fetch — private or broken URLs won’t render the headshot.
Readable, trustworthy footers after you paste HTML.
Aim for four to six useful lines so mobile Gmail doesn’t truncate your footer.
Single action (book, demo, portfolio) outperforms multiple competing buttons.
Use a stable public URL — re-test after CDN or permission changes.
Use custom hex from your style guide; invalid hex safely falls back to Google Blue.
Send yourself two test emails — layout differs between Gmail apps and web.
Regenerate HTML when title or company changes so old threads aren’t misleading.
Habits that pair with Copy HTML and optional photo URLs.
Use the Copy HTML button so Gmail receives real links and styles, not a bitmap.
Clear CTA text or URL to remove the button while keeping contact links.
Link to a hosted .vcf from your website CTA for easy contact saves.
Use Canva QR Generator for cards; keep Gmail sig HTML for email only.
Align tagline and title language with outreach letters from Cover Letter Generator.
Convert brand RGB to HEX in Color Code Generator, then paste into accent field.
Gmail HTML, accent presets, photo URLs, CTA, copy modes, privacy, and Google affiliation.
Explore more tools in the directory.
CRM-style HTML signatures with similar fields for HubSpot email workflows.
Build signatures tuned for Microsoft Outlook paste and rendering habits.
Export contact cards (.vcf) to pair with email signatures for one-tap saves.
Draft professional intro letters that match your signature branding.
Pick exact HEX values for accent colors beyond the four Gmail presets.
Add a scannable QR in marketing assets linked from your signature CTA.