NOTE: The samples on this page can be generated automatically by the Code Generator software. To see more samples,
Visit the demo store and click the "View HTML" links.
When a customer is shopping on your website, they need to be able to put items into their shopping cart. They do this by clicking the "Add to Cart" button on a page. These buttons are really HTML forms which we call "CartLinks". One of the advantages of hosted shopping cart software is the ability to quickly and easily setup the connection from your website to the shopping cart system.
A Basic CartLink
Here is a basic CartLink (Note that all the shopper will see is the "Add to Cart" button:
And by using very simple Cascading Style Sheet, you may change the look of the "Add to Cart" button to match the look and feel of your web site. In fact, one of the most powerful features of our software is the degree to which you can customize the shopping experience and checkout process. Note that once the customer has added the item to their shopping cart, they can click a button to continue shopping or they can proceed to checkout.
Here is the HTML:
<form action="http://apps.agenne.com/cart.cfm" method="post">
<input type="hidden" name="op" value="add">
<input type="hidden" name="item_desc" value="Cereal Bowl">
<input type="hidden" name="item_price" value="32.00">
<input type="hidden" name="item_id" value="BIA-2605">
<input type="hidden" name="cid" value="000">
<input type="submit" value="Add to Cart">
</form>
|
In addition to the example software above, you may optionally include a quantity field, unlimited options such as color, size, etc., and addtional parameters including such things as whether the item is taxable. If no quantity field is submitted, the shopping cart software will assume a quantity of 1.
A CartLink with a Price-Adjusting Color Option
Here you see a slightly more advanced CartLink which includes a dropdown list of color choices as well as a quantity field. Notice that 3 of the color choices affect the final price of the item.
And by using a very simple Cascading Style Sheet, you may change the look of the entire CartLink form the to match the look and feel of your web site.
Here is the HTML:
<form action="http://apps.agenne.com/cart.cfm" method="post">
<input type="hidden" name="op" value="add">
<input type="hidden" name="OptionCount" value="1">
<input type="text" name="item_qty" value="1" size="3">
Color:
<select name="Option1" style="text-input">
<option value="WW|Whitewash|0" selected>Whitewash </option>
<option value="PG|Pistachio Green|0" >Pistachio Green </option>
<option value="CB|Cappucino Brown|0" >Cappucino Brown </option>
<option value="IB|Ice Blue|10" >Ice Blue (add $10)</option>
<option value="AP|Antique Pink|10" >Antique Pink (add $10)</option>
<option value="BY|Butter Yellow|-20" >Butter Yellow (subtract $20)</option>
</select>
<input type="hidden" name="item_desc" value='Round Dinner Plate<br>11"'>
<input type="hidden" name="item_price" value="38.95">
<input type="hidden" name="item_id" value="JDR">
<input type="hidden" name="product_shipping_class" value="0">
<input type="hidden" name="cid" value="000">
<input type="submit" value="Add to Cart" style="width:125px;">
</form>
|
Although this form is a bit more complicated than the first example above, it can be generated exactly as you see here by the code generator software. Also note that you may have as many separate options, each with as many choices, as you like. For example, you may need to have a color option wth 12 choices along with a size option with 5 choices as well as a finish option (gloss, matte, flat, etc) with 4 choices. Although there is no theoretical limit to the number of options and associated choices, you will find that you sell more when fewer choices are presented to the shopper.
The goal of effective site design is to make the shopping experience as convenient and seamless as possible for your customers. By building CartLinks carefully and including the options your customers want to choose from, you will create a shopping experience that shoppers will love for its beautiful design and simple operation!
