Posted by Derek Banas
on Aug 19, 2010 in Web Design
| 0 comments
It’s extremely easy to add a secure shopping cart to your website. Here I’ll show you how to make a shopping cart photo with Gimp, a free image editing application. I’ll also show you how to offer your visitors a Pay Pal Shopping Cart, and a bunch more.
Pay Pal makes it very easy to add an Add to Cart option. All you have to do is go on their site, add your price and shipping costs and then cut and paste some code. I describe how to do this step by step below.
Create a Nice Shopping Cart Photo
Gimp is a free version of Photoshop and here I’ll show you how to edit photos for free with it. First go and download it at gimp.org. After it is installed, follow these steps:
- Open Gimp
- Click File -> New
- 150px wide by 150px high, is a nice standard shopping cart photo size
- Copy and paste your image into the window that opens
- Click Shift – T, to scale the image (Either type in your dimensions, or scale with the handles)
- Save the image as a JPEG at the resolution you prefer
Upload the Shopping Cart Photo’s in WordPress
After your photos are all edited, here I’ll show you how to upload them to your WordPress website.
- Click on Media, in the left sidebar
- Click Add New, under Media in the left sidebar
- Click the Select Files button
- Browse to the images to upload and then click Open
- After the images are uploaded you should click the Show link and enter Alternate Text and Description
- Click Save Changes
Create a Pay Pal Shopping Cart
There are two ways to have Pay Pal process your transactions. You have to decide which works best for you:
Website Payments Standard
- Your customers shop on your website and pay on a secure PayPal page.
- Minimal technical skills required to integrate it with your website.
- Begin creating payment buttons immediately — with or without a PayPal account.
- Low-cost solution: no monthly, start-up, or cancellation fees – and no annual commitment.
Website Payments Pro
- Your customers shop and pay on your website.
- Programming skills required to integrate it with your website.
- Pro application and approval (2-3 days) required after you create a PayPal Business account.
- Monthly fee applies.
I’ll show you how to set up a Pay Pal Standard system, since it is most commonly used. After you sign up for your business account, in this case Pay Pal Standard, login to Pay Pal. The easiest way to find the shopping cart, is to search for shopping cart in the search text box. Then click on the link labeled PayPal Shopping Cart – PayPal. Then click on Get Started in the left sidebar. Now you have to choose your preferred button:
- Shopping Cart: Used when you want people to be able to buy multiple products
- Automatic Billing: Used when you plan to charge people on a regular basis
- Buy Now: Used when you want the customer to immediately buy 1 product
- Donations: Used to gather donations
- Gift Certificates: Used to sell gift certificates of a specified amount
- Installment Plan: Allows customers to pay through multiple payments
- Subscriptions: Used when you will charge on a recurring basis
Enter Information on Individual Products
Now just enter the required information on each of your products:
- Item Number (Optional)
- Currency Type
- Choose a Drop Down Box Option if you’d like (Optional)
- Add any text fields that could be useful
- Add a shipping cost
- Add a tax percentage (Optional)
- Choose your merchant account
- Decide if you are going to track inventory on Pay Pal (Optional)
- Decide if you want the customer to be able to leave a special message (Optional)
- Check whether you want to require an address for shipping (Optional)
- Decide where to send customers, if they cancel their order (Optional)
- Decide where to send customers, after they make an order (Optional)
- Define any custom variables, you want to associate with the button (Optional)
- Click the Create Button button
- Copy the code provided, it will look like this:
<form style=”text-align: left;” action=”https://www.paypal.com/cgi-bin/webscr” method=”post”> <input name=”cmd” type=”hidden” value=”_s-xclick” />
<input name=”hosted_button_id” type=”hidden” value=”UZ4AKYW99G7WL” />
<input alt=”PayPal – The safer, easier way to pay online!” name=”submit” src=”https://www.paypal.com/en_US/i/btn/btn_cart_LG.gif” type=”image” />
<img src=”https://www.paypal.com/en_US/i/scr/pixel.gif” border=”0″ alt=”” width=”1″ height=”1″ />
There is no reason to understand what all this means. You can now associate your Shopping Cart Button with the image for your product. I’ll assume you have a WordPress website:
- Place your cursor where you want your image to appear
- Click Add an Image in WordPress
- Select the image you want to use and click Insert into Post
- Paste in the code from Pay Pal
Now your ready to collect money. That’s it. You could of course and should add a description for the product.
That’s All Folks
If you have any questions or comments, leave them in the comment section below.
Till Next Time