Integration Guide

Customising Your PayPal Payment Page
Adding HTML Variables
Adding HTML Variables
The table below lists the Hosted Solution HTML variables you can use to customise the look
and feel of your payment page.
N OTE: The values you pass must not contain any of these special characters (){}<>\";
TABLE 3.1 HTML Variables for Look and Feel of Payment Page
Variable Description
bodyBgColor
Color of the surrounding background of the payment page.
bodyBgImg
Image of the surrounding background of the payment page. The file
extension can be .gif, .jpg, .jpeg, or .png format.
footerTextColor
Color of the footer text.
headerBgColor
Color of the header background.
headerHeight
Height of the header banner. It can be from 50 to 140 pixels. The
width cannot be changed. It is always 940 pixels.
logoFont
Font type of the logo text.
logoFontColor
Color of the logo text.
logoFontSize
Font size of the logo text.
logoImage
Image displayed in the logo. The acceptable file extension formats
are .gif, .jpg, .jpeg, or .png. The width of the image cannot be more
than 940 pixels.
logoImagePosition
Position of the image in the logo.
logoText
Business name displayed on your profile page. This field is editable
and text specified here is displayed on the header if logoImage is not
specified.
orderSummaryBgColor
Color of the Order Summary column on the right side of the payment
page. You cannot change the color of the Order Summary box.
orderSummaryBgImage
Background image you can put in the Order Summary Column. The
acceptable file extension formats are .gif, .jpg, .jpeg, or .png.
pageButtonBgColor
Background color of the Pay Now button.
pageButtonTextColor
Color of the Pay Now button. You cannot change the text of the
button.
pageTitleTextColor
Color of the text used in the title of the page. (Text that says “Choose
a way to pay.”)
sectionBorder
Background of the section that displays “Pay with my PayPal
account” or “Pay with a Card”.