Skip to main content

Documentation Index

Fetch the complete documentation index at: https://docs.qonto.com/llms.txt

Use this file to discover all available pages before exploring further.

The displayCard function presents a card interface that can showcase various types of information and operations, such as cardholder details, PIN display and actions like blocking the card or setting/changing the PIN. Default card style For security and compliance reasons, the card information can’t leave the Qonto domain and therefore the UI this element injects into your website is implemented with an iframe. This way, the card data is securely handled by Qonto while still being accessible from your application. In these docs we have a guide that explains how to customize the UI elements which precisely uses the displayCard function as an example. We recommend you to check it out if you want to learn how to show the card details UI and adapt its UI to your branding.

​
Set and reset PIN

From the Display Card UI, the user can also start a Set PIN flow (for a card that has never had a PIN set) or a Reset PIN flow (for a card that already has one). The action button is labelled Choose PIN code the first time and Reset PIN afterwards. Set PIN CTA The full flow — choose PIN, confirm PIN, success, and an optional “see PIN” recap — runs entirely inside the same iframe, so no extra SDK calls or partner integration are required. The button is only shown when the cardholder has the right permissions on the card; otherwise it stays hidden. Set PIN flow For details about the SDK function to call to display the card details UI, please refer to the displayCard API Reference.