Accéder directement au contenu
Créez un compte
 ou
connecter-vous
Logo de la documentation Stripe
/
Créez un compte
Connectez-vous
AperçuMettre votre intégration à niveau
Paiements en ligne
PrésentationTrouver votre cas d'usage
Moyens de paiement
Payment interfaces
Payment scenarios
Paiements par TPE
Other Stripe products

Note

Cette page n'est pas encore disponible dans cette langue. Nous faisons tout notre possible pour proposer notre documentation dans davantage de langues et nous vous fournirons la version traduite dès qu'elle sera disponible.

Collect payment detailsBêta

Accept payment methods with a secure, embeddable UI component.

Version bêta privée

The Custom Checkout integration is in private preview. To request access, click here.

The Payment Element is a UI component that accepts many payment methods, validates input, and handles errors.

Pays du client
Taille
Thème
Disposition
Pour voir le fonctionnement de Link avec un utilisateur récurrent, saisissez l'adresse e-mail demo@stripe.com. Pour voir le fonctionnement de Link avec une nouvelle inscription, saisissez toute autre adresse e-mail et remplissez le reste du formulaire.

Render a Payment Element

Mount the PaymentElement component within the CustomCheckoutProvider.

CheckoutForm.jsx
import React from 'react';
import {PaymentElement, useCustomCheckout} from '@stripe/react-stripe-js';

const CheckoutForm = () => {
  const checkout = useCustomCheckout();
  return (
    <form>
      <PaymentElement options={{layout: 'accordion'}}/>
    </form>
  )
};

export default CheckoutForm;

The following props are supported:

Next steps

Next, build a pay button to complete checkout.

Cette page vous a-t-elle été utile ?
OuiNon
Besoin d'aide ? Contactez le service d'assistance.
Rejoignez notre programme d'accès anticipé.
Consultez notre journal des modifications des produits.
Des questions ? Contactez l'équipe commerciale.
Propulsé par Markdoc
Sur cette page
Render a Payment Element
Next steps
Produits utilisés
Checkout
Elements