This page explains how to add Titres-Restaurant to your existing Web Components integration.
Requirements
Requirement | Description |
---|---|
Integration type | Make sure that you have built your Web Components integration. The minimum required version is 5.4.0. |
Setup steps | Before you begin:
|
Import resources for v6
If you are using Web Components v6, import the Component that you need for Titres-Restaurant:
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: This is the default with Components v5.0.0 or later.
- /payments: If you implemented an additional use case.
Component configuration
When creating an instance of the Component, specify which meal voucher issuer you want to use:
- mealVoucher_FR_natixis for Bimpli.
- mealVoucher_FR_sodexo for Sodexo.
- mealVoucher_FR_groupeup for Up Dejeuner.
Apetiz and mealVoucher_FR_natixis refer to Bimpli, the commercial brand for Natixis.
Step 1: Create a DOM element
Create a DOM element on your checkout page, placing it where you want the payment method form to be rendered:
<div id="mealVoucher_FR_sodexo-container"></div>
Step 2: Create an instance of the Component
Select your integration: