Internet, Networking, & Security Web Development How to Create an HTML Email Signature Make a professional-looking sign-off on any platform by Andy Wolber Freelance Contributor Andy Wolber is a former Lifewire writer who has been writing about technology for 15+ years. His focus is G Suite, iOS, and nonprofit sector apps. our editorial process Twitter LinkedIn Andy Wolber Updated on December 02, 2020 reviewed by Jon Fisher Lifewire Tech Review Board Member Jonathan Fisher is a CompTIA certified technologist with more than 6 years' experience writing for publications like TechNorms and Help Desk Geek. our review board Article reviewed on Sep 10, 2020 Jon Fisher Web Development CSS & HTML Web Design SQL Tweet Share Email Gmail, Outlook, and Yahoo Mail each let you add a customized signature to every email you send. Each service lets you add and format text, images, and links within a signature box found in settings. You can create a simple email signature for each of these services relatively quickly. To add an HTML signature, you need to create your HTML signature outside of the email services because none of these offer the ability to edit HTML within the signature fields. If you know HTML well, open your favorite HTML editor, type some code, then copy it into the signature field for Gmail, Outlook, or Yahoo Mail. The instructions in this article specifically apply to Gmail, Yahoo, and Outlook. Still, these directions should generally work with most other email services that accept rich text signatures. How to Add a Signature with Mail-Signatures.com Many people find it easier to use an email HTML signature generator service. For example, Mail-Signatures.com and WiseStamp let you select the mail provider you use and type custom content into fields. Here's how to use Mail-Signatures.com's service. Open a web browser on your computer and go to https://www.mail-signatures.com/signature-generator/. In the upper-left corner, select your email platform. Choose from Outlook, Outlook 365, Thunderbird, Gmail, Exchange Server, or Exchange Online. If you use Yahoo Mail, choose the Gmail option. The HTML code generated for Gmail should also work within Yahoo Mail. Select a signature template. Mail-Signatures.com offers dozens of template options. Use the arrows to browse the available options. Click a template to select it. When you select a template, the signature details options displayed in the lower-left corner of the screen change. For example, some templates include Disclaimer Text areas, while other templates omit this section. Customize your email signature details. Select each of the sections displayed in the lower-left corner of the screen and enter your email signature data. If you don't wish to include a field, delete the sample data in the field. Repeat the process for Personal Data, Company Data, Disclaimer Text, Style, and Social Media Links. You can include additional contact methods in your email signature, including one or more phone numbers or links to social media networks, such as Facebook, Instagram, or Twitter. You can also include a street address or website link. Usually, you can omit your email address because anyone who received your email has this information. You can likely omit your fax number unless you work in a field that relies on faxes. To include a custom photo or logo, select the Graphics option. You'll need a public link (URL) if you want to include a custom image in your signature. To get a public link, upload the image to Google Drive or Flickr, for example, and make the file available to anyone. When you're finished filling in and customizing fields, choose Apply your signature. Review and follow any preliminary instructions on the screen, and then select Copy signature to the clipboard. If you want to review or customize your HTML signature code, paste the code you just copied into an HTML editor. For example, open a browser tab, go to https://html5-editor.net/, and paste the code into the display box on the right side of the screen. The source HTML code for your signature displays on the left side of the screen. You may make additional edits either in the code or in the display box. Continue the instructions for your email provider below to locate the signature field and paste (Ctrl+V) your new HTML signature into the web version of your mail service. How to Add an HTML Signature in Gmail If you use Gmail, you can add an HTML signature from a browser on your computer. Select the gear icon in the upper-right corner of Gmail, then choose See all settings. Select the General tab, then scroll down to the Signature area. If you don't have a Gmail signature set up, choose Create new, and then name the signature. Then, paste your HTML email signature into the Signature field, and edit as desired. Scroll down to the bottom of the screen and select Save Changes. For more details, see Adding a Signature in Gmail. How to Add an HTML Signature in Yahoo Mail If you use Yahoo Mail, add an HTML signature from a browser on your computer. Select the Settings icon just below the icon and word Home, in the upper-right corner of Yahoo Mail. Select More Settings near the bottom of the options that display. Choose Writing email from the menu that displays on the left side of the screen. Enable the Signature slider. Paste your HTML email signature into the Signature field, and edit as desired. For more details, see Learn How to Integrate HTML Into Your Yahoo Mail Signature. How to Add an HTML Signature in Outlook If you use Outlook on the web, you can add an HTML signature from a browser on your computer. Select the gear icon in the upper-right corner of Outlook Mail. Select View all Outlook settings at the bottom of the options that display. Choose Compose and reply. Paste your HTML email signature into the Email signature field, and edit as desired. Select the Automatically include my signature on new messages that I compose check box and the Automatically include my signature on messages I forward or reply to check box to add your signature to messages. Select Save. For more details, see Using Rich HTML in an Outlook 365 and Outlook.com Signature.