The Web Shop Solution - WS

Buy 2 pounds of Premium Coffee - Get a Free Mug!

This form:

<b><font>Buy 2 pounds of Premium Coffee - Get a Free Mug!</font></b>
<FORM METHOD=POST ACTION="http://www.bluegalaxy.info/webshopsolution/cgi-bin/my_cart.pl">
<INPUT TYPE=HIDDEN NAME=name VALUE="Buy 2 pounds of Premium Coffee - Get a Free Mug!">
<INPUT TYPE=HIDDEN NAME=continue_shopping VALUE="http://www.bluegalaxy.info/webshopsolution/demo.html">
<INPUT TYPE=HIDDEN NAME=product_details  VALUE="http://www.bluegalaxy.info/webshopsolution/demo.html">
<INPUT TYPE=HIDDEN NAME=img VALUE="coffee_mugL.jpg">

Choose the color of your FREE coffee mug:
<table border=0><tr><td>
<img src="http://www.bluegalaxy.info/webshopsolution/images/coffee_mugL.jpg"></td><td valign=top>
<SELECT NAME=custom1 SIZE=1 style=" width : 125px; height : 18px; background-color : #CCCC99; font-family: Georgia; font-size: 
12px; color: #000000;  font-weight: bold; border: 1 solid #000000;">
<OPTION value="<b>Color of your FREE mug:</b> Ceramic White">Ceramic White
<OPTION value="<b>Color of your FREE mug:</b> Beige">Beige
<OPTION value="<b>Color of your FREE mug:</b> Navy Blue">Navy Blue
<OPTION value="<b>Color of your FREE mug:</b> Red">Red
<OPTION value="<b>Color of your FREE mug:</b> Black">Black
</SELECT></td></tr></table>
<BR><b>Choose two pounds of coffee using the select menus below:</b><BR>Don't forget to choose which grind you want. When you have made 
your selections, click the "Buy Now" button to add the coffee to your cart.<BR><BR>

<input type="hidden" NAME="custom3" value="<BR><b>Pound #1:</b>">

<b>Pound #1:</b><BR>
<SELECT NAME=custom4 SIZE=1 style=" width : 270px; height : 18px; background-color : #CCCC99; font-family: Georgia; font-size: 
12px; color: #000000;  font-weight: bold; border: 1 solid #000000;">
<OPTION> Click here for coffee selections:
<OPTION> 1 lb. Kona Prime - LT Roast +$19.95
<OPTION> 1 lb. Tropical Hawaiian Blend +$9.25
<OPTION> 1 lb. French Roast +$10.50
<OPTION> 1 lb. French Roast - Decaf +$10.95
<OPTION> 1 lb. House Blend - LT Roast +$11.95
<OPTION> 1 lb. House Blend - DRK Roast +$11.95
<OPTION> 1 lb. Organic - LT Roast +$10.95
<OPTION> 1 lb. Organic - DRK Roast +$10.95
<OPTION> 1 lb. Organic French Roast +$12.95
<OPTION> 1 lb. Organic Espresso +$12.95
<OPTION> 1 lb. Organic Decaf +$14.95
</SELECT>

<SELECT NAME=custom5 SIZE=1 style=" width : 125px; height : 18px; background-color : #CCCC99; font-family: Georgia; font-size: 
12px; color: #000000;  font-weight: bold; border: 1 solid #000000;">
<OPTION> Grind Options
<OPTION> Whole Bean 
<OPTION> Auto Drip
<OPTION> Fine
<OPTION> Espresso
</SELECT>

<input type="hidden" NAME="custom6" value="--------------------<BR><b>Pound #2:</b>">

<br><b>Pound #2:</b><BR>
<SELECT NAME=custom7 SIZE=1 style=" width : 270px; height : 18px; background-color : #CCCC99; font-family: Georgia; font-size: 
12px; color: #000000;  font-weight: bold; border: 1 solid #000000;">
<OPTION> Click here for coffee selections:
<OPTION> 1 lb. Kona Prime - LT Roast +$19.95
<OPTION> 1 lb. Tropical Hawaiian Blend +$9.25
<OPTION> 1 lb. French Roast +$10.50
<OPTION> 1 lb. French Roast - Decaf +$10.95
<OPTION> 1 lb. House Blend - LT Roast +$11.95
<OPTION> 1 lb. House Blend - DRK Roast +$11.95
<OPTION> 1 lb. Organic - LT Roast +$10.95
<OPTION> 1 lb. Organic - DRK Roast +$10.95
<OPTION> 1 lb. Organic French Roast +$12.95
<OPTION> 1 lb. Organic Espresso +$12.95
<OPTION> 1 lb. Organic Decaf +$14.95
</SELECT>

<SELECT NAME=custom8 SIZE=1 style=" width : 125px; height : 18px; background-color : #CCCC99; font-family: Georgia; font-size: 
12px; color: #000000;  font-weight: bold; border: 1 solid #000000;">
<OPTION> Grind Options
<OPTION> Whole Bean 
<OPTION> Auto Drip
<OPTION> Fine
<OPTION> Espresso
</SELECT>

<br><br>
<INPUT TYPE=IMAGE SRC="http://www.bluegalaxy.info/webshopsolution/images/smltbrownbuynow.gif" border="0" alt="Buy Now">
<INPUT TYPE=HIDDEN NAME="add" VALUE="1">
<a href="http://www.bluegalaxy.info/webshopsolution/cgi-bin/my_cart.pl">
<img src="http://www.bluegalaxy.info/webshopsolution/images/smltbrownviewcart.gif" border="0" alt="View Cart"></a>

Makes this:

Buy 2 pounds of Premium Coffee - Get a Free Mug!

Choose the color of your FREE coffee mug:

Choose two pounds of coffee using the select menus below:
Don't forget to choose which grind you want. When you have made your selections, click the "Buy Now" button to add the coffee to your cart.

Pound #1:

Pound #2:

Notes about this form:

This form uses select menus which allows many product choices in a single form. Select menus can be used to include a myriad of choices in a compact form that would otherwise be much larger. The shopper chooses their two pounds of coffee and each pound has a grind associated with it. The shopper can even select the color of their free gift. All of the shopper's choices are added to the cart and noted in the description column once the shopper clicks the graphic "Buy Now" button.
This form provides an example of how you can have a special offer where purchasing one product can earn the shopper another product or free gift.
This form uses a graphic submit button. The trick for using a graphic submit button is to use two tags intead of one. For example:
<INPUT TYPE=IMAGE SRC="http://www.bluegalaxy.info/webshopsolution/images/smltbrownbuynow.gif" border="0" alt="Buy Now">
<INPUT TYPE=HIDDEN NAME="add" VALUE="1">
Notice there is a separate "add" tag with a value of 1. This tag needs to be included with the IMAGE tag in order to use a custom graphic submit button.
This form also demonstrates the use of a graphic "View Cart" button. It is done with a simple link to the cart. Like this:
<a href="http://www.bluegalaxy.info/webshopsolution/cgi-bin/my_cart.pl"><img src="http://www.bluegalaxy.info/webshopsolution/images/smltbrownviewcart.gif" border="0" alt="View Cart"></a>
This form also demonstrates that style tags can be used that allow all sorts of customization of your forms. For example, coloring a select menu so that it matches the color of the graphic buttons:
<SELECT NAME=custom8 SIZE=1 style=" width : 125px; height : 18px; background-color : #CCCC99; font-family: Georgia; font-size: 12px; color: #000000; font-weight: bold; border: 1 solid #000000;">
Note that this form utilizes a dashed line that is used as a separator for the rest of the custom product data that appears in the cart for this product. This separator is a dashed line that separates the two pounds of coffee in the Description: column of the cart contents page. It was created like this:
<input type="hidden" NAME="custom6" value="--------------------<BR><b>Pound #2:</b>">
Also notice that it is possible to use HTML tags in "custom" product descriptions. "custom6" above uses a <BR> tag and bold <b></b> tags.