How to Pre-fill a Payment Page with Form Details

Introduction

Payment Pages are the one of the simplest and most versatile ways to get paid with Paystack. Once you've created and published your live page, you simply share the link with your customers for them to pay you.

To make it easier for your customers, you can pre-fill the fields in the page, and all they have to do is complete payment. This should be used in cases where you already know some of your customer's details, like their name, email address and/or phone number.

Use Cases

A good use for this is when sending a donation request to your customers via email. You can send the link to your page that's pre-filled with the relevant donor information and payment amounts.

If you're in the lending industry, you can use pre-filled payment pages for your customers to repay their loan in cases where their stored cards failed. Here too, they'll only have to complete the payment process without entering their names or email addresses.

Schools and colleges can also use pre-filled payment pages to send out reminders for fees due. The page can be pre-filled with the student details to make it more clearer.

Pre-fill your Payment Page

To pre-fill a page with your customer's details, you simply pass the values as url parameters.

The table below shows the possible Url parameters that can be used to create payment pages.

Here's the link to the Payment page created with the values shown in the table above.

Here's a link to the same page, but pre-filled with another customer's information.

Making fields read only

You probably noticed that in the previous examples, the customer could still edit the fields in the form. This could obviously be a problem, as we might not want our customer to change some of the information on the page. To prevent this, we list the fields that we want to be unchangeable in the readonly parameter.

We can also make all the fields static by passing all the fields to the readonly parameter as shown here