Personnaliser les moyens de paiement

Le composant Payment Element prend en charge de nombreux moyens de paiement. Il affiche les moyens de paiement que vous avez activés, masque ceux qui ne fonctionneront pas pour la transaction en cours et les trie de manière dynamique afin de booster vos taux de conversion.

Vous pouvez personnaliser son comportement comme suit :

• Activer différents moyens de paiement.
• Trier les moyens de paiement d’une autre manière que l’option par défaut.
• Limitez le nombre de moyens de paiement affichés.

Activer différents moyens de paiement

Vous pouvez spécifier des moyens de paiement dynamiques pour activer différents moyens de paiement en les sélectionnant dans le Dashboard. Stripe active cette fonctionnalité par défaut dans la dernière version de l’API.

Cela permet à Stripe d’extraire vos préférences en matière de moyens de paiement du Dashboard afin d’afficher dynamiquement les moyens de paiement les plus pertinents pour vos clients. Vous pouvez également répertorier les moyens de paiement manuellement à l’aide des types de moyens de paiement.

Dans certains cas, le Payment Element court-circuite votre choix. Il masque les moyens de paiement qui ne prennent pas en charge le paiement en cours. Par exemple, dans le cas d’un paiement récurrent de 10 JPY, le Payment Element masque les moyens de paiement qui ne prennent pas en charge le JPY ou les paiements récurrents.

Trier les moyens de paiement

Par défaut, le Payment Element utilise un tri dynamique afin d’optimiser l’affichage des moyens de paiement pour chaque utilisateur. Avec le paramètre paymentMethodOrder, vous pouvez remplacer l’ordre par défaut des moyens de paiement dans le Payment Element, y compris Apple Pay et Google Pay.

Les moyens de paiement spécifiés dans paymentMethodOrder sont affichés en premier, suivis des autres moyens de paiement. Si vous spécifiez des types de moyens de paiement que Stripe n’affichera pas, ils seront ignorés.

elements.create('payment', {
  paymentMethodOrder: ['apple_pay', 'google_pay', 'card', 'klarna']
});

Vous pouvez inclure Apple Pay (apple_pay) et Google Pay (google_pay) lorsque vous définissez l’ordre d’affichage des moyens de paiement, en plus d’une liste complète des types de moyens de paiement. Lorsque vous spécifiez l’ordre d’affichage, Stripe applique le tri dynamique à tous les autres moyens de paiement disponibles.

Limiter le nombre de moyens de paiement

Lorsque vous utilisez l’affichage en accordéon, le composant Payment Element affiche jusqu’à cinq moyens de paiement par défaut et masque les autres derrière un bouton Plus.

Pour réajuster le nombre de moyens de paiement que vous souhaitez afficher, définissez la propriété layout.visibleAccordionItemsCount.

elements.create('payment', {
  layout: {
    type: 'accordion',
    // Set a different default, or set to 0 to disable the
    // "More" button and render all available Payment Methods
    visibleAccordionItemsCount: 3
  }
});