Custom payment pages
Please note: Availability of plans and features may vary by region. Please consult our Product Bundle Description to read the full details.
Implementing your own custom built online payment pages ensures you can provide a bespoke, uncompromised brand experience that sits seamlessly within your preferred customer onboarding user journey.
They are hosted directly on your website or online application, and operate in conjunction with a wider integration with our API that sets up your new clients as they complete the signup process.
Please note: Custom payment pages are a feature available to customers on our Advanced and Pro pricing plans using the add-on feature Custom checkout experience and payer notifications only. Please see our Pricing page for more details.
Designing your online payment pages
Custom payment pages can be designed and built to your own brand and design specifications, provided they meet the requirements set by the payment scheme applicable to where your customers are, or will be, based.
When it comes to collecting information from customers for the purpose of taking payments we have additional requirements and recommendations when using GoCardless to do this.
You will find the relevant details, to ensure that your payment pages are scheme compliant, within the guides in this section.
Across all payment schemes, the following information must be captured and/or displayed:
-
Bank account holder’s name
-
Bank account details
-
Email address
-
Confirmation that payments are powered by GoCardless
And the required information must be captured and displayed to the customer across a three stage flow.
-
Payment setup : Collect your customer’s details
-
Confirmation : Display information back to the customer so they can confirm
-
Success : Confirm completion of the process
Detailed information on the full payment page requirements across all schemes can be viewed in our reference guides here .
Obtaining approval of payment pages
Once you've completed the design and build of your payment pages, the next step is to submit them to our team for approval.
We will provide you with feedback on any required changes (if necessary) and, once approved, we will enable a feature on your GoCardless account that allows you to create customers directly via the API.
Implementation of the API sign up flow
Alongside the design and subsequent approval of your payment pages, the client sign up and creation flow will also need to be implemented. This involves integrating with the GoCardless API.
1. Build and test
Follow the steps below to build and test your integration in our sandbox environment.
-
Create a sandbox account here
-
Create an access token with read-write access
-
Use the access token to link your sandbox account with your internal system
-
Test the customer creation process, as outlined in the developer documentation here*
* If you do not wish to handle sensitive bank details on your own server, you can alternatively create a bank account for your customer via the Javascript flow.
2. Go live
Once you have fully tested your integration with our API and your payment pages have been approved, the final step is to launch what you’ve built so that customers can begin signing up through your newly built process.
To move your integration from the testing to a live environment, simply rotate your access token from your sandbox to your production GoCardless account.