Allwebco IO Shopping Cart Website Templates

Included Options Paypal Cart Setup


This is the setup for the javascript Paypal cart with options on select Allwebco templates. For setting up a Paypal cart without options built-in click here.

Step 1:
Setup a PayPal merchant account.

Step 2:
If your template includes a "sidebar.js" open this file in a text editor and edit the "paypal@your-web-domain.com" with your Paypal e-mail. Change the highlighted area below. This will update the "view cart" button.

var paypal_email   = "paypal@your-web-domain.com"   // USE YOUR PAYPAL EMAIL HERE

Step 3:
Edit the ordering.html and change "paypal@your-web-domain.com" in one place about 1/3 down the page using a plain text editor.
View

Step 4:
Just under that line in the ordering.html change "your-web-domain.com" to your domain so the "thanks-payment.htm" can be found after the order. Be sure to upload the thanks-payment.htm.
View

Step 5:
Also in the ordering.html is the shipping charge option. Edit or remove that line. You can also set shipping charges in your Paypal account. You do not need to have this on the ordering.html.
View

Step 6:
Edit the first set of options called "START THE AMOUNT OPTIONS". Make sure every price is different so you know what was ordered. You can change the prices and options for all these items. Be sure to change the price in 2 places for each option.
View

Step 7:
Edit or delete the second set of options called "START THE SECOND OPTIONS" with your options. If you remove this option you must also edit the javascript at the top of the page as well. See note after this link.
View

If you remove the second option, also remove these 2 lines near the top of the page.

if(WithoutSelectionValue(document.formname.os1))
      { errormessage += "\nPlease make a selection from the second option."; }



The above lines are the form validator that checks to see if a selection has been made.

Adding more options or changing options:
The template ordering system is setup with a set number of options for the image sizes and finish type in the ordering.html. These options can all be changed to whatever options you like. Or you can add more options. It's best to edit these forms in Notepad or "HTML" or "source" view in your HTML editor. Each option is on one line and you will edit 2 items for each line. One is the value to send to Paypal and the other is what shows on the page. Here is an example. Change the highlighted areas.

<option value="105.00">$105 --- 8 x 10 Matte Only

About the options:
The first option on the ordering.html right after the note "START THE AMOUNT OPTIONS" determines the price of the item. Use only numbers for the value. See paragraph above. Also, be sure every price is different. When you receive payment confirmation from Paypal the amount is how you can tell the exact item ordered. The second set of options does not affect the price. You can change the second set of options or remove them. See step #7 on this page.

<option value="105.00">$105 --- 8 x 10 Matte Only

Setting your item names:
In the cart setup now in the gallery?.htm pages, the items are named for example "Image1-1" for gallery 1 image 1. You can change these names to anything you would like. You can change the "Image1-1" but do not change the "gallery1-1" name or the small image on the ordering.html will not work properly. Change the highlighted area below. (example for editing the first image in gallery1.htm)

<a href="javascript:update('gallery/Fgallery1-1.jpg', 0);" onClick="document.OrderForm.item_name.value= 'Image1-1';document.OrderForm.os0.value='gallery1-1';">

Use the following code if you would like to have a space in the item_name "&nbsp;". Example: To have the name of your item read "Blue Flowers" edit the code in a gallery page as follows:

<a href="javascript:update('gallery/Fgallery1-1.jpg', 0);" onClick="document.OrderForm.item_name.value= 'Blue&nbsp;Flowers';document.OrderForm.os0.value='gallery1-1';">

View


How to setup a gallery with a different set of checkout prices:
  1. Make a copy of the ordering.html. Name this copy ordering-2.html.
  2. Open the gallery?.htm page in Notepad (or in your HTML editor in source view) that needs a different set of prices at checkout and search and replace "ordering.html" in 12 places for the 12 forms with "ordering-2.html".
  3. Edit the "ordering-2.html" with your new set of prices as indicated above.

If you are selling downloadable goods:
If you are selling items and you would like to automate this system to send the download e-mail to your client automatically, one option is to setup the ordering.html to use the Payloadz system. See the following website for details on how this works:

Payloadz Sell Digital Goods Online

If you switch to this system, you must edit the forms in the ordering.html carefully so as not to disturb the javascript. You may also need to change the "view cart" button in the sidebar.js. One thing to keep in mind is that you have only 2 variables that are carried from any gallery page to the ordering.html when an item is selected. One variable is called "item_name" and the other is "os0". If you need to change these variable names, be sure to change them on all the gallery pages and also in the ordering.html. These are the standard variable names used by Paypal.



Related Topics:
Setting up standard Paypal order forms


Links:
PayPal


Allwebco Template Support


Allwebco Website Template Support


Allwebco Paypal Templates
Websites with built in Paypal shopping cart.
AllwebcoDesign.com
Website Templates
Merchant Account?
Open a Paypal merchant account.
www.Paypal.com
Paypal Website Setup
Merchant Website Help
Creating a merchant store website.
AllwebcoDesign.com
Web Template Support
Garden Cart Templates
Easy setup templates with Paypal carts.
AllwebcoDesign.com
Website Templates
Shopping Cart Templates
Professional templates with built-in Paypal.
AllwebcoDesign.com


Click here to open a new or upgrade to a Paypal merchant account



Website Template Support
Website Template Support