jb 16x16 logo
Shrink Header Shrink Jules Shrink Header Make Jules Bigger

Advanced E-mail Links

So you want to create an e-mail link in your web page with the addressee, subject, and body as well as carbon copy (CC) and blind carbon copy (BCC) parameters already filled in?

First, the URL uses mailto: instead of http://. Next, you'll need to URL encode the subject and content to get rid of blank spaces and handle special characters. It's easy with this tool.

As with any URL Name Value Pair (NVP) parameter set the first one is preceded by a question mark ? and subsequent NVPs are preceded by the ampersand &

Replace each ellipsis … in <a href="mailto:JB@JulesBartow.com?subject=…&cc=…&body=…"> with your URLEncoded result below.

For instance, the link for an e-mail to me with the subject RE: “Julio's” Résumé + needs to be converted to
<a href="mailto:JB@JulesBartow.com?subject=RE%3A%20%E2%80%9CJulio's%E2%80%9D%20R%C3%A9sum%C3%A9%20%2B">

The default here is an example of the body for an e-mail. As you enter your own text with “special” characters in the tan area, the translation will automatically update in the yellow area below.

⇑ ⇑ Enter your text here ⇑ ⇑

⇓ ⇓ URL Encoded result here ⇓ ⇓

This example uses UTF-8 encoded characters, which will translate to 2- to 3-different nonsensical ANSI-based characters if your e-mail isn't using modern international standards (e.g., Résumé translates to R%C3%A9sum%C3%A9 and ↵ &carr; translates to %E2%86%B5 ). Google's gmail , of course, works fine

Try the example ⇒ JB@JulesBartow.com  —you don't have to actually send it to see how it works.

Don't forget to save your file type as UTF-8 and use the tag <meta http-equiv="content-type" content="text/html; charset=UTF-8"> in the head of your web page.

Dynamically generating your result on this page was simple using the javascript encodeURIComponent() function

document.getElementById('EncodedText').innerHTML = encodeURIComponent(document.getElementById('RegularText').value);

Jules Bartow