Back to Examples
Vipcart EXAMPLE 2. STANDARD USE WITH FRAMES

Below is an example that you can use when building your webstore. This example uses frames to show the cart in its own frame.
Save this page (Save frame as...) 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 <!-- and -->!

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. In this example we will show the shoppingcart in a lower frame, so the customer dont have to switch screens to be back to the webshop. 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 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. In this example 33.

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! Note that in this example we will show the cart in an own frame. We must also specify the frame-name in the Form tag. in this case target="cart")

(The INPUT tag "id" MUST contain YOUR UserID at vipcart.com in this case 33)

(When you are using frames, the INPUT tag "returnto" should contain the URL to the page you want to return to when clicking "continue shopping" in the order page of the cart. In this case you must link to the frame page and that is "example2frame.htm")



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)

(The INPUT tag "size0" should contain information about the "size" of item 0)
Size


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)

(The INPUT tag "size1" should contain information about the "size" of item 0)
Size

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)

(The INPUT tag "size2" should contain information about the "size" of item 2)
Size

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

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

vipcart.com Copyright 1999-2005 by Awesume Interactive, All rights reserved