Payment Method Messaging Element

Expliquez automatiquement les options de paiement différé.

Le Payment Method Messaging Element est un composant de l’interface utilisateur qui permet d’informer le client des plans de paiement différé disponibles. Il détermine automatiquement les plans et conditions disponibles, génère une description localisée et l’affiche dans le thème de votre formulaire.

The Making of Prince of Persia: Journals 1985-1993

Jordan Mechner

99,00 $US

Créer et intégrer le Payment Method Messaging Element

Utilisez Stripe Elements pour inclure le composant Element Payment Method Messaging sur votre site.

Intégrez le script Stripe.js à votre page en l’ajoutant entre les balises head de votre fichier HTML :
```
<script src="https://js.stripe.com/v3/"></script>
```
Créez un élément substituable sur votre page à l’endroit où vous souhaitez intégrer le composant Element Payment Method Messaging :
```
<div id="payment-method-messaging-element"></div>
```

Sur vos pages de produit, de panier et de paiement, incluez le code suivant pour créer une instance de Stripe.js (avec les paramètres régionaux) et intégrez le Payment Method Messaging Element :

// Set your publishable key. Remember to change this to your live publishable key in production!
// See your keys here: https://dashboard.stripe.com/apikeys
const stripe = Stripe('pk_test_oKhSR5nslBRnBZpjO6KuzZeX');
const elements = stripe.elements();
const options = {
  amount: 9900, // $99.00 USD
  currency: 'USD',
  paymentMethodTypes: ['klarna', 'afterpay_clearpay', 'affirm'],
  // the country that the end-buyer is in
  countryCode: 'US',
};
const PaymentMessageElement =
  elements.create('paymentMethodMessaging', options);
PaymentMessageElement.mount('#payment-method-messaging-element');

Affichage dynamique

L’élément affiche de manière dynamique les plans de paiement auxquels le client est éligible. Ceux-ci dépendent du lieu ou se trouve le client et de la devise. Ils dépendent également du montant du paiement, comme dans cet exemple :

$0	$99	$500

Le cas échéant, les échéanciers de remboursement de prêt avec intérêts sont affichés sur une ligne distincte des offres de paiements en x versements, ce qui peut augmenter l’espace requis par l’élément.

Fenêtre modale « En savoir plus »

Lorsque le client sélectionne En savoir plus, le Payment Method Messaging Element affiche une fenêtre modale avec des détails sur les moyens de paiement différé.

Aperçu du modal En savoir plus

La fenêtre modale inclut :

Calendrier expliquant le processus d’approbation
Un résumé des conditions de chaque méthode disponible
Lien vers les conditions complètes

Plans pris en charge

Le Payement Method Messaging Element prend en charge les moyens de paiement et plans de paiement suivants :

Klarna	Post-paiement	Affirm
Payer en 3 fois Payer en 4 fois Payez en 30 jours	Payer en 4 fois Versements échelonnés avec intérêts	Payer en 4 fois Versements échelonnés sans intérêt Versements échelonnés avec intérêts

Les valeurs suivants sont prises en charge pour countryCode : US, CA, AU, NZ, GB, IE, FR, ES, DE, AT, BE, DK, FI, IT, NL, NO, SE.

Les valeurs suivantes sont prises en charge pour currency : USD, GBP, EUR, DKK, NOK, SEK, CAD, AUD.

Mise en garde

Les messages ne s’affichent pas si la combinaison countryCode et currency transmise ne comporte aucun échéancier de paiement admissible.

Apparence

Utilisez l’API Appearance pour personnaliser la police et le logo de votre message. Vous pouvez sélectionner un thème comme dans l’exemple ci-dessous.

flat	night	stripe

Utilisez des variables pour davantage de personnalisation.

const appearance = {
  variables: {
    colorText: 'rgb(84, 51, 255)',
    colorTextSecondary: 'rgb(28, 198, 255)', // "Learn more" text color
    fontSizeBase: '16px',
    spacingUnit: '10px',
    fontWeightMedium: 'bolder',
    fontFamily: 'Ideal Sans, system-ui, sans-serif',
  }
};

Le Payment Method Messaging Element est un outil qui vous permet d’envoyer un message à vos clients pour leur proposer plusieurs options de paiement différé. Vous êtes responsable du respect des lois, règles et réglementations en vigueur concernant la promotion des options de paiement différé.