Custom Payment Page

A custom payment page template is a .zip file that contains resources (images, CSS, fonts..), that let you customize the look of the payment page. In order to set up a page you have to:

  1. Create your template base on our example, by respecting the naming of files and folder structures.
  2. Send Lemonway the template. We will test the page with our simulation tool before the page is in production.
  3. Providing there are no errors, we will finalise the page setup and publish the page.

Template example
Template.zip

  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.
  1. The templates' folder structure must be strictly respected. Do not change the folder names, and do not remove empty folders.

template

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

  1. 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;
...
}