---
title: Adding Yaspa to your payment page
description: We offer a range of flexible UI options for integrating Yaspa into the payment experience on your site or app.
---

[Skip to content](https://support.yaspa.com/adding-yaspa-to-your-payment-page#main-content)

English

Show submenu for translations

[![yaspa logo text](https://support.yaspa.com/hs-fs/hubfs/hubspot-yaspa-logo.png?width=150&height=67&name=hubspot-yaspa-logo.png)](https://support.yaspa.com/)

- [Home](https://support.yaspa.com/)
- [About](https://www.yaspa.com/about/)
- [Blog](https://www.yaspa.com/blog/)
- [Contact](https://www.yaspa.com/contact/)

Open main navigation

Close main navigation

- [Home](https://support.yaspa.com/)
- [About](https://www.yaspa.com/about/)
- [Blog](https://www.yaspa.com/blog/)
- [Contact](https://www.yaspa.com/contact/)
- English
  
  Show submenu for translations
- [Return to yaspa.com](https://www.yaspa.com/)

[Return to yaspa.com](https://www.yaspa.com/)

 What can we help you with?

- There are no suggestions because the search field is empty.

1. [Yaspa help centre](https://support.yaspa.com/)
2. [Integrating with Yaspa](https://support.yaspa.com/integrating-with-yaspa)

# Adding Yaspa to your payment page

## We offer a range of flexible UI options for integrating Yaspa into the payment experience on your site or app.

We want to make it as easy as possible for businesses to get started with open banking payments. That's why, as well as the option to create your own custom payment UI, we offer a tried and tested payment widget, that can be customised to suit your customer experience.

### Embedded 

![](https://lh7-us.googleusercontent.com/v-Ms-OrKLZtGqWiPintpebP3927tGftnVDMr7LJDx8txkP23w2Kp2Wqth3Ent2dXPCELvVLjPElKCoe3TcnCy9mmUXN-ehTgUW3M4u2jXEhJQT9jcC2ifAH9BP79400aAUi6PAn56ERyXsY-YnKbHs0)

This option adds Yaspa payments widget directly to the payment page, with all the information the customer needs to understand what an open banking payment is.

This works best when you have a dedicated payments page with space to set customer expectations, and explain open banking payments (key for building confidence and conversion).

### Modal 

![](https://lh7-us.googleusercontent.com/evaWQbeUhliOJQdtbB8D0U59D_PdaVLVyQACwqgrZS538hpfmtrEn1NUHEE4TaKp5HGWGsgcol1MWOhmwQIyB3UKHe-4YWYy7iBSeUloB3LxKtQwO5j5SZ45lXyU0A_wHEeFytrwhHFy6uz8aiWu7FA)

This method takes the payment widget and puts it in a modal which will open with the payment information when the 'pay with bank' button is clicked.

This is best when you have less space available on your payment page, while still optimising for conversion and customer confidence.

### Window (best for apps)

![](https://lh7-us.googleusercontent.com/obisCtidF2OGnRbBmkLn8kRJOYAvoy8hg2GkKRFGR1lfokbSl7Zsdc2b_sJDCRIRpZFjdv2k3xQVpfIcJgA_LhjwknqvpY2LCoYTwhkeviXZpIUfpNfTTEGRJ6fyyy3gBUuLtzXlC92NVEZy53mKAas)

The new window option is best for mobile apps. This takes the same payment experience and hosts it in a new window away from the application when they pay button is clicked.

This means there are no separate Android, iOS or web app integrations to manage.

Ready to get started? Head over to our [developers page](https://www.yaspa.com/developers) and see how easy it is to set up open banking payments with Yaspa

### Related Articles

- [How do I set up my Yaspa account?](https://support.yaspa.com/how-do-i-set-up-my-yaspa-account/v2)
- [Branding your Yaspa payment journey](https://support.yaspa.com/branding-your-yaspa-payment-journey)

- [About Yaspa](https://support.yaspa.com/about-yaspa)
- [User FAQs (UK & Europe)](https://support.yaspa.com/user-faqs-uk-europe)
- [User FAQs (USA)](https://support.yaspa.com/user-faqs-usa)
- [Country-specific information](https://support.yaspa.com/country-specific-information)
- [Business FAQs](https://support.yaspa.com/business-faqs)
- [Key concepts](https://support.yaspa.com/key-concepts)
- [Getting started](https://support.yaspa.com/getting-started)
- [The onboarding process](https://support.yaspa.com/the-onboarding-process)
- [Integrating with Yaspa](https://support.yaspa.com/integrating-with-yaspa)
- [Using the dashboard](https://support.yaspa.com/using-the-dashboard)
- [Complaints](https://support.yaspa.com/complaints)

- [Home](https://support.yaspa.com/)
- [About](https://www.yaspa.com/about/)
- [Blog](https://www.yaspa.com/blog/)
- [Contact](https://www.yaspa.com/contact/)

[![yaspa logo](https://support.yaspa.com/hs-fs/hubfs/website-claw-favicon-4.png?width=30&height=30&name=website-claw-favicon-4.png "yaspa logo")](https://www.yaspa.com/)

Yaspa is a registered trademark of Yaspa Limited. All rights reserved. © 2026 Yaspa Limited.  
Yaspa Limited is a company registered in England and Wales (number 09902175), and regulated  
by the Financial Conduct Authority as a payment institution (reference number 826720).

<https://www.linkedin.com/company/yaspa/> <https://www.instagram.com/yaspahq> <https://www.youtube.com/@Yaspa_hq>