Published on May 15th, 2011
PayPal has pretty much been the standard when it comes to doing any type of e-commerce transaction in a quick and easy format. Simply sign up for an account, set up your bank information, grab a button to put on your site and you’re in business.
However, to customize your PayPal screen is not exactly straightforward. I had to do this process the other day for this site, and I was so frustrated with how much time I spent looking around for the settings, that I decided to write this article to help you get it done quicker. In this quick article we’ll run through how to set up your own custom PayPal logo to give your PayPal transaction screen a more customized look and feel.
Step 1 – Create your Images
PayPal uses two images to customize your payment screens, a large header image (750×90) and a smaller image (190 x 60). Both images are needed and as PayPal continues to improve their interface your images may shift around a little bit. As of this writing most screen interactions only use the larger of the two. Below is an example of how the larger one appears.
Since the two image model is what PayPal has used for such a long time, you are pretty much guaranteed they will fit any current or new interface that PayPal generates. So once you’re done with the images they will always work unless you actually need to update your logo/brand image itself.
Please note that it’s important you create both images, otherwise you may end up haveing a brand in one section of PayPal and then the text of your account elsewhere in the PayPal site. This does not look professional and won’t give your business/site a professional flow, so just take the time and create both images and you’ll never have to worry about it again.
Here are images specifications:
- Larger Header = 750 pixels by 90 pixels in (jpg or gif)
- Smaller Logo = 190 pixels by 60 pixels in (jpg or gif)
- Subtract 5 pixels from the width and height to avoid any page cutoff.
- If you plan on hosting your own image on an SSL server, png will work.
Step 2 – Uploading your Image
PayPal doesn’t and probably never will host any of your brand images. Therefore, it is your responsibility to make sure the images are served up correctly. If you do plan on serving them up yourself you need to make sure the location that they are being served from is SSL (https). I tried serving them off a non-SSL server and it didn’t work for me.
If you don’t have an SSL server, there is a free solution. Once you have your images completed, browse to SSLPIC.COM. This is a free service that provides SSL image hosting. Upload both of your images and then check your e-mail for the URL. You will need these later in step three.
Step 3 – Configure PayPal
Click on the links in the following order to setup your brand (click images through for a larger view). Once you complete these steps in your branded PayPal page its ready to go and you won’t have to worry about anything unless you change your logo.
In this article we set up your two primary PayPal logos used to brand your PayPal payment pages. While this scenario works great with many small businesses, you may need to give your users a more streamlined experience when you start to grow your business. This usually includes a workflow that allows your users to stay on your site through the whole entire shopping process.
PayPal has made the process of setting up and interacting with their services very easy. They offer two approaches to connect and interact with their system. The first is the Website Payments Standard and the second is the Website Payments Pro. The standard version is free and was covered above.