InstantPro Paypal Checkout
This tutorial will take you through adding Paypal's Payment Processing services to your InstantPro web site, you are able to add both a Buy Now Button or Drop Down list to your InstantPro site. You can even set your own custom image as your button if you like, this and further customization options can be found on the Paypal web site.
The Freeola InstantPro service is an easy way to create a stylish web site in minutes! For only £3 per month you can have your own InstantPro web site, for more information please visit the Instant Sites page.
In order to utilize Paypal's transaction handling services you will first need to create a Paypal account. To do this you simply need to visit their web site: http://paypal.com where you will be able to submit your details.
Please be advised that Freeola Limited is not affiliated in any way with Paypal or services that they may provide. We offer these tutorials purely for the convenience of our InstantPro customers.
For tutorials for how to integrate other Payment Processing Providers, you will need to visit the InstantPro Shop Integration home page.
Creating your Paypal Buy Now Button or Drop Down list
1. To get started, you will need to login to your Paypal Account. If you have just created one, then it is likely that you are already logged in.
2. Once you have logged into your account, select the 'Merchant Services' page from the navigation menu.
Click image to view full-size
3. You will now see the 'Useful Links' section, from here you can see the select the 'Buy Now Buttons' page. When this page has loaded, select the 'Create your button now' option.
Click image to view full-size
4. Now you can configure and create your Paypal button or Drop Down List, giving your product a Name and Price whilst being able to style the appearance of the button! You can also choose whether you would like to have an addtional drop down menu next to your button to select further items or options.
Click image to view full-size
Once you are happy with your button, click the 'Create Button' button at the bottom of the page.
5. Now that you have created your button, you will be shown the HTML code. You will need to copy this by highlighting the text, right clicking and selecting 'Copy' from the list of choices.
Click image to view full-size
Adding the Paypal Button to your InstantPro site
Now that you have your button's HTML code, we need to add it to your Instant Site.
6. You will now need to launch your InstantPro Builder. To do this login to your MyFreeola account, and navigate to the InstantPro Web Designer Page.
7. From the Site Overview, click the 'Page Manager' button. You will now be shown the pages of your Instant Site, you can add your button to an existing page or you can create a new page.
8. Once you have selected your page, you will need to use the 'HTML' tool from the InstantPro Editor's Toolbar
Click image to view full-size
9. You will now see the HTML view of your web site, this is where you can enter in the code given by Paypal.
Click image to view full-size
We are aware that some previous versions of Firefox may have problems when trying to paste HTML code into the builder, if you encounter this problem we suggest to either update your Firefox installation to version 3 (or above) or use a different browser.
We would suggest that for the time being you paste the button below all of your HTML code, you can move the Button once it has been added by using the InstantPro Editor, rather than the HTML Editor.
Once you are happy that you have entered in the HTML code, press the 'Update' button.
10. Your button will now be displayed in your InstantPro Editor.
Click image to view full-size
You can now save your page.
Now your items will be ready for sale through your web site, when visitors visit your web site they will be able to press the "Buy Now" button and taken to Paypal to process their payment.
InstantPro with Paypal Buy Now Button
Click image to view full-size
Adding multiple items to your InstantPro site
If you wish to add more items to your InstantPro web site, you simply need to follow the tutorial through again but at point 9, enter in your new Button code below all of your previous HTML code.
Click image to view full-size
