Vipcart Example 1

Back to Examples
Vipcart EXAMPLE 1. STANDARD USE

Below is a simple Examplepage that you can use when building your webstore.
Save this page on your harddisk and open the saved page in Notepad or your favourite HTML-editor to customize it to fit your needs.

If you use notepad or an other textbased HTML-editor
The instructions of how to use this page is written in the within the HTML comment-tags !

If you use a WYSIWYG editor such as Frontpage, Netscape Composer, Dreamweaver etc.
The instructions of how to use this page is written with (blue text)

When you are ready to publish your webstore you can (and should) ofcourse delete all instruction lines AND this box. Then upload your new pages on your webhotel/webserver.

(To understand how to set up your webstore you should know how to use the INPUT tags of HTML or atleast how they work in your HTML-editor
Try http://www.blooberry.com/html/intro.htm for a great HTML-guide)

(This page sells 3 items and uses the HTML Input tags to send information to the Vipcart shoppingcart. To call the shoppingcart the user must click the "Add to shoppingcart" button below.
On each item there are 3 INPUT tags that must be specified: q (Quantity), p & item (Item/Article/Product information). A INPUT tag sends information to a CGI-program (such as Vipcart)

The most common INPUT tag used is the HIDDEN INPUT tag which is hidden in the HTML page and sends information such as price and descriptions etc.
EXAMPLE: A hidden INPUT tag can look like <INPUT type="hidden" name="p0" value="200"> This sets the price of item 0 to 200.

An other INPUT tag is the TEXT INPUT tag which lets the user set the value of the tag from the HTML page and sends the value to Vipcart.
EXAMPLE: A text INPUT tag can look like <INPUT type="text" name="q1" value=""> This shows a textbox where the user can set a value that will be sent to Vipcart as the quantity for item 1

An other INPUT tag is the SELECT tag which lets the user select a value from a listbox and send the value to Vipcart.
EXAMPLE: A SELECT tag can look like <SELECT name="size2"><OPTION>S<OPTION>M<OPTION>L<OPTION>XL</SELECT> This lets the user select a value between S,M,L or XL and send it to Vipcart as the "size" for item 2.

The MOST important tag that must exist in your HTML page is the INPUT tag "id". This INPUT tag must have the same value as your UserID at vipcart.com

The best way for you to learn how to use the Vipcart shoppingcartsystem is to test your way though. )

(The FORM tag must not be changed at all!)

(The INPUT tag "id" MUST contain YOUR UserID at vipcart.com)

(The INPUT tag "returnto" should contain the URL to the page you want to return to when clicking "Continue Shopping" in the cart)

WELCOME TO THE SUIT STORE

Nice Shirt
Price $30
(The INPUT tag "q0" must contain the quantity of item 0)
Quantity
(The INPUT tag "p0" must contain the price of item 0)

(The INPUT tag "item0" should contain information about item 0)

Fine Jacket
Price $99
(The INPUT tag "q1" must contain the quantity of item 1)
Quantity
( The INPUT tag "p1" must contain the price of item1)

( The INPUT tag "item1" should contain information about item 1)

Cool Pants
Price $50
(The INPUT tag "q2" must contain the quantity of item 2)
Quantity
(The INPUT tag "p2" must contain the price of item 2)

(The INPUT tag "item2" should contain information about item 2)

(to add more items to this page, just continue in the same manner as above with q3, p3, item3 etc. You can have up to 99 items on each page)

(This is the submit buttons used with the cart. You can use submitbutton images instead if you like. Note! Do NOT change the submitbutton names or your cart won't work! )
(Here we use input submitbuttons to call the cart.)