Build Your Website
Build your website before you integrate the Hosted Payment Form code into your website. Create all the required pages you wish to include as part of your business flow. It's important to determine where in your process you wish to collect card details or initiate the payment.
The Hosted Payment Form model gives you the flexibility to decouple the initiation of payment from the collection of the card details. This means you may initiate a payment at the time of collecting the card details or at a later stage in the checkout process. A good example for the latter case is when a payment form collects additional information such as a discount coupon code. This information may contribute to the calculation of the total payment amount. For example, a website for an online pizza shop may include the following pages.
You may choose to perform a payment transaction (or storage) at the time of collecting the card details (the page highlighted above) or at a later stage in the checkout process as illustrated by the "Review Payment" page in the above checkout flow.