Skip to main content
Best practices on integrating OpenBanking onramp into your platform. Mobile mockup of a suggested deposit method screen with Instant bank transfer highlighted as the recommended option

Best practices

Title and Subtitle

Display a clear title and subtitle that communicates the payment method’s benefits. Suggested implementation:
  • Title: “Instant bank transfer”
  • Subtitle: “Add funds securely and directly from your bank account.”

Bank Logos

Show logos of popular banks to build trust and familiarity. Suggested implementation: Bank logo alternatives: If the bank logos don’t match your existing UI, try one of these alternatives:
  • Icon
    • A lightning bolt icon for Instant bank transfer (emphasises speed/convenience)
    • If you don’t offer other bank transfer options, a simple bank icon works well for Instant bank transfer
  • Geographic Indicators
    • EU flag for Euro payments
    • UK flag for GBP payments
  • Download non-bank logo assets

Default positioning

If using multiple payment options, position Instant bank transfer as the default and primary payment option.
  • Suggested implementation:
    • Place Instant bank transfer as the first payment option in your list
    • Pre-select it by default if possible
Add visual indicators to help guide users toward the recommended option.
  • Suggested implementation:
    • Add a “Recommended” label next to Instant bank transfer
    • Use consistent styling with other UI elements in your payment flow
Two mobile mockups comparing a short tooltip versus a long tooltip explaining how instant bank transfer works

Educational tooltip

Add a tooltip icon next to Instant bank transfer that shows key information on hover/tap.
  • Short version: “Select your bank, authorise the transfer using your bank’s security, and we’ll bring you back automatically to complete your deposit.”
  • Long version:
    • “1 · Select your bank Choose from our list of supported banks - all major banks are available
    • 2 · Approve payment We’ll safely redirect you to authorise the transfer in your bank’s secure environment
    • 3 · Receive funds In most cases, the funds are transferred immediately after approval”
Mobile mockup showing deposit method options (instant bank transfer, manual bank transfer, debit/credit card) each tagged with speed, cost, and limit comparisons

Payment method comparison labels

When presenting multiple payment methods, clear labels help users quickly understand the benefits and limitations of each option. By consistently labeling key attributes across payment methods, you enable users to make informed decisions based on what matters most to them.
  • Suggested labels:
    • Speed: “Instant” vs e.g. “3-5 Business days”
    • Cost: “Free” vs e.g. “3% Fee”
    • Limit: “No limit” vs e.g. “10K weekly limit”
Mobile mockup of an amount-to-deposit screen with a dynamic call-to-action button reflecting the chosen deposit method

Dynamic CTA

Set clear expectations about the next step by adding a dynamic CTA when Instant bank transfer is selected Suggested implementation:
  • On the final page before redirecting to Payment, label the CTA “Continue to select your bank”