Collecter les informations des clientsBêta
Collectez les adresses e-mail des clients.
Version bêta privée
The Custom Checkout integration is in private preview. To request access, cliquez ici.
Custom Checkout nécessite la collecte de l’adresse e-mail du client. Créez un composant pour collecter l’adresse e-mail de votre client.
Appelez updateEmail lorsque votre client finalise la saisie pour valider et enregistrer l’adresse e-mail.
- Si votre formulaire présente plusieurs étapes, appelez
updateEmail avant de passer à l’étape suivante, par exemple en cliquant sur le bouton Enregistrer. - Si vous disposez d’un formulaire à une page, appelez
updateEmail avant de soumettre le paiement. Vous pouvez également appeler updateEmail pour valider plus tôt, par exemple lorsque le focus est retiré de la saisie.
import React from 'react';
import {useCustomCheckout} from '@stripe/react-stripe-js';
const EmailInput = () => {
const checkout = useCustomCheckout();
const [email, setEmail] = React.useState('');
const [error, setError] = React.useState(null);
const handleBlur = () => {
checkout.updateEmail(email).then((result) => {
if (result.error) {
setError(result.error);
}
})
};
const handleChange = (e) => {
setError(null);
setEmail(e.target.value);
};
return (
<div>
<input
type="text"
value={email}
onChange={handleChange}
onBlur={handleBlur}
/>
{error && <div>{error.message}</div>}
</div>
);
};
export default EmailInput;
