How do I add an "email this page" button to my site to increase referrals?

  • 4
  • Question
  • Updated 7 years ago
  • Answered
I have seen a button on many websites for "Email this page" or "Bookmark this page". How do I get that for my Synthasite page.
Photo of Jeremy

Jeremy

  • 2 Posts
  • 0 Reply Likes
  • unsure

Posted 10 years ago

  • 4
Photo of Monique

Monique, VP of Customer Support

  • 6294 Posts
  • 446 Reply Likes
HI Jeremy

To add an email link to your website you can either type in your link text or use an image (use the "insert image" icon on the text editing toolbar to add an image inside a text widget) Highlight the text or image and click "insert link" on the text editing toolbar. A link editor will open up and the third option in the link editor dialogue box allows you to create a link to an email address. Simply type in your email address and click "ok" To test that the link is working, save and preview your page. When you click on your email link, an email will open up in your default email program with the address already filled in.

There are also a number of social bookmarking buttons you can add to your site. Here is a link that offers a wide selection: http://www.addthis.com/bookmark.php
You can get an "add this" button for your site by creating a free account, copying the HTML code and pasting it into an HTML widget in SynthaSite (paste it over the default tags in the HTML editor.)

I hope this helps. Please get back to me if you have difficulty creating either of these buttons for your site.

Cheers,
Monique
Photo of Green Girl

Green Girl

  • 531 Posts
  • 12 Reply Likes
Hi monique, i have similar question like Jeremy, about "bookmarking the site".
but the answer you have given, explains how to get your site bookmarked on social bookmarking sites. whereas i want to insert a link/button/image by clicking which the site gets bookmarked to visitor's "browser". the similar thing which we do manually in our browsers or do by pressing ctrl+d (i m not sure about the exact shortcut keys though).
i have seen these kind of buttons on several sites (cant recall any, to give you a link), by having a button more users tend to bookmark the site. so i will be really happy if you can tell me how to do it.

And about Jeremy's other question, I don't mean to offend you (and i m really sorry if i do it anytime unintentionally). I guess he doesnt want to insert a "mailto link", probably what he wants to do is, have a text/image where if people click, the whole page of his site can be sent to friends etc.
something like, where you click, it gives you a pop up window, enter your n other party's email ids, n the whole page is sent to the other party.
Photo of Monique

Monique, VP of Customer Support

  • 6294 Posts
  • 446 Reply Likes
Hi Monica

I am not sure if this is the right thing either, but if you drop a Widgetbox gallery widget onto your page and then search for "bookmark this site" there is a widget that allows you to add a bookmark button to your site. See screenshot below. Does that look like what you had in mind?

We don't have an 'email this page' feature at the moment, but thanks for pointing out the misunderstanding. I will certainly add that as a feature request.

Photo of Green Girl

Green Girl

  • 531 Posts
  • 12 Reply Likes
I m not looking for "social bookmarking" widget. I want something which saves my readers from manually adding my site to their browser.
I will search out some example tomorrow, to explain what exactly i m trying to convey (this time its super late at night :-P). Hope to catch you tomorrow, with lots of questions :-)
Photo of Monique

Monique, VP of Customer Support

  • 6294 Posts
  • 446 Reply Likes
Photo of Green Girl

Green Girl

  • 531 Posts
  • 12 Reply Likes
wow, that looks like it would work.
Thanks alot for helping :-)
Photo of Monique

Monique, VP of Customer Support

  • 6294 Posts
  • 446 Reply Likes
Glad I caught you before you went to bed!
Photo of Green Girl

Green Girl

  • 531 Posts
  • 12 Reply Likes
ha ha..!! when i start telling myself "Monica, its time to sleep" it takes another hour for my brain to understand those signals :-P
Photo of Green Girl

Green Girl

  • 531 Posts
  • 12 Reply Likes
One can add "email this page" by using the following code:
<!--<SCRIPT language="JavaScript">
<!--
var SubjectLine='THIS TEXT WOULD DISPLAY AS LINK(keep it whatever you want), '+top.document.title;
var BodyText='You can see this page at: '+top.location.href;
var Message='Send <A HREF="mailto:?
SUBJECT='+escape(SubjectLine)+'&BODY='+
escape(BodyText)+'" OnMouseOver="status=\'Email
this page\'; return true;" TITLE="Send your friends e-mail about this page">this page<\/A> to a friend.';
var MessageIE='Send <A HREF="mailto:?
SUBJECT='+(SubjectLine)+'&BODY='+(BodyText)+'"
OnMouseOver="status=\'Email this page\'; return true;" TITLE="Send your friends e-mail about this page">this page<\/A> to a friend.';
if(document.all) { document.write(MessageIE); }
else { document.write(Message); }
// -->
-->

In above script you will see <!-- and --> 2 times each. You have to remove only the very first <!-- and the very last -->. Please do not remove the <!-- and --> from anywhere else
Photo of bcaroleo

bcaroleo

  • 3 Posts
  • 0 Reply Likes
how do you write this "email this page" using html code . . i want visitors to have the ability to email the page to their friends
Photo of bcaroleo

bcaroleo

  • 3 Posts
  • 0 Reply Likes
thanks but those instructions are for how to email "me" from my page, i want to have:

the user click the link

their default email client open with :

the email address blank ( so they can insert their friends address)
the subject line filled in with , Hey check out what i saw on hotslop.com
the address for the page they are currently viewing in the body,

so the visitor can click the link, insert their friends email address and forward links from my site to their contacts..

i am using html,
Photo of Brianna

Brianna

  • 2045 Posts
  • 92 Reply Likes
Hello Bcaroleo,

If you have the HTML code, it is very simple to put it onto your website:

1. Drag-and-drop an HTML Widget from the sidebar on the right onto your page (the icon for this is a blue sphere).

2. An HTML editor will open up that will allow you to write or paste your code (use right-click > paste or ctrl-V to paste).

3. When you are done, click "OK" and your HTML will be displayed on the page.

Make sure to save and re-publish your site for the HTML code to take effect!

Cheers!
Photo of Brianna

Brianna

  • 2045 Posts
  • 92 Reply Likes
if you see 'subject line' in the code, you could insert text such as e-mail me. For example:
var SubjectLine='THIS TEXT WOULD DISPLAY AS LINK(keep it whatever you want), '+top.document.title;
Photo of bcaroleo

bcaroleo

  • 3 Posts
  • 0 Reply Likes
...where can i find the html code, the rest i can do
Photo of contact

contact

  • 1 Post
  • 0 Reply Likes
This article has syntax for the Mailto: link. It's HTML only no Javascript required. Though it does require that person to have a mail program like Outlook or Apple Mail on their computer.
It can be a hassle to the person who clicks.


http://www.ianr.unl.edu/internet/mail...

Example:
<a href="mailto:EMAIL@ADDRESS.COM?subject=SUBJECT GOES HERE">Link</a>

This example will open the mail program start to compose an email to "EMAIL@ADDRESS.COM" with the subject of "SUBJECT GOES HERE".
Note: The text doesn't have to be in caps I just added that for emphasis.


The best option would be to use a basic PHP email form that they type in the email and added message that they want to share with their friend and you server sends out the message. This eliminates the annoying mail app.

Ethan Hackett
Photo of Sanja

Sanja, Official Rep

  • 10698 Posts
  • 495 Reply Likes
Thanks Ethan for sharing. Although we do not support PHP, your other tip is quite handy!