Cart32 HTML Tips

Hidden Fields • Quantity Discounts • Options • Miscellaneous • Buttons

You may copy the HTML code from inside each box, modifying it as necessary.

The following is the minimum form code required for each product. The action inside <form> must be changed to your cart settings. If you're hosted with Cart32, just change "ClientCode" to your client code. If you are not hosted with Cart32, change the "action=" to the URL for your cart. You can include multiple products between <form> and </form>.

<form method=post action="https://www.cart32.com/cgi-bin/cart32.exe/ClientCode-AddItem">
<input type=hidden name="Item" value="Name">
<input type=text name="Qty" value="1">
<input type=hidden name="Price" value="10">
<input type=submit value="Add To Cart"> 
</form>

Result:

Between <form> and </form> you can add the following hidden fields below:

Cart32 Hidden Field Forms

<input type=hidden name="AccountingCategory" value="Lawn Mowers">

Discount - A quantity discount field

<input type=hidden name="discount" value="1-5:1230.95;6-10:999.95">

Image - A close-up picture of the product

<input type=hidden name="Image" value="http://www.site.com/lawnmower.jpg">

Item - (Required) Item Name

<input type=hidden name="Item" value="Cool Lawn Mower">

MaxQty - Maximum number of any particular item you can buy (new in v6.0)

<input type=hidden name="MaxQty" value="2">

PartNo - Part Number of product

<input type=hidden name="PartNo" value="LM-1">

Price - (Required) Price of the item

<input type=hidden name="Price" value="1230.95">

P# - The option picked from a choice of options (see T#)

<input type=hidden name="p1" value="Red">

Qty - The number of a particular item to buy

<input type=text name="Qty">

or

<select name="Qty">
<option value="1">1</option>
<option value="2">2</option>
<option value="3">3</option>
</select>

QtyDrop - The number of items in a Qty drop-down box. use with <select> Qty drop-down.

<input type=hidden name="QtyDrop" value="1;2;3">

SendTo - Where to send the user after they add an item to their cart

<input type=hidden name="SendTo" Value="http://www.site.com/thankyou.html">

Shipping - Amount of shipping if different than standard shipping types

<input type=hidden name="Shipping" value="50.52">

ShipsInOwnBox - Determines if an item requires its own box for shipping. A "Yes"/"No" field.

<input type=hidden name="ShipsInOwnBox" value="Yes">

T# - The list of options to be picked (see P#)

<input type=hidden name="t1" value="t-Color:Red;Blue;Green;Purple">

Url - A link to a descriptive page about a product

<input type =hidden name="Url" value="http://www.site.com/lawnmower.html">

Weight - Weight of the product, used to calculate shipping (in lbs.)

<input type=hidden name="Weight" value="300.2">

Quantity Discounts

Example:

<input type=hidden name="discount" value="1-5:15.95;6-10:12.95;11+:10.95">

If they order 1-5 of the product, it will cost $15.95 If they order 6-10 of the product, it will cost $12.95 If they order 11 or more of the product, it will cost $10.95

Example:

<input type=hidden name="discount" value="1-5:-0;6-10:-3;11+:-5">

If they order 1-5 of the product, it will cost $0 less than the Price field If they order 6-10 of the product, it will cost $3 less than the Price field If they order 11 or more of the product, it will cost $5 less than the Price field

Options

To enable a product to have options to choose from (like sizes or colors), you can add a p# and t# field. You can have multiple sets of options by increasing p# and t#.

Example:

<select name="p1">
<option value="S">S
<option value="M">M
<option value="L">L
</select>
<input type=hidden name="t1" value="d-Size;S:partno=shirtS,price=12;M:partno=shirtM,price=12;L:partno=shirtL,price=14">

Result:

This option will allow the user to pick from a small, medium, or large shirt using a drop-down box. All options are in the t# field, while the chosen option is in the p# field. In this example, choosing the S option will send "shirtS" as the part number and $12 as the price. Choosing M will send "shirtM" as the part number and $12 as the price. For the L option, the price will be $14 and part number will be "shirtL".

For the t# field, the first letter is the type of option list. "d" is for a drop-down list, "r" is for radio buttons, "c" is for checkboxes, "t" is for text boxes, "m" is for multi-line text boxes, and "h" is for hidden fields (visible on cart, but not changable). Then, choose the name of the option. In the example, the name of the option is "Size", and it will show up in the cart item list page next to the option list. After the semicolon, type in each option, where the name will appear in the p# field (like "S", "M", and "L"). Type a colon, then list all the fields that will be affected. In the example, price and partno were affected, but you can include other fields like weight, shipping, image, and others. Type another semicolon if you wish to add more parts, then just repeat for each new item.

You can also add an instructional line:

<select name="p1">
<option value="Select Size">
<option value="S">S
<option value="M">M
<option value="L">L
</select>
<input type=hidden name="t1" value="d-Size;Select Size;S:partno=shirtS,price=12;M:partno=shirtM,price=12;L:partno=shirtL,price=14">

Result:

Important! What ever options appear in the P# section must also appear in the T# section.

Other things you can do with HTML forms and Cart32

Change button text:

<input type=submit value="Add Me To My Cart!">

Result:

 
Change "Add to Cart" button to an image:

<input type=image src="http://www.site.com/addtocart.jpg">

Result:

 
Change size of "Quantity" box:

<input type=text name="Qty" value="1" size="3">

Result:

Add a drop-down box for something:

<select name="fieldname">
<option value="Value1">Value #1</option>
<option value="Value2">Value #2</option>
<option value="Valuex">Value #?</option>
</select>

Result:

Free shipping (doesn't send product information to UPS/USPS/FedEx/DHL or if the shipping method uses the shipping grid, the item is removed. *Grid range must start with 1):

<input type=hidden name="Shipping" value="-1">

Maximum Quantity: (new in v6)

<input type=hidden name="MaxQty" value="10">

Product ships in it's own box: (new in v6)

<input type=hidden name="ShipsInOwnBox" value="Yes">

Is a "Yes" or "No" field

Other Cart32 buttons you can include

For these, make sure the form action is correct.

View shopping cart:

<form method=link action="https://www.cart32.com/cgi-bin/cart32.exe/ClientCode-ItemList">
<input type=submit value="View Your Cart"></form>

Result:

Order Status: (view the status of your order)

<form method=link action="https://www.cart32.com/cgi-bin/cart32.exe/ClientCode-OrderStatus">
<input type=submit value="Order Status"></form>

Result:

User cart login:

<form method=link action="https://www.cart32.com/cgi-bin/cart32.exe/ClientCode-user">
<input type=submit value="Log In"></form>

Result: