Integration Examples

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

 

Basic examples

Note: All the 'Basic examples' use plain, non-customised versions of the WorldPay payment pages.

Example 0.1

This simple example uses a one-click and buy system. On selecting a product the shopper is taken directly to the WorldPay payment pages.

View site | View code

Example 0.2

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.

View site | View code

Example 0.3

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.

View site | View code

Example 0.4

This example shows how to add multiple postage and packaging options.

View site | View code

Example 0.5

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.)

View site | View code

Fully integrated examples

Example 1

This example uses a full shopping cart with editable basket. A second page is used by the website to capture the shopper's personal details, shipping information, and payment type. This site has a heavy use of JavaScript and is more complex than other examples. The payment pages have been customised so that: the card holders details are fixed (after capture from the website), the dispatcher page is bypassed, and the page headers have been altered.

View site | View frames code | View header code | View p1 code | View p2 code | View style sheet | View payment header code | View result_Y code |
View result_C code

Example 2

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.

View site | View site code | View style sheet | View payment header code |
View payment bottomField code | View result_Y code | View result_C code

Example 3

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.

View site | View site code | View style sheet

Example 4

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.

View site | View p1 code | View p2 code | View style sheet |
View payment header code | View payment footer code |
View payment bottom field code | View result_Y code | View result_C code

Recurring Payments examples

Example 5

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

Example 6

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.

View site | View site code

 

Account Login

Login to Merchant Interface to view your orders and payments, process refunds and reconcile your account.

Call by CallCredit

As a regulated business, WorldPay is obliged to keep its customer records up to date.

You may be contacted by our customer service partner, CallCredit, over the next few weeks to make sure we have the correct information about you.

Thank you for your co-operation during this process, which will enable us to continue to provide excellence in customer care.

Upgrade Your Account

WorldPay offer a number of Optional Services that you can add to your account.