Before you begin
This guide assumes that you know how to:
Accept payments with Carte Cadeau
Prepare the API
Carte Cadeau requires the following data to process a payment successfully. Pass the following data in the client session, or in the payment request (for manual payment creation).
| Parameter Name | Required | Description |
|---|---|---|
3-letter currency code in ISO 4217 format, e.g. USD for US dollars | ||
| Details of the line items of the order | ||
The amount you would like to charge the customer, in minor units. e.g. for $7, use |
Prepare the SDK for payments
Handle payment method
Carte Cadeau requires instance of Redirect Manager in order to be presented to the user:
1const manager = await headless.createPaymentMethodManager('THUNES_CARTE_CADEAU_CONFORAMA')THUNES_CARTE_CADEAU_CONFORAMA must be returned as PaymentMethod.type in the onAvailablePaymentMethodsLoad callback.
When the user has selected the payment method, call the start function. This function automatically:
- opens a popup to present a loading indicator, then the payment method web page
- shows an overlay on top of your page that prompts the user to focus on the popup
123
myButton.addEventListener('click', () => { manager.start()})
This code is intended solely for illustrative purposes. As many redirect payment methods share a common approach, it is recommended to centralize the implementation of these methods within your codebase. For a practical demonstration of how to achieve this, please refer to the guide on how to handle payment methods with redirect.
Go live
You don’t need to do anything particular to go live — just make sure to use production credentials.