How to Create an HTML Signature

This wikiHow teaches you how to create a custom email signature with stylized text and links using an HTML signature generator.

Steps

  1. Image titled Create an HTML Signature Step 1
    1
    Search for a free HTML email signature generator. One safe, free option is MySignature. We’ll use it in our examples.
    • The free version of MySignature does not allow you to add images to your signature.
  2. Image titled Create an HTML Signature Step 2
    2
    Click Create free email signature. If you’re using a site other than MySignature, look for a button or link that says something similar.
    Advertisement
  3. Image titled Create an HTML Signature Step 3
    3
    Enter the details you want in your signature. You’ll see a list of blanks (e.g. Name, Company, Website) that you can fill in with identifying information. The information you type will appear in the preview on the right side of the screen.
  4. Image titled Create an HTML Signature Step 4
    4
    Click the Social tab. If you’re using MySignature, you can click this tab to view a list of social media types you can add to your signature.
  5. Image titled Create an HTML Signature Step 5
    5
    Click each social media type you want to add. For example, if you want to include links to your Facebook, Instagram, and Tumblr profiles, click the icons for those services. New blanks will appear near the top-left corner of the page.
  6. Image titled Create an HTML Signature Step 6
    6
    Type or paste your personal URL for each social media option. Use the format shown in each blank.
  7. Image titled Create an HTML Signature Step 7
    7
    Click the Design tab. It’s next to the social media tab in MySignature.
  8. Image titled Create an HTML Signature Step 8
    8
    Select your layout options. If you’re using MySignature, you can edit the font size, face, and color without upgrading to a paid account. You can also select a color for the background.
    • To choose one of the app’s templates, click Choose template at the top-left corner of the page, and click one of the options without ″PRO″ listed at the top-right corner.
  9. Image titled Create an HTML Signature Step 9
    9
    Click Finish. You’ll see a preview of how your signature will look at the top of the screen.
  10. Image titled Create an HTML Signature Step 10
    10
    Click Copy to clipboard. It’s at the bottom of the signature preview box. This copies the HTML code for your signature to your computer’s clipboard.
  11. Image titled Create an HTML Signature Step 11
    11
    Install your new signature. The steps to do this vary by email service and app.[1]
    • Gmail:
      • Click the gear icon at the top-right corner of the page.
      • Select Settings.
      • Scroll down to the ″Signature″ section.
      • Press ⌘ Command+V (Mac) or Ctrl+V (PC) to paste your signature into the box.
      • If prompted to do so, select Keep Source Formatting and then click OK.
    • Apple Mail:
      • Click the Mail menu, select Preferences, click Signatures, then select the account.
      • Click + to create a new signature and give it a name.
      • Remove the check from ″Always match my default message font.″
      • Paste the signature into the ″Edit Signature″ box.
      • The signature might look wrong in the box, but that’s okay. Create a new email message to see what it will really look like.
    • Outlook:
      • Compose a new message.
      • Click the Message tab.
      • Click Signature and then Signatures.
      • Click New and then name the new signature.
      • Click +.
      • If you’re using a Mac, click the ″Signature″ box, press ⌘ Command+V, select Keep Source Formatting, then click OK.
      • If you’re using a PC, right-click the ″Edit Signature″ box, select Keep Source Formatting, then click OK.
    12. Advertisement

You Might Also Like

Create a Simple Web Page with HTML
How to
Create a Simple Web Page with HTML
Run a HTML File in Visual Studio Code
How to
Run a HTML File in Visual Studio Code
Change the Button Color in HTML
How to
Change the Button Color in HTML
Create an Email Link in HTML
How to
Create an Email Link in HTML
Insert Spaces in HTML
How to
Insert Spaces in HTML
Add a Link to a Picture4 Ways to Add a Link to a Picture
Insert Images with HTML
How to
Insert Images with HTML
Run a HTML File
How to
Run a HTML File
Write HTML Code
How to
Write HTML Code
Get the Hex Code of a Color on Your Computer Screen
How to
Get the Hex Code of a Color on Your Computer Screen
Set a Background Image in HTMLAdd a Background Image to a Website: Step-by-Step Tutorial
Add a Hyperlink with HTML
How to
Add a Hyperlink with HTML
Change Text Color in HTMLHow to Change Text Color in HTML and CSS
Create a Calculator Using HTML
How to
Create a Calculator Using HTML
Advertisement

References

  1. ↑ https://mysignature.io

About This Article

Nicole Levine, MFA
Written by:
Nicole Levine, MFA
wikiHow Technology Writer
This article was co-authored by wikiHow staff writer, Nicole Levine, MFA. Nicole Levine is a Technology Writer and Editor for wikiHow. She has more than 20 years of experience creating technical documentation and leading support teams at major web hosting and software companies. Nicole also holds an MFA in Creative Writing from Portland State University and teaches composition, fiction-writing, and zine-making at various institutions. This article has been viewed 76,321 times.
How helpful is this?
Co-authors: 3
Updated: March 29, 2019
Views: 76,321
Categories: HTML
Article SummaryX

1. Find a free HTML signature generator.
2. Fill out the form.
3. Select a layout.
4. Copy the code to the clipboard.
5. Paste the code into the "Signature" area of your mail app.

Did this summary help you?
Advertisement