Skip to main content
Qonto Embed is designed to help you seamlessly integrate Qonto’s powerful financial features—such as account data, card management, and SEPA transfers—right into your product. Qonto provides an SDK library to help you facilitate common integration scenarios with Qonto Embed: it contains pre-defined functions and data models that are consistent with our API reference. By using this library, you can reduce development time and ensure consistency and reliability when interacting with Qonto’s embedded features. The Embed SDK is a TypeScript/JavaScript library that allows you to integrate Qonto banking features into your web application effortlessly. It provides a set of functions and UI elements that can be used to create a seamless integration with Qonto’s banking services. The Embed SDK is designed to be easy to use, allowing you to quickly integrate the Embed features. Given it’s based on TypeScript, it can be used in any environment where TypeScript or JavaScript can run, including Node.js and browsers. At present, Qonto’s SDK libraries focus on making it easier to work with the main data structures used for embedded financial features; please refer to the detailed variable documentation for the latest updates and supported features.

​
Benefits

Abstract out the API

By using the SDK, you can abstract out the API calls and focus on the business logic of your application without worrying about implementing all the network communication by yourself.

Inject UI components

To save you time and keep you compliant, the SDK provides UI components that can be injected into your application. This allows you to quickly add Qonto features to your application without having to build the UI from scratch.
Note on API stabilityWe are in the early stages of the SDK implementation. While we will strongly attempt to avoid breaking changes, we may need to make some in the future. Note that while the SDK is in the v0.x stage, breaking changes might happen. Once we reach v1.0.0, we will follow semantic versioning strictly.

​
In this section

Getting started

Install and initialize the SDK.

Proxy endpoint implementation

Implement the backend endpoint that proxies the SDK’s API requests.

Customizing UI elements

Change the styles of the UI elements injected by the SDK.

Namespaces

Common, cards, SEPA transfers, transactions, payment links, organizations and UI namespaces.

UI elements

Display card, transaction list, transfer list and SEPA transfer creation.

Brand customization

Customize the components to match your brand.

Types

Reference of the TypeScript types used by the SDK.