Marketplace icon

Build user dashboards with UI components

Use Platform Experience components to build interactive dashboards for your users.

Adyen offers Platform Experience components that are designed to simplify the development of your portal's user interface (UI). You can use these components to create interactive user dashboards, which provide users with a clear view of their transactional data. This allows them to easily track the movement of funds in their balance accounts.

You can integrate the following components:

  • Transaction components: Provide your users with a dashboard that shows their transactional data. With this dashboard, users can view and filter transactions for any of their balance accounts.
  • Payout components: Provide your users with a dashboard that shows completed automatic payouts for each user’s balance account. This information allows users to reconcile the payouts they receive in their bank accounts with batches of payments and other related transactions.
  • Reports component: Provide your users with a dashboard that shows daily reports generated by Adyen for their balance accounts. These reports detail the movement of funds within their accounts, such as payouts. This information can assist users with their bookkeeping and reconciliation processes.
  • Dispute components: Provide your users with a dashboard view of open and resolved disputes, as well as fraud alerts (which correspond to the term "Notification of Fraud" in the Customer Area). This way, users can review disputes, choose to accept chargebacks, or defend them by submitting defense documents, all without needing to contact your support team or rely on email threads.
  • Pay by Link components: Provide your users with the ability to generate and manage secure payment links. Users can view a list of all existing payment links within a specified period, including key details such as payment link ID, status, amount, and expiration date. This allows users to easily track the life cycle of the payment links they create.

The guidance and features available may differ based on the library version in use. We recommend using the latest library version to take advantage of the newest features and improvements.

Ensure you select a component type and a library version that suit your situation in the following sections.

Select a component type

Select the tab for the component you are interested in to view the relevant description and integration steps:

See also