> ## Documentation Index
> Fetch the complete documentation index at: https://docs.yapily.com/llms.txt
> Use this file to discover all available pages before exploring further.

# Yapily Hosted Pages

> Yapily Hosted Pages provides a fully managed open banking UI for payments and data access. Launch quickly without building institution selection or consent screens yourself.

<Note>
  Hosted Pages is available as a [Beta version](/getting-started/overview#yapily-hosted-pages-beta).
  Please contact your Customer Success Manager if you would like to access it.
</Note>

***

## Introduction

Yapily Hosted Pages is a fully out-of-the-box, hosted solution that provides a pre-built user interface (UI) on top of our existing single payments API.

It enables you to quickly and easily use Yapily's API to accept open banking payments from users, as well as test and experience Yapily's open banking services.

See [Hosted vs API](/concepts/hosted-vs-api) for a comparison of integration approaches.

Hosted Pages guides your users through the payment authorisation process, collects the necessary information to make a payment and executes the payment once consent is granted by the user.

The UI is available on web and mobile browsers, optimised for a seamless user experience and compatible with all supported institutions. It is fully hosted and maintained by Yapily.

<Info>
  We currently support Yapily Hosted pages in: **United Kingdom, Germany, Lithuania, Netherlands, Belgium, Spain, France, Austria and Portugal** for **Single Payments**.

  **United Kingdom, Germany, Lithuania, Netherlands, Belgium, Spain, France, Austria and Portugal, Sweden, Norway, Denmark and Ireland** are currently available for **Data**.

  Currently only single payments are supported.
</Info>

***

## Advantages

#### Pre-built UI

* Quick to implement
* No development effort
* Compliant by default

#### Simple integration process

* 1 API call
* Low development effort
* Real-time webhook notifications for payment status

#### Customisable

* Match your brand

***

## End user journey

Yapily Hosted Pages provides a pre-built UI to manage the entire user journey once the user decides to use open banking in your application.
A typical user journey is:

1. The end user wants to top up their account on your application.
2. The user clicks 'pay by bank' at checkout.
3. The user is redirected to Yapily's hosted pages.
4. The user completes the payment authorisation flow and is redirected back to your application on completion.

### Authorisation flow

The payment authorisation flow varies depending on the institution. The end user journey and [UI screens](/tools-and-services/hosted-pages/ui-screens) vary depending on the flow. Yapily Hosted Pages supports both redirect and embedded flows.

You can read more about [user authorisation flows](/open-banking-flow/user-authorisation/overview).

#### Redirect authorisation flow

<img src="https://mintcdn.com/yapily/T_ZPsp5tXsmQ8zRQ/images/HostedNew/Redirect-authorisation-flow.png?fit=max&auto=format&n=T_ZPsp5tXsmQ8zRQ&q=85&s=5ebd9c48da2fa1b7496b869e58dfb1dc" alt="Redirect authorisation flow user journey" width="7142" height="3780" data-path="images/HostedNew/Redirect-authorisation-flow.png" />

#### Embedded authorisation flow

<img src="https://mintcdn.com/yapily/T_ZPsp5tXsmQ8zRQ/images/HostedNew/Embedded-authorisation-flow.png?fit=max&auto=format&n=T_ZPsp5tXsmQ8zRQ&q=85&s=b6aff6107f85193e0755495e040633a0" alt="Embedded authorisation flow user journey" width="10738" height="3556" data-path="images/HostedNew/Embedded-authorisation-flow.png" />

***

## Get started

See our [single payments tutorial](/tools-and-services/hosted-pages/payment-tutorial-hosted-pages) to explore a sample integration with Yapily Hosted Pages.

Try our [demo app](https://demo.yapily.com/) to complete the Yapily Hosted Pages flow for yourself with your real banking credentials.

***

## Related resources

### Payments Resources

* [Payment Tutorial](/tools-and-services/hosted-pages/payment-tutorial-hosted-pages) - Step-by-step payment integration guide
* [Payment Status & Phase](/tools-and-services/hosted-pages/payment-status-and-phase) - Understanding payment lifecycle
* [Payment Webhooks](/tools-and-services/hosted-pages/payment-webhooks) - Real-time payment notifications

### Data Resources

* [Data Tutorial](/tools-and-services/hosted-pages/payment-tutorial-hosted-data) - Step-by-step data access guide
* [Data Consent Statuses](/tools-and-services/hosted-pages/data-consent-statuses) - Understanding consent lifecycle

### UI Resources

* [UI Screens](/tools-and-services/hosted-pages/ui-screens) - Visual guide to the hosted flow

### Implementation Resources

For error handling, retry strategies, testing, and support, see our [Developer Resources](/resources/overview) guide.