LOCAL EMAIL SIGNATURE BUILDER
Build a contact signature you can copy into email settings.
Create and preview a simple HTML email signature from your contact details. Generation happens locally in your browser.
Make and install a simple email signature
Enter contact details to create a compact HTML table with inline styles and a narrow color accent. Name, title, company, email, phone, and website text are escaped before they enter the generated markup. Email links use a restricted address format. Website links are clickable only when they resolve to HTTP or HTTPS. Phone text stays visible as entered; only a global number beginning with + becomes a tel: link, and spaces are removed from the link target. The preview is sandboxed, and no fields are uploaded or saved.
For Gmail: on a computer, open Settings, choose See all settings, then add or edit the signature in the Signature section and save. For new Outlook or Outlook on the web: open Settings, choose Accounts, then Signatures; add the signature, choose when it should be used, and save. These are the menu paths documented by Google and Microsoft and can change as the apps update.
To put the formatted version into a rich-text editor, select and copy the rendered signature from the preview. The Copy HTML button copies source code; a rich-text editor may show that source as text. Use the HTML source only in an email app that offers an HTML editing mode. Email apps can display signatures differently, so send yourself a test message. This generator does not promise identical rendering across email clients.
Good to know
Why is a local phone number shown without a link?
The tool only creates a tel: link for a global number beginning with +. RFC 3966 requires a phone context for local numbers; this small form does not collect one. The typed phone text remains in the signature.
Why are spaces removed from the phone link?
Spaces are useful in the displayed number, but RFC 3966 does not allow spaces in a tel: URI. The link target removes spaces while the signature keeps the original readable formatting.
Will the signature look identical in every mail app?
No. Email clients may render HTML differently. Send yourself a test message and check the result in the apps you use.
Does my contact information leave this browser?
No. The signature is generated locally in this tab and the fields are not uploaded or saved by this tool.
Sources and method
Page content updated November 5, 2026. Generator method and Gmail/Outlook setup instructions checked November 5, 2026. The output is a small HTML signature fragment; it is not tested against every email client's rendering rules. The phone-link rule follows RFC 3966's global-number syntax and visual-separator rules; this form accepts spaces for display but removes them from the URI and leaves local numbers unlinked because it has no phone-context field.
- RFC 3966: The tel URI for Telephone Numbers — global number syntax, local number context, and visual separators.
- Gmail Help: Create a Gmail signature — computer setup through Settings, See all settings, and the Signature section.
- Microsoft Support: Add and change an Outlook signature — setup paths for new Outlook and Outlook on the web.
- MDN: HTML character references — how reserved markup characters are represented in text.
- MDN: The anchor element — link markup and the
hrefattribute.
How it works
1. Edit the contact fields. 2. In the preview, select the rendered signature and copy it for a rich-text signature editor. 3. Use Copy HTML only when your email app accepts HTML source. Send yourself a test message to check the result.
Good to know
Does this create a signature for every email app?
It creates a basic HTML fragment with inline styles. Email apps may render pasted HTML differently, so check a test message in the app you use.
How do I add it in Gmail?
In Gmail on a computer, open Settings, choose See all settings, add or edit a signature in the Signature section, then save changes. Copy the rendered signature from the preview into Gmail's formatted editor; the Copy HTML button copies source markup, which may appear as code if pasted into a rich-text editor. Send a test email.
How do I add it in Outlook?
In new Outlook or Outlook on the web, open Settings, choose Accounts, then Signatures. Add a signature, paste the rendered preview into the editor, choose when it should be used, and save. Menu labels can vary by Outlook version; send a test email.
What does Copy HTML copy?
It copies the HTML source code. For a rich-text signature editor, select and copy the rendered signature inside the preview instead. Use the HTML source only in an app that provides an HTML editing mode.
Are my contact details uploaded or saved?
No. Generation and preview happen in this browser tab. The page does not upload or save the fields.
Can the website field create any kind of link?
No. Only HTTP and HTTPS website addresses become links. Email and phone links are created from their respective fields.
Is it free?
Yes, during beta. Optional usage-credit plans are coming soon. Payments are not available and no credits are required.
Methodology and limitations
Escape contact text before inserting it into HTML. Limit each field to 160 characters. Generate a table-based signature fragment with inline styles; create mailto links only for a simple valid email form, tel links only for telephone punctuation and digits, and website links only for parsed HTTP(S) addresses. The HTML button copies source markup; rich-text signature editors generally require copying the rendered preview. This does not test rendering in email clients.