Listed below is a selection of example integrations using Hosted Payment Page service. The payment pages in these examples are for testing purposes; no actual transactions will take place. Note: WorldPay will not support any changes you make to these examples as we provide the code as working examples only.
If you are not experienced with using HTML there are many online tutorials available. One example can be found at http://www.w3schools.com/html/html_intro.asp
Note: All the 'Basic examples' use plain, non-customised versions of the WorldPay payment pages.
This simple example uses a one-click and buy system. On selecting a product the shopper is taken directly to the WorldPay payment pages.
This example allows the shopper to specify the quantity of a product. A total cost calculator is built in, so only one payment is passed to the WorldPay payment pages for processing.
This example shows how a combination of single items can be used to make up one order. Drop down lists are used, and the total cost is dynamic upon selection.
This example shows how to add multiple postage and packaging options.
This example shows how to submit the shopper's personal / delivery details, prior to going to the WorldPay payment pages. A fixed product has been used. (For an example including validation see example 2.)
Fully integrated examples
This example site is selling three products using an image - description - quantity layout. There are three postage and packaging options available. The shopper enters their personal details onto this page, which are then validated prior to submission to the WorldPay payment pages. The payment pages have been customised so that: the currency selection is hidden, the shopper details are hidden, and a comments box has been added.
This is an example of a site selling 20+ items on one page. UK postage and packaging on orders over £60 is calculated as free. An image has been used as an example of submitting the information. The cards accepted by the company have been displayed at the base of the page. The payment pages have had basic customisation, using only the payment page editor. No code has been changed and no html files uploaded.
This example site uses a generic product that can be selected in different colours. The shopper only has to select the image of the product to purchase it directly. The unique product description is sent to the WorldPay payment pages along with the price. A pop-up window is used to display product and company details. The payment pages have been customised so that: they can be viewed in two different languages, delivery details can be captured, additional delivery information is displayed, and overall appearance is altered heavily.
Recurring Payments examples
This is an example of a Regular Agreement integration. When the shopper purchases the product there is no initial payment. An introductory fee of £10 is charged for the first month's payment, and £20 for the remaining 11 months of the agreement. Either party can cancel the agreement at any time. The payment pages have been customised so that: the currency selection is hidden, the background image dynamically resizes itself with each page, the header and results pages have been altered.
View site | View site code | View style sheet | View payment header code |
View payment footer code | View result_Y code | View website background |
View dynamic background part 1 | View dynamic background part 2
This is an example of a Limited Agreement integration. Payments are made over two years at a minimum interval of three months. The maximum amount to be charged is £400. There is an initial handling charge of £10 to be paid. Either party can cancel the agreement at any time. This example uses the same instillation ID (and hence payment pages) as in example 5, providing an example of a common style across a website.