Custom Payment Page

A Custom Payment Page template is a .zip file that contains resources (images, CSS, fonts), that let you customize your payment page look and style.

Getting Started

1. Create your page based on our template, ensuring the file names and folder structure rules are adhered to.
2. Test your page using Worldline's Custom Page tool (Fr | En) before the page is in production.
   Use the following login details:
   Name: DemoSipsmerchant
   Merchant Identifer: 123456789123456
3. Providing there are no errors, Lemonway will finalise the setup and publish the page.

The Rules

1. All the resource files (images/fonts, CSS) must be prefixed with the environment name. For example, if your environment name is boutique and you are using the resource file logo.png in the template then rename it to boutique_logo.png, and use boutique_logo.png in your CSS.

• In case you have multiple templates, you will have to prefix each one of them differently but always start with your environment name.
  For example, boutique_red_logo.png, boutique_yellow_logo.png.
• If files name rules are not respected your template will be rejected.

2. The templates' folder structure must be strictly respected. Do not change the folder names, and do not remove empty folders.

The default Windows zip tool automatically removes empty folders when making the zip => It is not good, you can try other tools for eg: 7Zip

3. Avoid making changes in the zip file at the last minute. Send the file Lemonway. Lemonway will deploy your template.
   A common mistake example: you want to use your own logo image in the .css then at the last minute, you rename the logo.png in the .zip file to boutique_logo.png then send this zip to Lemonway. Lemonway will deploy your .zip as-is, and the payer won't see your logo because the file name in the .css and in the .zip are mismatched.

p.vendor{
background-repeat: no-repeat;
background:url(../images/logo.png) no-repeat left transparent;
...
}