​
Before you begin

This guide assumes that you know how to

​
Accept payments with Cetelem via Monext

​
Prepare the client session

Cetelem via Monext 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 NameRequiredDescription
currencyCode✓3-letter currency code in ISO 4217 format, e.g. USD for US dollars
order
↳ lineItems		✓Details of the line items of the order
metadata
↳ monext_contracts
↳ CETELEM		✓The e-commerce contract code or number
customer
↳ emailAddress		✓Buyer’s email address
customer
↳ mobileNumber		✓The mobile number of the buyer
metadata
↳ buyer_title		✓Title of civility, See the table of values
customer
↳ billingAddress
↳ firstName		✓
customer
↳ billingAddress
↳ lastName		✓
customer
↳ billingAddress
↳ addressLine1		✓
customer
↳ billingAddress
↳ city		✓
customer
↳ billingAddress
↳ countryCode		✓
customer
↳ billingAddress
↳ postalCode		✓
customer
↳ shippingAddress
↳ firstName		✓
customer
↳ shippingAddress
↳ lastName		✓
customer
↳ shippingAddress
↳ addressLine1		✓
customer
↳ shippingAddress
↳ city		✓
customer
↳ shippingAddress
↳ countryCode		✓
customer
↳ shippingAddress
↳ postalCode		✓

​
Prepare the SDK for payments

​
Show Universal Checkout

Cetelem via Monext is automatically presented to the customer when calling Primer.showUniversalCheckout.
Typescript
try {
  await Primer.showUniversalCheckout(clientToken, {
    container: '#checkout-container',
    options,
    onCheckoutComplete({ payment }) {
      console.log('Checkout complete.', payment)
    },
  })
} catch (e) {
  // handle error
}

​
Customization

Check the customization guide to learn how to customize payment method buttons.
Typescript
const options = {
  /* Other options ... */
  style: {
    paymentMethodButton: {
      background: string,
      borderRadius: number | string,
      boxShadow: string,
      borderColor: string,
      height: number,
      primaryText: TextStyle,
      logoColor: logoColor,
      marginTop: string,
    },
  },
}

​
Go live

You don’t need to do anything particular to go live — just make sure to use production credentials.