The name Pay by Bank is now the industry standard for account to account payments powered in full or in part by open banking.
At the same time, Pay by Bank has been gaining popularity in the ecommerce industry, becoming a mainstream option at checkout for some of the biggest brands in the UK and Europe.
But if Pay by Bank is now the standard, how can you make sure you’re able to build and launch a Pay by Bank experience before your competitors do. And how do you make sure it performs better than your competitors’ experience (when they do launch one)?
That’s why we wrote this guide.
What will you learn?
This guide is a great starting point to understanding what makes a great Pay by Bank experience, and how your business can create one. In it, we’ll cover:
How to define and measure a high-performing Pay by Bank experience
The role of data-backed UX/UI to make the process of paying as clear as possible to your customers
How investing in Pay by Bank education breeds trust and familiarity in your new payment method
Why incentives can be the extra motivation to persuading your customers to try Pay by Bank for the first time
The role of wider merchant adoption and mass user insights to further optimise your checkout
Our tried and tested checklist for launching your Pay by Bank experience
Who is this guide for?
We’ve written this guide with payment leaders at ecommerce brands in mind, but if the idea of offering Pay by Bank at your checkout or payment page is anywhere near your 2026 roadmap, this guide will help.
Get to grips with Pay by Bank
Want to know more about what Pay by Bank is and how it works? Read our complete guide
Already at the stage where you’re looking for a partner to help you implement Pay by Bank: Read our buyer’s guide
Why are we qualified to teach you about Pay by Bank?
In short, Pay by Bank is what we do at TrueLayer. For the last nine years, we’ve taken the core offering of open banking, combined it with other useful technology, and turned it into a suite of payment products that help businesses across ecommerce, iGaming and financial services collect payments more cost-effectively, quickly and securely.
Importantly, we have experience building payment and checkout experiences that work. When offered, shoppers actively choose Pay by Bank, and we’ve learned how best to guide them through the payment flow to the all-important successful payment.
We work with some of Europe’s leading brands, including JustEat Takeaway, Ryanair, lastminute.com and Papa Johns. This guide is our hard-earned learnings on Pay by Bank condensed into one tactical, digestible and data-backed guide.
Chapter 1: How to define and measure a high-performing Pay by Bank experience
When you add a new payment method to your checkout, you want it to perform well. But what does this nebulous idea of performance mean?
Of course, technical performance is important — everything from uptime and page loading speed, to how well it’s optimised for different devices and real-time notifications in an easy-to-use dashboard all impact the user’s checkout experience.
But what we’re specifically talking about is how you can make decisions about the checkout experience to get the highest possible proportion of your customers to take three key actions:
They actively choose Pay by Bank at checkout — AKA adoption
They successfully complete the end-to-end payment journey — AKA conversion
They choose Pay by Bank for their future payments — AKA retention

Master these three measures of success, and the other benefits of Pay by Bank will follow. The more of your customers that choose Pay by Bank time and time again, the higher its share of checkout will be. And the higher the share of checkout, especially compared to card payments and PayPal, the more cost-effective it becomes.
The Pay by Bank value flywheel
How do you make this a reality? When we’re working in partnership with merchants implementing Pay by Bank for the first time, we typically focus on four key areas that improve conversion adoption and retention.
Use optimised, data-backed UX/UI
Invest in user education in the checkout and beyond
Motivate shoppers with tailored incentives
Tap into a network of customer insights

Together these form the Pay by Bank value flywheel. In isolation, they can improve adoption, conversion and retention. But together, they’re a virtuous circle where one element could be the spark that compels the user to select Pay by Bank, another to get them over the line, and another to keep them coming back to Pay by Bank in the future.
Chapter 2: The value of best-practice UX/UI in the payment journey

A good, streamlined Pay by Bank experience for a first-time user has six steps: the checkout page, the bank selection, the payment review, the bank login, the bank authentication, and the status page.

Steps four and five are controlled by the bank the user selects, and while TrueLayer works closely with banks to continuously improve their authentication flows, merchants can’t directly influence them. So we’re effectively focusing on four steps with our UX/UI choices.
At TrueLayer, our foundational UX/UI recommendations are built on behavioural design — a tried and tested method for product design that our team then builds on using research and data-backed insights to further tailor our merchants’ Pay by Bank experiences.
What is behavioural design?
Behavioural design is the practice of applying principles from psychology and behavioural science to create products, services, and environments that influence human behaviour. It systematically shapes actions by structuring choices to encourage specific outcomes.
The checkout page
The first real test of a payment flow — will your customers choose Pay by Bank, or will they simply select the method of payment they’ve always used? Will they trust Pay by Bank? Do they know what to expect?

Position Pay by Bank first in the checkout
This is probably your biggest chance to influence Pay by Bank at checkout. Our research has shown that 38% of shoppers will base their decision to try Pay by Bank based at least partially on it being the first payment method in the checkout. It also tacitly shows your brand trusts and endorses Pay by Bank.
Use the payment name Pay by Bank
As we mentioned at the top of this guide, Pay by Bank has become the industry standard term for this payment method. It’s because it’s easy to understand and nods to how the payment method works. And as it’s now the standard, shoppers are becoming more familiar with it at different checkouts.
What's in a name?
💡 People find ‘Pay by Bank’ the most descriptive name for this payment method, compared to other potential names. Based on a survey of 900 people
Make use of social proofing
In situations where we are unfamiliar with something, we tend to follow the actions of others, relying on the wisdom of the crowd to help guide us to the best outcome. Social proofing is a way of influencing shoppers by drawing on the actions of others. By adding labels like “Chosen by X million people in the UK” to your Pay by Bank choice at the checkout, your customers will see this is an established payment method, rather than something they might be wary of.
Use a ‘Recommended’ tag
Recommended tags nudge your customers to make a quick decision. It signals your brand endorses Pay by Bank, and increases the user’s perceived trust of paying using it.
Show bank logos at checkout
Shoppers largely trust their banks and their mobile banking apps. Showing a selection of Bank logos at checkout indicates that Pay by bank works with your bank, and gives context on what to expect in the rest of the flow.
The value of bank logos
💡Our research found that 80% of people said that bank logos help them understand that they are going to pay with their bank. Based on a survey of 900 people.
Include a clear CTA
Make the next step intuitive and actionable. It encourages your customers to take the next step and prepares them for the next step in the payment journey.
Bank selection
The bank selection stage of the payment flow is likely new to your user if it’s the first time they’ve used Pay by Bank. Being an account to account payment, it’s not something you’d have experienced using card or PayPal. So it’s a key moment in the flow to get right.

Show bank logos
Showing bank logos prominently at this step reduces negative friction in the flow and increases the feeling of familiarity and trust.
Use a vertical layout ordered by market share
A simple vertical scroll makes the selection choice as intuitive as possible, with a search function available if a user can’t easily spot their bank. Additionally, ordering the bank logos by market share, putting the most popular banks at the top, means the highest proportion of your customers will see their bank without needing to scroll.
Consider a quick bank selection module
You can go one step further and remove an entire screen for many users if you’re able to give Pay by Bank more space on the main checkout page. By presenting and embedding bank logos directly on the checkout screen you can reduce friction even further.
The review screen
This is a key stage of the payment journey, as it’s the point you hand off to the user’s bank. The right UX here can help improve conversion as the user is redirected to their banking app.

Use redirect priming
Explain that your customers will be redirected from the checkout page to their banking app, reducing the likelihood that a user will drop out of the payment process. Additionally, make the CTA personalised to the user’s bank app, such as “Open Monzo app”.
Recaps and consent
Show a recap of the payment information, including the amount to pay — which will match up to the amount shown in the banking app, further increasing trust in the user. Also show a clear and simple consent wording.
Payment status
While the payment status will hopefully be shown to your customer when they’ve already successfully completed their payment, it’s still important to provide reassurance so your shopper understands they’ve completed the payment and would feel confident using Pay by Bank again for their next purchase.

Write clear and simple confirmation copy
Use clear copy and positive visual elements to show when a payment has been successful and the payment process is complete.
Use quick retries when payments do fail
Occasionally payments do fail. When this happens, use the status screen to make it clear the payment hasn’t gone through, and give the user a clear next step for rectifying this. This could be a quick retry to simply try the payment again, or some other next step — such as changing to a different bank app — to avoid them getting stuck in a dead end that forces them to abandon the payment.
Bonus tip: Desktop to mobile handover
A key part of the Pay by Bank payment flow is the bank app authentication. This is a better experience when carried out on mobile, and while mobile is now the dominant device for ecommerce purchases, many still take place on desktop.
A simple and effective way to handle this is a desktop to mobile handover. Displaying a QR code is an efficient way to make this happen. Display the selected bank along with clear instructions on how to complete the flow. At the same time, make sure you still offer the option to continue on desktop for those who prefer not to switch devices.

Chapter 3: Invest in consumer education to overcome any initial uncertainty

Pay by Bank has benefits for consumers and businesses alike. But shoppers are creatures of habit and are understandably skeptical of any new payment method. To convince and reassure a shopper to try Pay by Bank for the first time, there are three questions you need to provide an answer to:
How does Pay by Bank work?
Is Pay by Bank secure?
What’s in it for me?
And there are four places where you can communicate these answers:
At payment selection
Inside the Pay by Bank flow (covered in Chapter 2)
Inside the payment flow of other payment methods
Across marketing channels
This process is critical to maximising adoption, convincing your customers to give Pay by Bank a try, and to increase conversion, via reducing the likelihood that uncertainty will cause user drop off.
Educating shoppers at payment selection
While Pay by Bank is a growing payment method that millions of UK shoppers use every month, for many shoppers, seeing Pay by Bank at your checkout will be the first time they encounter it. This means choosing Pay by Bank is an active choice of not using a different payment method, assuming you have multiple options at checkout.

This means the payment selection screen is key to educating shoppers and setting expectations of what to expect when using Pay by Bank.
Use the easy, fast, secure descriptors
Pay by Bank is easy, fast and secure; three benefits that your customers will understand and appreciate. Using these three benefits to describe Pay by Bank at checkout helps build trust among shoppers, reinforcing the benefits and providing extra context on what they should expect:
Easy - No card details, no sign ups, no downloads
Fast - Use your Face ID, fingerprint or password
Secure - Protected by your own bank’s security
If limited space is available, a simple message like “Make a direct payment securely from your bank app — no card needed.” can also be impactful.

Use positive friction to add additional context
If your shopper still needs more reassurance or context, add a “Learn more” link to your Pay by Bank descriptor, which then opens a modal or accordion to further explain how it works. The modal can then easily be swiped away to return to the payment selection screen.
Educating shoppers inside the payment flows of other payment methods
One powerful way to introduce shoppers to Pay by Bank is as a sales recovery method when other payment methods cause the user unnecessary friction, or even when the payment fails entirely. Card payments fail anywhere from 5-10% of the time, so offering an alternative payment method both saves potential lost sales, as well as offering a timely introduction to Pay by Bank.

Introducing Pay by Bank when adding a new payment card
Adding a new card — the so-called sixteen-digit nightmare — takes time, requires the shopper to have their card on hand, and it’s easy to mistype a detail, causing the process to fail.
Using messaging like “No card? No problem!” alongside contextual benefits, including how simple Pay by Bank can be, is a great way to nudge shoppers toward Pay by Bank.
Introducing Pay by Bank when shoppers forget their CVV
Even when a user has card details saved, they will still be asked for their three-digit CVV. If they don’t have their card to hand and forget that CVV, they can’t complete the payments.
Use messaging like “Forgotten your CVV?” with a clear CTA to try Pay by Bank.
Introducing Pay by bank when a payment card expires
When a card expires, forcing them to add a new payment card, it’s another opportunity to budget them towards Pay by Bank. It’s especially powerful here as the shopper will likely have just encountered an error message when trying to pay.
Use messaging like “Card expired?”, alongside benefits highlighting that it’s both fast and secure.
Introducing Pay by bank when a card payment fails
At the point of a card payment failing, your customers are either left at a dead end where they simply have to abandon the payment entirely, or — at best — restart the payment and hope that it will work next time.
Offering Pay by Bank at this point is a good way to nudge shoppers toward Pay by Bank, while also potentially recovering a sale that would otherwise be lost.
“TrueLayer also showed us how we can use Pay by Bank as a sales recovery method as an additional way to recover failed payments and reduce costs…if you can recover 20% of failed payments by offering Pay by Bank as an alternative, we can rescue over £1million in revenue each year.
Read the full customer storyEamon Lindsell, Senior Product Manager
Educating shoppers across marketing channels
Pay by Bank education doesn’t just happen at checkout; it happens throughout the entire customer experience. Merchants who use a combination of email newsletters, dedicated landing pages, web banners and in-app messaging see a better adoption of Pay by Bank.
The power of user education
)

)

)
)
)
)
)
)
)
)
)
)
)
)
)
)
