How to Set up Paypal Website Payments Hosted Solution Using an Iframe

How to Set up Paypal Website Payments Hosted Solution Using an Iframe

In this helpnote, we will guide you through setting up Paypal's Website Payments Hosted Solution to use an iframe in your VP-ASP store's checkout page.

NOTE :
Paypal Website Payments Solution is not available in the United States. The table below shows which countries are compatible, the solution name may vary from country to country but it is the same solution.



The Paypal Hosted Solution is a great module to integrate with your VP-ASP store as it allows your customers to remain on your site when checking out.

This is made possible by using an iframe to pull code from the Paypal site while your customers still see your front store layout.

Below is an example of this solution:


With the Hosted Solution, your customers have two options in the same form. They can choose to pay using "Pay with Paypal" button in the top section or they can enter their credit card number into the bottom section.

To set up Hosted Solution, please follow the steps below:

1. Login to your VP-ASP store admin and go to: Advanced Settings » Software Configuration.

2. Search for : xpaypal

3. Enter the value for the configs below :
xPaypal Yes
xPayPal_API_Password Enter your PayPal API Password here
xPayPal_API_Signature Enter your PayPal API Signature here
xPayPal_API_UserName Enter your PayPal API user name here
xpaypal_MERCHANT Enter your Paypal merchant id here.
You can find your Paypal Merchant id by login to Paypal site : https://www.paypal.com/webapps/mpp/merchant, and go to menu : My Account --> Profile.
xPayPal_Test_Mode No
xPayPal_Website_Payment_Pro No
xPaypalEmail Enter your paypal email address

4. Click Continue once the above configs are set.

5. Download this zip file paypalhosted700.zip.

6. Unzip and upload the files below to your VP-ASP site at the root:

- shopgateway.asp
- paypalhostedgateway.asp
- paypalhostedresult.asp

Make sure you make a backup of your existing file shopgateway.asp.

7. The last step is to login to your Paypal merchant account at https://www.paypal.com/webapps/mpp/merchant, and go to: My Account --> Profile.

Turn on the Auto Return setting, enter http://www.yoursite.com/paypalhostedresult.asp into the Return URL field and turn on Payment Data Transfer as shown below:

Note : Replace the www.yoursite.com with your VPASP site url.



You are done!

Here's an example of the Paypal Hosted Solution integrated into a VP-ASP store:



Note : You can change the iframe width and height to fit your site layout by editing file paypalhostedgateway.asp (line 65) :

<iframe name="hss_iframe" width="525px" height="460px" frameborder='0'></iframe>

Replace 525px and 460px with your own size.

If you have any issues during implementation of the steps above, you can submit a ticket to our helpdesk and our support team will assist:
https://helpdesk.vpasp.com


Times Viewed:
7317
Added By:
Wilson Keneshiro
Date Created:
7/17/2014
Last Updated:
7/30/2014