NOTE: The code samples on this page can be generated automatically by CustomCart's CartLink Code Generator.
The simplest and easiest way to add CustomCart to your business web site is with a "CartLink" which is an HTML form similar to the following examples:
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 options in a custom HTML header, you may change the look of the "Add to Cart" button to match the look and feel of your web site.
Here is the HTML code:
<form action="http://products.ironhorsemedia.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 code above, you may optionally add a quantity field, unlimited product options such as color, size, etc., and addtional parameters including such things as whether the item is taxable. If no quantity field is submitted, CustomCart 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 very simple Cascading Style Sheet options in a custom HTML header, you may change the look of the entire CartLink form including the "Add to Cart" button to match the look and feel of your web site.
Here is the code:
<form action="http://products.ironhorsemedia.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 code is a bit more complicated than the first example above, it can be generated exactly as you see here by CustomCart's code generator. 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.
