In order to customise your Payment Pages, you can upload an HTML file for each of the pages hosted by Trust Payments you would like to customise and/or a single CSS and/or JavaScript file that will be applied to every page in the session.
Files are uploaded using the MyST File manager. Click here to learn more.
When uploading the files, the filenames must use the following structure, where “[stprofile]” is the name of your profile:
| Filename | Description | Screenshot |
| [stprofile]choice.html |
The payment choice page |
Click to enlarge |
| [stprofile]details.html |
The payment details page |
Click to enlarge |
| [stprofile]locked.html |
Page shown when customer refreshes their browser before the initial request has been completed |
Click to enlarge |
| [stprofile]3dredirect.html |
The 3-D Secure redirect page |
|
| [stprofile]response.html |
The response page |
Click to enlarge |
| [stprofile].css | You can upload a single CSS file that will modify all pages for the given stprofile | |
| [stprofile].js | You can upload a single JS file that will modify all pages for the given stprofile |
When uploading text files (e.g. HTML, CSS, JS), these must be encoded in UTF-8 or ASCII.
We strongly recommend that you upload new mark-up to your test site reference and ensure you are able to process test transactions successfully, using all available payment methods, before making any changes to your live site reference. Ensure that all expected display elements and text is visible and legible, and that the customer can enter their address and contact details if required.
e.g. To customise the appearance of the payment details and response pages, by applying a profile you have named “birthday”, you could upload the following files:
- birthdaydetails.html – The payment details page
- birthdayresponse.html – The response page
- birthday.css – Styling for all pages using the profile
Now that you understand the file structure required, you can start to write your mark-up. Click here to continue.
