--- title: "Titres-restaurant Drop-in integration" description: "Add Titres-restaurant to your Drop-in integration" url: "https://docs.adyen.com/payment-methods/titres-restaurant/web-drop-in" source_url: "https://docs.adyen.com/payment-methods/titres-restaurant/web-drop-in.md" canonical: "https://docs.adyen.com/payment-methods/titres-restaurant/web-drop-in" last_modified: "2026-05-24T12:54:31+02:00" language: "en" --- # Titres-restaurant Drop-in integration Add Titres-restaurant to your Drop-in integration [View source](/payment-methods/titres-restaurant/web-drop-in.md) This page explains how to add Titres-Restaurant to your existing Web Drop-in integration. ## Requirements | Requirement | Description | | -------------------- | ----------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- | | **Integration type** | Make sure that you have built your [Web Drop-in integration](/online-payments/build-your-integration/sessions-flow?platform=Web\&integration=Drop-in). The minimum required version is 5.4.0. | | **Setup steps** | Before you begin:- [Activate Titres-Restaurant](/payment-methods/titres-restaurant#activate) to get your *Carte de domiciliation CONECS*. - [Add the meal voucher payment method in your Customer Area](/payment-methods/add-payment-methods), providing your SIRET (your business registration ID) and the Conecs MID from your *Carte de domiciliation CONECS*. | ## Import resources for v6 If you are using Web Drop-in v6, import the resources you need for Titres-Restaurant: ```js import { AdyenCheckout, MealVoucherFR} from '@adyen/adyen-web' ``` ## API reference You do not need to send additional fields for Titres-Restaurant. To see optional fields that you can send for all payment methods, choose the endpoint you integrated: * [/sessions](https://docs.adyen.com/api-explorer/Checkout/latest/post/sessions): This is the default with [Drop-in v5.0.0](/online-payments/build-your-integration/sessions-flow?platform=Web\&integration=Drop-in) or later. * [/payments](https://docs.adyen.com/api-explorer/Checkout/latest/post/payments): If you implemented an [additional use case](/online-payments/build-your-integration). ## Drop-in configuration Select which endpoint you are using: ### Tab: `/sessions` This is the default with [Drop-in v5.0.0](/online-payments/build-your-integration/sessions-flow?platform=Web\&integration=Drop-in) or later. There is no Titres-Restaurant specific configuration for Drop-in. ### Tab: `/payments` If you implemented an [additional use case](/online-payments/build-your-integration). ### Required Add the following events to your payment method configuration object: | Event name | Description | | --------------------------------------- | ---------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- | | `onBalanceCheck(resolve, reject, data)` | Called when the shopper pays with Titres-Restaurant. Make a [/paymentMethods/balance](https://docs.adyen.com/api-explorer/Checkout/latest/post/paymentMethods/balance) request. | | `onOrderRequest(resolve, reject, data)` | Called when the balance on the card is less than the transaction amount. Make an [/orders](https://docs.adyen.com/api-explorer/Checkout/latest/post/orders) request with the `amount` of the total transaction amount. | | `onOrderCancel(order)` | Called when the shopper cancels the transaction. Make an [/orders/cancel](https://docs.adyen.com/api-explorer/Checkout/latest/post/orders/cancel) request. | The following example shows how to create a configuration object for Titres-Restaurant: **Mealvoucher configuration** ```json const mealVoucherConfiguration = { onBalanceCheck: function (resolve, reject, data) { // Make a POST /paymentMethods/balance request resolve(BalanceResponse); } onOrderRequest: function (resolve, reject, data) { // Make a POST /orders request // Create an order for the total transaction amount resolve(OrderResponse); } onOrderCancel: function(Order) { // Make a POST /orders/cancel request } }; ``` Include the `mealVoucherConfiguration` object when [creating a configuration object](/online-payments/build-your-integration/sessions-flow?platform=Web\&integration=Drop-in#configure): **\AdyenCheckout\ configuration** ```json const configuration = { // ... other required configuration paymentMethodsConfiguration: { mealVoucher_FR_natixis: mealVoucherConfiguration mealVoucher_FR_sodexo: mealVoucherConfiguration mealVoucher_FR_groupeup: mealVoucherConfiguration } }; ``` **Apetiz** and **mealVoucher\_FR\_natixis** refer to Bimpli, the commercial brand for Natixis. ## Test and go live To test Titres-restaurant payments, you must get test credentials directly from the meal voucher issuer (Bimpli, Sodexo, or Up Déjeuner). Before you can accept live payments, you must contact our [Support Team](https://ca-test.adyen.com/ca/ca/contactUs/support.shtml?form=other) to activate Titres-restaurant in your live environment. ## See also * [Web Drop-in integration guide](/online-payments/drop-in-web) * [Webhooks](/development-resources/webhooks) * [API Explorer](https://docs.adyen.com/api-explorer/#/CheckoutService/latest/overview)