E-Mail to Links

Avatar of Chris Coyier
xv2 on (Updated on )

Leave a E-mail to Website

Your email address will not be published. Required fields are marked *

Basic

Open

<a href="mailto:newindrevus@gmail.com">Email Us</a>  

Adding a subject

Open subject to the href value.

<a href="mailto:newindrevus@gmail.com?subject=Mail from Our Site">Email Us</a>  

Adding CC and BCC

Open cc and bcc to the href value.

<a href="mailto:someone@yoursite.com?cc=someoneelse@theirsite.com, another@thatsite.com, me@mysite.com&bcc=lastperson@theirsite.com&subject=Big%20News">Email Us</a>

Adding Mail Input text

body

<a href="mailto:someone@yoursite.com?cc=someoneelse@theirsite.com, another@thatsite.com, me@mysite.com&bcc=lastperson@theirsite.com&subject=Big%20News&body=Body-goes-here">Email Us</a>

View in

see them in action in the full page view.

Leave a E-mail to Website

Your email address will not be published. Required fields are marked *

  • Indrevus aka Andy

    Excellent post

  • Indrevus aka Andy

    I think you can use also the Paragraphs in the body message. Syntax = %0A%0A

    MailTo with multiline message in Body

    XV2
  • Indrevus aka Andy

    a href=”mailto:newindrevus@gmail.com?body=The message’s first paragraph.%0A%0ASecond paragraph.%0A%0AThird Paragraph.”

    mailto:newindrevus@gmail.com?subject=http://0102030-unity-2-sides.123kids.us/&body=http://0102030-unity-2-sides.123kids.us/

  • Indrevus aka Andy

  • Indrevus aka Andy

    Thank you XV2

    XV2
  • Indrevus aka Andy

    thanks

    XV2
  • Indrevus aka Andy

    Thank you

  • Indrevus aka Andy

    Thanks for reminding me about something I learnt originally in the 90s!

    XV2
  • Indrevus aka Andy

    Style links depending on file format

    /* external links */
    a[href^=”http://”]{
    padding-right: 20px;
    background: url(external.gif) no-repeat center right;
    }

    /* emails */
    a[href^="mailto:"]{
        padding-right: 20px;
        background: url(email.png) no-repeat center right;
    }
    
    /* pdfs */
    a[href$=".pdf"]{
        padding-right: 20px;
        background: url(pdf.png) no-repeat center right;
    }
    
    XV2
  • Indrevus aka Andy

    s closed.

    XV2
  • Indrevus aka Andy

    XV2
  • Indrevus aka Andy

    XV2
  • Indrevus aka Andy

    XV2
  • Indrevus aka Andy

    Hello,

    XV2
  • Indrevus aka Andy

    Hello



    Thanks

    XV2
  • Indrevus aka Andy

    Great!

    XV2
  • Indrevus aka Andy

    I would like to use a mailto command in SharePoint for use internally (Outlook 2010). I understand how to do the to, subject and body text, but I’d like to be able to dictate the background used (from those available in Outlook) so that users have a choice. Any ideas?

    XV2
  • Indrevus aka Andy

  • Indrevus aka Andy

    It’s still very nice so far. Thanks
    mailto:newindrevus@gmail.com?subject=http://0102030-unity-2-sides.123kids.us/&body=http://0102030-unity-2-sides.123kids.us/

    my web is here
    also here

  • Indrevus aka Andy

  • Indrevus aka Andy

  • Indrevus aka Andy

  • Indrevus aka Andy

    Can we have HTML content in the mail.

    <a href=”mailto:newindrevus@gmail.com?subject=hello&body=< b >Make me Bold</ b >”
    when i do this the output in the body is:

    < b >Make me Bold< /b >

    the text to be bold. is this

  • Indrevus aka Andy

  • Indrevus aka Andy

    So,
    Any way to CC yourself?

    When client clicks email link,
    they get to:
    email me, —mailto:
    receive cc copy to their own email — cc=(how do i do this?)
    see subject, — subject=
    begin body text, — body=

  • Indrevus aka Andy

    Here’s a tool for building mailto links: xv2

    mailto:newindrevus@gmail.com?subject=http://0102030-unity-2-sides.123kids.us/&body=http://0102030-unity-2-sides.123kids.us/

    XV2
  • Indrevus aka Andy

    Hi,

    XV2
  • Indrevus aka Andy

    Hi

    XV2
  • Indrevus aka Andy

  • Indrevus aka Andy

    Just wanted to ad a couple of thoughts;

    read an interesting article on conversion rates of mailto vs on-line form and this article

    xv2.us

    XV2
  • Mr XV2
    Permalink to comment#

    Wh

    You simply leave the email out,

    mailto: – will open the email client
    mailto:newindrevus@gmail.com?subject=http://0102030-unity-2-sides.123kids.us/
    mailto:newindrevus@gmail.com?subject=http://0102030-unity-2-sides.123kids.us/&body=http://0102030-unity-2-sides.123kids.us/

  • Indrevus aka Andy

    http://0102030-unity-2-sides.123kids.us/. The library substitute the classic behaviour that links with a modal with more possibilities for the users, maybe it can be useful for someone!

    XV2
  • Indrevus aka Andy

    content here!

  • Indrevus aka Andy

  • Indrevus aka Andy

    Cheers
    Mike

  • Indrevus aka Andy


  • Indrevus aka Andy

    wanted to understand how the Mailto works?
    I copied the link that you showed and it did not work for me
    thanks

  • Indrevus aka Andy

    Should a title property be set on mailto links? I’ve never assigned one in the past but we are getting challenged on this following the introduction of accessibility legislation. We include the title property in all other links.

  • Version xv2

    Thanks,

  • Technic BIT

    AI WEB 3D

  • Leave a E-mail to Website

    Your email address will not be published. Required fields are marked *

    Display Fonts | FontSpace

    D

    N

    ☰ S
    ×
    Side E1 top.123kids.us Side E2 newtvclick.123kids.us Side E3 tv.xv2.us Side E4 newmobitv.royalwebhosting.net

    Left

    L-SIDE NAVIGATOR

    ☰ L-Slide