<< Main help page

How to create HTML email signatures

Last Updated On: 2024-09-09

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

  1. Open the Email Signature Generator webpage.
  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. Fill in all the signature contact details you need.
    Fill in your personal contact details
  5. Optionally add a banner image with an optional link (clicking on the banner will open the website URL you enter).
    Upload your banner image
  6. 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
  7. Style your signature as you like:
    Signature styling options
  8. If you are signed in save your signature online.
  9. 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
  10. Test your signature by creating a new email and sending it.
    New email with signature in Gmail
  11. Please note that you can customize your signature even more in the Visual Editor. Just click the Edit button (you need to be logged in).
    Edit signature in the Visual Editor
  12. 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