1.1. Cart Buttons

Creating and Implementing Add to Cart buttons

Use the procedure below to create as many Add to Cart buttons as you need. The purpose is to have more than one button, so that multiple items can be added to the user's shopping cart. If you only needed one button, then we recommend that you just create a Buy Now button.

1. Log in to your PayPal business account at www.paypal.com.
2. Navigate to the My Saved Buttons page by clicking Tools at the top of the page, then click the PayPal Buttons item on the Tools page.
   1. Note: If you do not see Tools at the top of the page, click the Merchant Services tab, then click Create payment buttons for your website under the Features you can use right now heading.
3. The My Saved Buttons opens.
4. In the Related Items box on the right, click the Create new button link.
5. In the Choose a button type dropdown menu, select Shopping Cart.
6. Enter the payment details of your item.
   1. Item name Enter the name of the item or service that you are selling.
   2. Price Enter the price of your item.
      Scroll to the bottom of the page, and click Create Button.
7. The Add your button code to your webpage page opens.
8. Click the Select Code button on the Website tab to select all of the generated HTML code, then right-click on the code and select Copy.
9. In your Site Manager, double-click on the image you want to add the code to and paste the code into the image's caption field.

2.1. Image sizing

We recommend that you size your images at with a limit of 1200px for the horizontal dimension and 800px for the vertical dimension. Make sure to keep the JPG quality at 6 or 7 to ensure the photos still load quickly across the Internet. 

If you use Adobe Lightroom on a Mac, we have a free plug-in that you can download: http://neonsky.com/services/tools/plugin

If you use Adobe Photoshop to size your images, you can also use their built-in image processor. Navigate to File -> Scripts -> Image Processor, and follow the on-screen prompts.

2.2. Color shift when posting to the web

The most common cause of inaccurate colors is the image’s color profile. When you’re saving your pictures, make sure to convert them to the sRGB color space if they aren’t already.

If you've confirmed that your images are in the sRGB color space and you're still seeing color discrepancies, the color shift is likely due to your monitor's color profile. This is especially true if the monitor required a large change to be properly calibrated, as counter intuitive as that may seem. Not all web technologies support proper color profiling, so when that isn't the case (as you're seeing on your site), the colors get approximated. Typically that isn't an issue for most monitors that are "close to accurate" when you save images in the sRGB color space. However, if your monitor's calibrated profile is drastically different from the default values, you'll see that reflected when viewing images in applications that don't have full color profile support.  

The bottom line is that saving your images in the sRGB space is the best practice when uploading photos to the web. Because applications like Photoshop have full color support, you can continue to tone your photos with the assumption that your clients are also seeing the same thing as you.

3.1. Linking to PDFs and other files

If you uploaded a photo called "portrait.jpg," the actual file would be accessible in your browser at the address: http://yourdomain.com/content/photos/portrait.jpg . To get your PDF file to appear at just "http://yourdomain.com/," you'll need to upload into a different directory.  

Using your FTP program, navigate up a couple directories from photos, into the "www.yourdomain.com/web/content" directory. This is done from within your FTP application (CyberDuck, Transmit, Fetch, or Filezilla). Once you upload yourfile.pdf (call it whatever you want), it will then be located at http://yourdomain.com/yourfile.pdf  

It's very helpful to name the PDFs simply--one word, no spaces, all lowercase.

3.2. Adding third-party client galleries (Lightroom, Photoshop, etc)

If you uploaded a photo called "portrait.jpg," the actual file would be located at the address: http://yourdomain.com/content/photos/portrait.jpg . To get your gallery to appear at just "http://yourdomain.com/galleryname," you'll need to upload into a different directory.  

Using your FTP program, navigate up a couple directories from photos, into the "www.yourdomain.com/web/content" directory. This is done from within your FTP application (CyberDuck, Transmit, Fetch, or Filezilla). Once you upload your gallery folder (call it whatever you want), it will then be located at http://yourdomain.com/galleryname/    

It's very helpful to name the folders simply--one word, no spaces, all lowercase.