Developer's Guide

Configuring Hosted Checkout Pages
Configuring Hosted Pages Using PayPal Manager
3
42 07 January 2014 Gateway Developer Guide and Reference
On the Customize page, you can either change the design of your existing layout, or select and
customize a different layout. To make changes, double-click on the section of the template you
are trying to modify or the corresponding Click to Edit button for that section. In the pop-up
that appears, click the color selector to change the color, or enter the appropriate URL. The
customization options vary for the different Layouts. These options are described in greater
detail in the next section: Customizing Your Layout.
After making the changes, click one of the following buttons:
 Preview - Preview the changes you have made to your layout before saving and publishing
it
 Save and Publish - Save all the changes you have made and publish the updated layout.
Your buyers will see the updated payment page.
 Cancel - Discard all the changes you have made in this session.
 Undo Changes - Discard all changes you have made since the last time you saved the
layout. Your buyers will see the last saved layout.
NOTE: You must make all modifications (including changing layouts) within the same
session, otherwise all changes will be lost and you will have to redo your changes. If
the session times out, the design of the layout will remain at the version that was last
published.
NOTE: Payflow will ignore the cancel URL field that you entered in PayPal Manager if you
select layout template C. To force Payflow to use the cancel URL field with layout
template C, in PayPal Manager, add
DISPLAY_URL | before your cancel URL.
Example:
DISPLAY_URL | http://www.yoursite.com/home.php
Customizing Your Layout
You can customize the appearance of the Layout template that you selected on the customize
page. These customizations apply mostly to Layouts A and B. Layout C is embedded on a
page you host in an iFrame. So for Layout C, you already control the appearance of the page.
NOTE: These customizations are not applied to the mobile version of the hosted checkout
pages.
 Header (Applicable to Layouts A and B) - You can change the following:
– Header height (Applicable to Layouts A and B)
– Header background color (Applicable to Layout B only)
– Header font type, size (Applicable to Layouts A and B)
– Header font color (Applicable to Layout B only)
– Swap between displaying the business name or the business logo image
– Edit business name in the header (Applicable to Layouts A and B)
– Position of the business name or the logo within the header (left, centered, right)
(Applicable to Layouts A and B)