No momento, esta página não está disponível em português
Payment-method icon

Oney Component

Add Oney to an existing Components integration.

This page explains how to add Oney to your existing Web Components integration.

When making a Oney payment request:

  1. Collect shopper details and include them in the request.
  2. Provide information about the purchased items by specifying lineItems.
  3. Make sure that the payment is authorised and successfully captured before you ship the goods.

Requirements

Select which endpoint you are using:

API reference

Select which endpoint you are using:

Component configuration

Step 1: Create a DOM element

Create a DOM element on your checkout page for each type of Oney installment you support, placing it where you want the payment method form to be rendered:

 <div id="oney_3x-container"></div>
 <div id="oney_4x-container"></div>

Step 2: Create an instance of the Component

Create an instance of the Oney Component for each type of Oney installment you support.

Number of installments Payment method type Supported county
3 facilypay_3x France (FR) and Spain (ES)
4 facilypay_4x France (FR) and Spain (ES)
6 facilypay_6x Spain (ES)
10 facilypay_10x France (FR) and Spain (ES)
12 facilypay_12x France (FR) and Spain (ES)

Use the create method of your AdyenCheckout instance, in this case checkout, to create the Component:

const oney_3xComponent =  checkout.create('facilypay_3x').mount('#oney_3x-container');
const oney_4xComponent =  checkout.create('facilypay_4x').mount('#oney_4x-container');

By default, the shopper input fields are visible and editable. Follow the instructions in optional configuration if you want to change these settings.

Optional configuration

You can add the following optional configuration to configure the visibility of the shopper input fields for Oney :

Parameter name Description Default
personalDetails Shopper full name, gender, date of birth, phone number, and email address. editable
billingAddress The address where to send the invoice. editable
deliveryAddress The address where the purchased goods should be delivered. By default, the delivery address is the same as the billing address. When the shopper selects they want to specify a different address, the delivery address fields will appear. editable

You can set the visibility to hidden, readOnly or editable.

Although you can hide the fields from your payment form, you must still provide this information in your payment request.

If you want to add optional configuration, include this in a configuration object. The following example shows how to configure the Component to make the deliveryAddress field readOnly:

const oneyConfiguration = {
    visibility: {
        personalDetails: editable, // Optional. These fields will appear on the payment form,
                            // and the shopper can edit them.
                            // This is the default behavior.
        billingAddress: editable, // Optional. These fields will appear on the payment form,
                            // and the shopper can edit them.
                            // This is the default behavior.
        deliveryAddress: readOnly // Optional. These fields will appear on the payment form,
                            // but the shopper cannot edit them.
    };
}

Use the create method of your AdyenCheckout instance, in this case checkout, to create an instance of the Component. Add the configuration object for each Oney installment type that you support.

const oney_3xComponent = checkout.create('facilypay_3x', oneyConfiguration).mount('#oney_3x-container');
const oney_4xComponent = checkout.create('facilypay_4x', oneyConfiguration).mount('#oney_4x-container');

Capture the payment

Make sure that the payment is captured successfully before you ship the goods.

Depending on your capture settings, Oney payments are captured manually or automatically, with or without a delay.

If a payment is captured after more than six days, the payment authorization expires and the payment must be authorised again.

Refund the payment

If a Oney payment has not yet been captured, you can cancel it.

If the payment has already been captured and you want to return the funds to the shopper, you need to refund it.

You can refund payments until 13 months after they have been captured.

Partial refunds

To partially refund a Oney payment, specify in your call to the /payments/{paymentPspReference}/refunds endpoint:

  • modificationAmount: The amount to be refunded to the shopper.
{
   "merchantAccount":"YOUR_MERCHANT_ACCOUNT",
   "modificationAmount":{
      "currency":"EUR",
      "value":400
   },
   "originalReference":"8825408195409505"
}

You will receive a /payments/{paymentPspReference}/refunds response containing a pspReference associated with this request. Once we have processed your request, you will also receive a REFUND webhook. For more information, refer to Refund.

Test and go live

Before accepting live Oney payments, test your integration using the following test details:

France

Test card number Expiry date CVV
4970 1015 1882 0000 Any date within 3 years from now. Any value.
4970 1030 6015 0000 Any date within 3 years from now. Any value.
4970 1027 3124 0000 Any date within 3 years from now. Any value.
4970 1022 9571 0000 Any date within 3 years from now. Any value.
4970 1093 1788 0000 Any date within 3 years from now. Any value.
4970 1017 0783 0000 Any date within 3 years from now. Any value.
4970 1090 7275 0000 Any date within 3 years from now. Any value.
4970 1084 5160 0000 Any date within 3 years from now. Any value.

You can test different responses by changing the amount to be paid:

  • Authorised: between EUR 150.00 and EUR 999.99
  • Pending: between EUR 1000.00 and EUR 1499.99
  • Refused: between EUR 1500.00 and EUR 2000.00

To test different responses when making payments in 10 or 12 installments, you need to include the following:

  • Authorised:

    • Shopper email: 10X12X.OK.BDE@oney.fr.
    • Under Complétez vos informations, include:
      • Vos revenus: 3500€
      • Origine du revenu principal: Salarie
      • Vos charges: 500€
    • Under Signez votre contrat, include:
      • Phone number: use 0666000000 to bypass a digital signature, or a real phone number to receive the OTP SMS for digital signing.
  • Refused:

    • Shopper email: 10X12X.KO.BDE@oney.fr.
    • In the Completez vos informations step, include:
      • Vos revenus: 1000€
      • Origine du revenu principal: Autres
      • Vos charges: 800€

To test the full Oney payment flow, contact Support Team.

Spain

Test card number Expiry date CVV
5436 0310 3060 6378 01/2099 257
5199 9923 1264 1465 01/2099 010
2223 0000 1047 9399 01/2099 299
4543 4740 0224 9996 01/2099 956

You can test the different responses by using the following information:

  • Authorised:
    • Shopper email: test_ok@oney.com
    • Correct CVV
  • Refused:
    • Shopper email: test_ko@oney.com
    • Incorrect CVV

Go live

Before you can accept live Oney payments, you need to submit a request for Oney 3x4x in your live Customer Area.

See also