Header and Footer

Header and Footer lets you customise the header and footer used in the payment pages.

  • To make simple changes to the default header we supply, such as adding and positioning an image, use the Header Options section of this page.

  • To create your own header and footer, enter your content by using the Edit Header or Footer directly options.

  • To view changes you have made to the payment pages, select the Preview link (at the top right of the Payment Page Editor).

Note: Integrations with some types of shopping carts may affect the display of headers and footers in the payment pages.

../resources/images/header_footer_thumb_350_0.png

Feature descriptions

Label/fieldDescription
Header optionsTo add and manipulate an image, you must have already added it to your Test installation using theFile Managementpage. You can customise the header images described below.

Note: Clear the entries in this section if you use the editing options in the Edit Header or Footer Directly section below.


To resume editing with the Header options, you need to delete the edited header.html and footer.html files from the Test installation, by using the editor'sFile Managementfeature.
Co-brand imageSpecify the image displayed in the top right corner of the header area (typically your logo). Enter the name of the image file you want to use. You do not need to enter a path name - just the name of the image file.
  1. Use Browse to view the image files already included in your Test installation and/or to upload new images.
  2. When you select Set Options to apply your image selection, a root path (~/) is added to the file name automatically.
Vertical alignAllows you to select the vertical alignment of the co-brand image. Select from top, bottom or middle.
Horizontal alignAllows you to select the horizontal alignment of the co-brand image. Select from left, right, or center.
Side imageSpecifies the side image, which replaces the standard padlock image ( - lock.gif) in the first column, on the left of the page.
Vertical alignAllows you to select the vertical alignment of the side image. Select from top, bottom or middle.
Horizontal alignAllows you to select the horizontal alignment of the side image. Select from left, right, or center.
Set options buttonApplies your settings to the payment page.
Edit header or footer directlyEach of the options in this section enables you to enter your own HTML code for the header or footer. For more information about using these features, please refer to Editing the Header and Footer directly.

Note: When you edit and save the HTML code for the header or footer files, the header / footer sections of the current properties files will be over-written. This editing will clear the entries in the Header Options section, described above. To resume editing with the Header Options, you need to delete the edited header.html and footer.html files from the Test installation, by using the editor'sFile Managementfeature.

Edit header buttonAllows you to open an edit box where you can enter your own HTML code for the header.
Edit footer buttonAllows you to open an edit box where you can enter your own HTML code for the footer.