Adding 'Send to a Friend' Capabilities to Your Page

Purpose

You've just finished the most wonderful Web page, jam-packed with information. Most people will get to your page by browsing or clicking a link from another UW-Eau Claire Web page. Now you can now increase the availability of your page by adding a single Web button. The purpose of this button is to allow people an option to e-mail the link to your web page to others who might not otherwise know about it.

Example

A great place to start would be this page. You've just read this document and you want to tell a colleague about this page. It's very simple. Just click on the following button (press the back button when you are done viewing the form):

As you can see, the 'Send to a Friend' page knows what page you came from:

If you were to fill out the form on the 'Send to a Friend' page, it would send an e-mail message to the recipient you specified, with your comments and a link to this page.

How do I Add a Button to My Page?

Simply cut and paste this code into your HTML web page code at the appropriate location on the page (this code will only work for pages on the UW-Eau Claire web server):

<form action="/asp/sendtofriend/sendtofriend.asp" method="post">     <input type="submit" name="submit" value="Send to a Friend"> </form>

Customizing the Look of the Page

Let's say that you want to customize the way the 'Send to a Friend' page looks. Try clicking on the following button to see an example of a customized page. The code below with some additional hidden field values added is how it was produced.

<form action="/asp/sendtofriend/sendtofriend.asp" method="post"> <input type="hidden" name="department" value="CNS Web Dev" /> <input type="hidden" name="link_title" value="Adding 'Send to a Friend' Capabilities to Your Page" /> <input type="hidden" name="graphic_url" value="http://www.uwec.edu/webdev/Images/banner_short.gif" /> <p align="center"> <input type="submit" name="submit" value="Send to Friend" /> <p></p> </form>

As you can see, by adding a few hidden fields to the form, you can identify your office or department, add a page title or banner graphic. All of the hidden fields are optional, so you can add one or two, or all of the optional fields. The options are listed below. The values you need to change are emphasized.

Field Name	Code Example
department	<input type="hidden" name="department" value="LTS Web Dev">
link_title	<input type="hidden" name="link_title" value="Adding Capabilities to Your Page">
graphic_url	<input type="hidden" name="graphic_url" value="http://www.uwec.edu/webdev/Images/bnr.gif">

Questions?

If you have any questions or comments about this feature, please contact web@uwec.edu.