<< Main help page

How to create HTML email signatures

Last Updated On: 2025-01-18

Create an HTML email signature with our signature generator tool in a few simple steps

  1. Open the Email Signature Generator.
  2. If you are signed in upload your photo or company logo otherwise enter a URL address to it.
    Upload your photo
  3. Select an option to see your photo on the left, right, top, or bottom (Photo Placement options just below the Photo URL field).
  4. Optionally select your email client (recommended), especially if you use an Outlook email client.
    Select email client
  5. Fill in all the signature contact details you need.
    Fill in your personal contact details
  6. Please note that you can customize each field as you like with our inline editor:
    Inline editor text customization
  7. Optionally add a banner image with an optional link (clicking on the banner will open the website URL you enter).
    Upload your banner image
  8. Update your signature social profile links. It can be any icon URL and link you like. If you don’t need it just select the None option from the Social Icons Placement.
    Social or custom icons with links
    Social icons to select from:
    Social icons
  9. Style your signature as you like:
    Signature styling options
  10. If you are signed in, save your signature online.
  11. Copy the signature HTML code to the clipboard ready for pasting into your email client (Gmail, Apple Mail, Outlook Desktop, Outlook Live, Thunderbird, Yahoo). We recommend using Chrome or Edge browser. Firefox browser version 127+ does support copying HTML format into the clipboard otherwise it will copy signature HTML in text format only.
    Copy signature to the clipboard
  12. Test your signature by creating a new email and sending it.
    New email with signature in Gmail
  13. Please note that you can customize your signature even more in the Visual Editor. Just click the Edit Visually button (you need to be logged in).
    Edit Signature Visually Edit signature in the Visual Editor
  14. That’s it! You’ve successfully created your HTML signature. Also, feel free to send us any feedback…

You can also design your email signature from scratch by entering all text manually in the Visual Editor.

Start by creating a signature in a table. For example, if you want to create a signature with your photo on the left side and all other contact details on the right, you can start by creating a table with two columns and one row.
Create a signature in the Visual Editor table

 Example signature with a photo:

Signature with photo and contact details

We recommend removing the table border and setting the table width to let's say 500px (pixels). Just click a cell in the signature table and click the Table Properties icon:
Table properties

Enter let's say 500px in the width field and 0 in the border width field and click the Save button:

Remove the border and set the table width

Now you can save your signature online on our website, then copy it to the clipboard and paste it into your email client:
Save and copy email signature