Sample Payment Form

This page demonstrates an example implementation of the hosted payment form. The skinning of this form is very flexible, and allows for pretty much any content to be wrapped around the form. This template can include your own HTML, CSS and JavaScript files.

As you can see, the template can include banners, navigation, links and even forms - you just need to make sure that any forms within your template do not encapsulate the payment form (i.e. the form tags are closed before the point that the payment form will be inserted), and also if you do have links or forms, then they need to point at pages on your site - you CANNOT post back or link to the payment form, or it will likely cause problems.

The styling of the payment form itself is CSS driven, and you can use any styling from the form itself in your own template. You can also override any part of it within your own CSS files. For example, this header section (which is within the custom template) overrides the default classes in the payment form. These overriden classes are also used by the payment form itself which forces it to match the appearance of the custom template. If you choose to override the styling in the form however, please note that any HTML content within the form itself is fixed, so the overriding CSS classes you use must work with the structure of the form's underlying markup.

An Error message!
An Info message!
A Warning message!
Payment Form Data
Here is some sample body text
A Form Item:
Another Form Item: