Skip to content
MagicWebBox
Sign in

Email signature

A polished email signature

Your details

Public https address of a square image (shown at 80 × 80 px). Leave empty for no image.

Links (social networks, profiles)

Up to 5 links, shown below your contact details.

Template

Preview

For your security, this site never loads external images: the preview shows a frame instead of the photo. It will appear in your email client.

Fill in the form to see the signature.

“Copy signature” copies the formatted version, ready to paste into your email client's settings.

To check

  • The name is empty.

HTML code

Install the signature

Gmail

  1. Click “Copy signature”.
  2. In Gmail, open Settings (gear) › See all settings › General.
  3. Under “Signature”, create a signature and paste (Ctrl+V or Cmd+V).
  4. Save changes at the bottom of the page.

Outlook

  1. Click “Copy signature”.
  2. Outlook on the web or new Outlook: Settings › Accounts › Signatures. Classic Outlook: File › Options › Mail › Signatures.
  3. Create a signature, paste it into the editor and save.

Apple Mail

  1. Click “Copy signature”.
  2. In Mail, open Settings › Signatures and add a signature with “+”.
  3. Untick “Always match my default message font”, then paste into the right-hand area.

About this tool

This generator builds an email signature from your details: name, job title, company, phone numbers, email, website, address, a photo or logo, and up to five links to your profiles. The HTML it produces uses tables and inline styles, the format Gmail and Outlook accept, with no external stylesheet or script. Three templates are available: horizontal with photo, vertical and minimal.

A panel flags fields that won’t appear, such as an invalid email address, a phone number that can’t be dialed or an image that isn’t served over https. Phone numbers become tel: links and the email a mailto: link. You can copy the formatted signature to paste into your mail client, copy the HTML code or download it, with setup steps for Gmail, Outlook and Apple Mail.

How to use it

  1. Fill in “Your details”: “Full name”, job title, contact info and, if you like, a “Photo or logo URL”.
  2. Add your profiles with “Add a link”, then pick an “Accent colour” and a “Template”.
  3. Check the “Preview” and fix anything listed under “To check”.
  4. Click “Copy signature” and paste it into your mail settings, or use “Copy HTML code” or “Download .html”.

Frequently asked questions

Does the signature work in Gmail and Outlook?

The HTML is built with tables and inline styles, without external CSS or scripts, which is what these clients accept. The page includes setup steps for Gmail, Outlook on the web or classic Outlook, and Apple Mail.

How do I add my photo or logo?

Enter the public https address of an image, ideally square; it is displayed at 80 × 80 pixels. The tool doesn’t host the image, and plain http addresses are rejected because mail clients block or flag them.

Why doesn’t the preview show my image?

For security, the page never loads external images, so the preview shows a placeholder with the name of the site hosting the image. The copied signature contains the real image tag, and it will display in your mail client.

Is my information sent to a server?

No. The signature is generated in your browser with no network requests, and the HTML file is created locally. The form is saved in this browser’s local storage so your details are still there on your next visit.