Now, highlight your signature and paste into Gmail.Ĭompose a new message and see your fancy new signature.
#Cool email signature examples code#
Here’s the code I am using for my newly created signature: If the formatting is off, you might have to use some simple inline css to do the trick. After saving, open the file in your web browser (you should be able to double-click). I found out in my own testing, that certain CSS properties, may not allow the images to show up in your new signature.įrom your Signature page editor, switch to HTML mode and copy all of the code and paste it in a new document called signature.html. If it doesn’t work for you, try one more thing. With my testing, this works most of the time. Now paste this into the Signature window inside of Gmail and save the settings. While viewing this page in your browser, highlight and copy your signature only. You will also see all the rest of your website. You should be able to see exactly what your signature is going to look like. Now go back to WordPress and view your Signature page you just created. Under General settings, scroll down until you see “Signature.” Currently, this is under the gear in the upper righthand corner. If you are using Gmail, here’s what you need to do.įirst go into your Gmail Settings. You should have a great looking signature that pulls the images from your server so you aren’t adding unnecessary attachments to every message. If you are using Gmail, skip this step and go on to the next one.įrom the page editor, select the HTML editor and you will see the HTML that was generated while you built your signature with the visual editor.Ĭopy this generated code and paste into the custom signature area in your email client. If this is the way your email client works, then this is the step for you. With some email clients you can simply paste in HTML code. Once you are happy with the way your signature looks, save the page. Find the icon or image you want to use, add it via the media library.įor my signature, I used a space between each social media icon, so the edges don’t touch each other. Once that’s completed, it’s time to add your images.Īdding images is just like adding an image to a blog post. Start by adding your text and your hyperlinks, just like you would for a blog post. Now using the visual editor, start creating the signature digitally. If you don’t want people to find it, you can delete the page after you’ve created your signature). (Don’t worry, about people finding this page. Now that you have your signature designed, open up WordPress and create a new page and name it Signature. Okay, so take a few minutes and create your signature on paper, before moving on to the next step. And we will get to this in the next step. We want to host your file on a web server somewhere. This is the incorrect way because then every email you send will have that many attachments and we don’t want that. Now some email clients like Outlook have the ability to add an image to your signature. I’ve included different networks of where people can find me, for their convenience, in a compact matter by using images.
It’s the next thing that trips up most people adding the images. Of course promote my websites, but I’m not shouting, “Come check me out, NOW!” My websites are there in case someone is interested in finding out more information about me or my company.Īll of those things can be done with a basic signature. I do include my business phone number in case someone would rather contact me via phone. Most likely if someone wants to email me, they will simply reply to my message. As you can see, I don’t have my email address in my signature.
I like to only include the essential information here. Here’s what mine has looked like for the past year: Plus, the cool thing is, you can use your current WordPress website to help you 🙂 Create Your Signatureįirst things first, let’s decide what should be in your signature.
#Cool email signature examples how to#
The first way is to generate the HTML that you can paste into your mail client of choice and the second is how to add a HTML signature to gmail. I never really know how to respond to those messages as it’s significantly tricky to describe, because there are so many different email clients out there.īut today, I’m going to show you two different ways to add a great looking signature to the end of each email you send. Probably the most frequent question I get via emails is “How do you create a signature like yours?” Or put another way, “How can I create an HTML email signature for my emails?”
0 kommentar(er)
