Payment Page Templates

MultiSafepay's Hosted Payment Pages provide the quickest, easiest and most secure way to accept online payments. All websites start by using the default MultiSafepay template however we recommend you to follow this guide to style your payment pages in a manner that is consistent with your website. Please start this guide by downloading the sample payment page template below.

Download Sample Payment Page

Template Contents

The sample payment page template contains three files:

  • msp_index.html - A basic HTML page demonstrating the core elements required of a payment page template
  • msp_style.css - A basic style sheet showing how to control layouts for the payment elements and various screen sizes
  • multisafepay.png - Demonstrates how to add a logo, or other images, to the template.

Uploading files

MultiSafepay hosts all of the files required for your custom payment page template. All required files can be uploaded in MultiSafePay Control beneath Settings -> Payment Page Templates.

Here you will start downloading a zip folder with all available payment methods logos.

Template variables

When rendering the template there are three variables that are updated with content specific to your site. Using these variables makes your payment page template faster and more reliable.

###SITE###

Use the ###SITE### variable to refer to the base URL of any uploaded resource for your payment page templates. For example:

href="###SITE###msp_style.css"
src="###SITE###multisafepay.png"

###LANGUAGES###

This variable enables you to show a drop down country and language selector. This is not strictly required however the list of payment methods presented to the user is specific to the selected country. We recommend this to include it somewhere in your payment page template so your users can adjust the payment options and language of the payment page.

###MULTISAFEPAY###

This required variable is used to insert the payment functionality into the page. It will be used to display all available payment methods and the input fields required for a specific payment method.

JavaScript

For security purposes MultiSafepay does not allow JavaScript in payment page templates.