InstantPro Worldpay Checkout
Worldpay provide a service which allows you to take various payment types through your InstantPro site. This includes the major Credit/Debit cards as well as Paypal. By completing this tutorial you will have a Buy Now button that you can place on any InstantPro Standard page.
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 use Worldpay's services, you will need to create an account with them. You will need to do this at the Worldpay web site: http://www.worldpay.com/
1. Once you have created your account you will be given your Installation ID. Ensure that you have this key ready to use.
2. You will now need to visit the following link in order to obtain your web site Integration code. WorldPay Integration Link
Please be advised that Freeola Limited is not affiliated in any way with Worldpay or any 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.
3. At this page you will see the 'A Basic Order Details Form' section. You will see that there is some HTML code provided with a blue background. This is the code needed to integrate Worldpay into your InstantPro site
Click image to view full-size
4. Now that you have your HTML code, 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.
5. 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.
6. 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
7. You will now see the HTML view of your web site, this is where you can enter in the code given by Worldpay.
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.
8. Some changes will be need to be made to the code before it will work.
Change your installation ID
You will see the first line is:
"input type=hidden name="instId" value="Your installation ID" ".
You will need to change "Your installation ID" to the installation ID provided to you by Worldplay.
Change your Product ID
The secound line is:
"input type=hidden name="cartId" value="Your ID for the product" ".
You can change the highlighted text to any reference that you wish to have for the item.
Change item price
The third line is:
"input type=hidden name="amount" value="The cost of the product " ".
You can change the highlighted text to the price you want to charge for the item.
Change item currency
The forth line is:
"input type=hidden name="currency" value="currency code e.g. GBP, USD " ".
The highlighted field states what currences are supported, we would suggest to set this to "GBP".
Change button text
The last line is:
"input type=submit value=" Buy This " ".
You can change the highlighted text to whatever you want the button to display.
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.
9. Your button will now be displayed in your InstantPro Editor.
Click image to view full-size
You can now press 'Save' to accept all the changes.
When people now visit the specified page on your InstantPro web site they will see the "Buy Now" button, which will then take them to the Worldpay web site to complete their transaction.
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 8, enter in your new Button code below all of your previous HTML code.
Click image to view full-size
