Adding a 'share by email' link to website

HtmlDreamweaver

Html Problem Overview


I have an HMTL / CSS website built in Dreamweaver CS4 and I would like to add a 'share by email' link to the site (so that anyone who clicks on it can easily send a link to the site to their chosen recipient). I would like one of those envelope icons, but preferably customisable in size so it would fit nicely with other icons I have.

Please could someone kindly advise me as to what is the easiest way of doing this - I am a beginner. Thanks in advance.

Html Solutions


Solution 1 - Html

Something like this might be the easiest way.

<a href="mailto:?subject=I wanted you to see this site&amp;body=Check out this site http://www.website.com."
   title="Share by Email">
  <img src="http://png-2.findicons.com/files/icons/573/must_have/48/mail.png">
</a>

You could find another email image and add that if you wanted.

Solution 2 - Html

If you want to add a link in a link option in your WordPress website, you should use this code only. href="mailto:?subject= I want to share this with you &amp;body= Hi there, Check out this site http://www.website.com. Thanks.

Example:

enter image description here

Solution 3 - Html

Easiest: http://www.addthis.com/

Best? Well. probably not, But If you don't want to design something bespoke this is the best there is...

Solution 4 - Html

<a target="_blank" title="Share this page" href="http://www.sharethis.com/share?url=[INSERT URL]&title=[INSERT TITLE]&summary=[INSERT SUMMARY]&img=[INSERT IMAGE URL]&pageInfo=%7B%22hostname%22%3A%22[INSERT DOMAIN NAME]%22%2C%22publisher%22%3A%22[INSERT PUBLISHERID]%22%7D"><img width="86" height="25" alt="Share this page" src="http://w.sharethis.com/images/share-classic.gif"></a>

Instructions

First, insert these lines wherever you want within your newsletter code. Then:

  1. Change "INSERT URL" to whatever website holds the shared content.
  2. Change "INSERT TITLE" to the title of the article.
  3. Change "INSERT SUMMARY" to a short summary of the article.
  4. Change "INSERT IMAGE URL" to an image that will be shared with the rest of the content.
  5. Change "INSERT DOMAIN NAME" to your domain name.
  6. Change "INSERT PUBLISHERID" to your publisher ID (if you have an account, if not, remove "[INSERT PUBLISHERID]" or sign up!)

If you are using this on an email newsletter, make sure you add our sharing buttons to the destination page. This will ensure that you get complete sharing analytics for your page. Make sure you replace "INSERT PUBLISHERID" with your own.

Attributions

All content for this solution is sourced from the original question on Stackoverflow.

The content on this page is licensed under the Attribution-ShareAlike 4.0 International (CC BY-SA 4.0) license.

Content TypeOriginal AuthorOriginal Content on Stackoverflow
QuestionnoobugView Question on Stackoverflow
Solution 1 - HtmlBrian MurphyView Answer on Stackoverflow
Solution 2 - HtmlHussain AbdullahView Answer on Stackoverflow
Solution 3 - HtmlMyles GrayView Answer on Stackoverflow
Solution 4 - HtmlMegabonanzaView Answer on Stackoverflow