GC Logo
Developer Docs

Guides

Collect Payments
Overview
Setting up MandatesDirect Debit Mandates Verified Mandates Collecting mandates offline Importing Mandates
One-off PaymentsOne-off Direct Debit Instant Bank Payment
Recurring PaymentsSubscription Instalments Variable Recurring Payments Instant Bank Payment + Direct Debit
Integration TypesGoCardless Hosted Pages Javascript Drop-in Flow Custom Payment Pages
Events & WebhooksMandate Events Billing Requests Events
Managing paymentsFX Payments Reconciling Payouts
Scheme guidanceACH and PAD Consent Types Billing Request Purpose Codes VRP Commercial Payment Purpose Codes PayTo Agreements and Payments

Custom Payment Pages

View as Markdown

What are Custom Payment Pages?

Build your own payment flow from scratch using the GoCardless API directly. You have complete control over the user experience, design, and logic.

This is the highest-effort integration. Consider starting with Hosted Payment Pages to validate your integration - the underlying API is identical. See how all of our integration types compare.

Supports: Direct Debit, Instant Bank Pay, VRP.

Best for

  • White-label or embedded product requirements

  • Complex, multi-step user journeys

  • Deep integration with your application

  • Full control over UX and brand experience

How it works

  • Build your own UI for collecting customer and bank account details

  • Use the Billing Requests API to create and progress through the payment flow

  • Call API actions to collect customer details, collect bank account information, and confirm

  • Handle all states, errors, and edge cases in your application

What you need to handle:

  • Input validation and error messaging

  • Scheme-specific bank account fields per country

  • Compliance requirements (e.g., Direct Debit Guarantee display)

  • Loading states and timeouts

  • Mobile responsiveness

Step-by-step guide