Using HTML to create email links Wednesday, October 7th 2009 @ 1:49 PM (2 ratings)

---

Basic e-mail links in iGrOOps

Making a link to launch e-mail in iGrOOps uses some basic code and is very easy to do . As an example, if your e-mail address is someone@iloveigroops.com, you would simply write in the iGrOOps editor:

mailto:somebody@iloveigroops.com

But that is kinda boring as it just displays your email address and is not so fancy...To have the words E-mail me appear as an e-mail link, the html line looks like this:

<a href="mailto:somebody@iloveigroops.com">E-mail me</a>

And it would look like this on the browser screen:

E-mail me

Filling in the Subject line
You can insert your own subject line into the messages people send you. (They are free to change it before sending it if they want to.) This is useful if, say, you have your e-mail address at the bottom of a number of web pages, and you'd like to know from which page the sender accessed your address.

The code goes right inside the mailto: statement. In the example below, the subject line of the mail will say "Hello from the e-mail article". The new code appears below, and the link text on the screen is "E-mail me":

<a href="mailto:someone@iloveigroops.com ?Subject=Hello from the e-mail article" />

The link created by this code appears below:

E-mail me 

Filling in the body of the e-mail message
You may wish to fill in parts of the body of the e-mail message which people send to you. If you'd like people to answer specific questions, for example, you can have them appear in the message when people click your "e-mail" link. Even though you'll be unable to specify specific formatting, the questions will be there for people to answer. In the following example, I've only put in a simple starter to the e-mail message:

<a href="mailto:someone@iloveigroops.com ?body=Hi Bo, I read your blog at http://www.igroops.com and I just wanted to say hello! onMouseOver=" /a>

Note that I've included the onMouseOver to "hide" the text from the browser's status bar. Here's what the code gives you on your screen; click it to try it out:

E-mail me your feedback

Carbon copy messages automatically
You may have a reason for wanting all e-mail to go to two people instead of one. Please note that there is no mailto: statement in front of the second e-mail address. 

<a href="mailto:someone@iloveigroops.com ?cc=sean@iloveigroops.com">E-mail us</a>

Try it below:

E-mail us

Using a Mail icon with your Social Media Icons
Everyone seems to be using social media icons these days and a few even remember to actually include their email icon to also be contacted by...This function is as simple as inserting an image and simply linking one of the various methods above to the image. Click the links below--and friend me up! ;) and also feel free to use the icons if you wish--they are free and in the public domain:

     

That's the end of this brief tutorial into making e-mail links with html in iGrOOps. I hope you found it useful!

Share

rate this post: