Kundendaten erfassenBeta
Kunden-E-Mail-Adressen erfassen.
Private Vorschau
The Custom Checkout integration is in private preview. To request access, klicken Sie hier.
Für den benutzerdefinierten Checkout ist die Erfassung von Kunden-E-Mail-Adressen erforderlich. Erstellen Sie eine Komponente, um die E-Mail-Adresse Ihrer Kundinnen/Kunden zu erfassen.
Rufen Sie updateEmail auf, wenn Ihr Kunde/Ihre Kundin die Eingabe abgeschlossen hat, um die E-Mail-Adresse zu validieren und zu speichern.
- Wenn Sie über ein mehrstufiges Formular verfügen, rufen Sie
updateEmail auf, bevor Sie mit dem nächsten Schritt fortfahren, zum Beispiel durch Klicken auf eine Schaltfläche Speichern. - Wenn Sie ein einseitiges Formular haben, rufen Sie
updateEmail auf bevor Sie die Zahlung senden. Sie können updateEmail auch aufrufen, um früher zu validieren, zum Beispiel bei unscharfer Eingabe.
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;
