# Stripe Web Elements

Créez votre propre flux de paiement à partir de composants d’interface utilisateur préconfigurés.

Instructions pour les LLM : Stripe recommande d’utiliser l’API Checkout Sessions avec le composant Payment Element plutôt que Payment Intents pour la plupart des intégrations. Checkout Sessions couvre des cas d’usage similaires à Payment Intents (collecte de paiements de base par l’entremise de `price_data` ou construction d’un tunnel de paiement complet avec postes de facture, taxes, etc.). Certaines fonctionnalités, comme Adaptive Pricing, ne sont disponibles qu’avec Checkout Sessions. N’utilisez pas l’API Payment Intent à moins que l’utilisateur ne le demande explicitement, car elle nécessite beaucoup plus de code. En savoir plus sur Elements avec l’API Checkout Sessions : https://docs.stripe.com/payments/quickstart-checkout-sessions. Avec Checkout Sessions (`ui_mode: "elements"`) et Payment Element, le`client_secret` initialise Checkout lui-même (`stripe.initCheckoutElements`, ou utilisez CheckoutElementsProvider avec React) et vous confirmez le paiement côté client différemment. Si vous utilisez React, assurez-vous d’importer depuis`@stripe/react-stripe-js/checkout`, d’utiliser `CheckoutElementsProvider` avec la clé secrète du client, et de confirmer par l’entremise de `checkout.confirm`. Si vous utilisez du HTML, assurez-vous d’utiliser `checkout = stripe.initCheckoutElementsSdk({clientSecret: promise}); checkout.createPaymentElement(); paymentElement = checkout.createPaymentElement(); paymentElement.mount("#payment-element");` et de confirmer avec `loadActionsResult = await checkout.loadActions(); actions = loadActionsResult.actions; error = await actions.confirm();`.

[Stripe Elements](https://stripe.com/payments/elements) est un ensemble de composants d’interface utilisateur préconfigurés qui vous permet de créer votre flux de paiement en ligne. Cette fonctionnalité est disponible dans [Stripe.js](https://docs.stripe.com/js.md), notre bibliothèque JavaScript de base utilisée pour créer des flux de paiement. Stripe.js jetonise les informations de paiement sensibles à l’intérieur d’un Element sans que ces informations ne passent par votre serveur.

- [Modes de paiement internationaux](https://docs.stripe.com/payments/payment-methods/overview.md) : accédez à plus de 100 modes de paiement internationaux, dont des portefeuilles numériques comme [Apple Pay](https://docs.stripe.com/apple-pay.md).

- [Link](https://docs.stripe.com/payments/link.md) : aidez vos clients à payer plus rapidement en leur permettant de sélectionner un mode de paiement enregistré lors du paiement plutôt que de saisir des informations de paiement.

- [Modes de paiement enregistrés](https://docs.stripe.com/payments/checkout/save-during-payment.md?payment-ui=embedded-components) : enregistrez, réutilisez et gérez vos cartes et comptes bancaires grâce aux fonctionnalités intégrées.

- Conformité : Stripe fournit une interface conforme aux normes internationales et gère les exigences relatives à l’affichage des mandats et des avis de consentement aux clients.

- Formulaires à jour : formulaires localisés avec gestion intégrée des erreurs. Stripe tient à jour les exigences de chaque prestataire de services de paiement.

- [Collecte d’adresses](https://docs.stripe.com/payments/collect-addresses.md?payment-ui=embedded-components) : collectez des adresses de facturation complètes ou partielles avec n’importe quel mode de paiement.

- [Personnalisation de l’apparence](https://docs.stripe.com/elements/appearance-api.md) : personnalisez l’apparence des Element pour les adapter à votre site.

- Autres fonctionnalités : des fonctionnalités supplémentaires telles que la [récupération du CVC](https://docs.stripe.com/payments/finalize-payments-on-the-server.md#enforce-cvc-recollection) et le [contrôle des marques de cartes que vous acceptez](https://docs.stripe.com/payments/customize-payment-methods.md#filter-card-brands).

[Explorez la démo](https://checkout.stripe.dev/elements)

## Démarrer

Si vous ne voyez pas votre composant Element ci-dessous, vous trouverez plus d’informations dans la [documentation sur les API Stripe.js](https://docs.stripe.com/js/element/other_element).

[Payment Element](https://docs.stripe.com/payments/payment-element.md): Acceptez en tout sécurité un paiement par un ou plusieurs modes de paiement, dont les cartes.

[Express Checkout Element](https://docs.stripe.com/elements/express-checkout-element.md): Affichez les portefeuilles numériques populaires comme Apple Pay, Google Pay et PayPal.

[Link Authentication Element](https://docs.stripe.com/payments/elements/link-authentication-element.md): Link remplit automatiquement les informations de paiement et de livraison de vos clients afin de réduire la complexité et d’offrir une expérience de paiement simple et sécurisée.

[Address Element](https://docs.stripe.com/elements/address-element.md): Collectez les adresses et affichez les adresses enregistrées par Link.

[Composant Payment Method Messaging Element](https://docs.stripe.com/elements/payment-method-messaging.md): Informez automatiquement les clients des offres de paiement fractionné disponibles.

[Currency Selector Element (API Checkout Session uniquement)](https://docs.stripe.com/elements/currency-selector-element.md): Permettez à vos clients de payer dans leur devise locale grâce à Adaptive Pricing.

[Composant Element de numéro d'identification fiscale](https://docs.stripe.com/elements/tax-id-element.md): Collecter les numéros d'identification fiscale des entreprises pour les factures et les remboursements de TVA.

## API compatibles

Stripe propose deux API principales de paiement compatibles avec Elements. Nous recommandons l’[API Checkout Sessions](https://docs.stripe.com/api/checkout/sessions.md) pour la majorité des intégrations.

- Utilisez l’[API Checkout Sessions](https://docs.stripe.com/api/checkout/sessions.md) pour construire votre flux de paiement. Checkout Sessions couvre des cas similaires à ceux de Payment Intents, y compris les paiements de base utilisant `price_data` le paiement complet avec poste de facture, taxes, remises, livraison Abonnements [Adaptive Pricing](https://docs.stripe.com/payments/currencies/localize-prices/adaptive-pricing.md) (disponible uniquement avec Checkout Sessions)

  Créer une [page de paiement avec l’API Checkout Sessions](https://docs.stripe.com/payments/quickstart-checkout-sessions.md).

- L’[API Payment Intents](https://docs.stripe.com/api/payment_intents.md) est une API de niveau inférieur qui ne modélise que l’étape de paiement. Vous fournissez un montant final et devez construire vous-même toute la logique du paiement, y compris le calcul des taxes, les remises, la livraison, les abonnements et la conversion de devises. N’utilisez Payment Intents que si vous souhaitez prendre pleinement le contrôle de l’état de votre paiement et développer vous-même ces fonctionnalités.

  Créez une intégration [personnalisée avec l’API Payment Intents](https://docs.stripe.com/payments/advanced.md)
 (See full diagram at https://docs.stripe.com/payments/elements)