Einführung
Dieser Artikel erklärt, wie Sie Amazon Pay V2 mit einem eigenen Button in Ihre Website integrieren können. Diese Methode ermöglicht es Ihren Kunden, schnell und sicher mit den in ihrem Amazon-Konto gespeicherten Zahlungs- und Versandinformationen zu bezahlen, während Sie das Erscheinungsbild und die Benutzererfahrung Ihrer Checkout-Seite beibehalten.
Schritt-für-Schritt-Anleitung
Schritt 1: Einbinden des Amazon Pay-Scripts
Fügen Sie das Amazon Pay-Checkout-Script in den HTML-Code Ihrer Website ein:
<script src="https://static-eu.payments-amazon.com/checkout.js"></script>
Schritt 2: Versteckten Amazon Pay-Button erstellen
Erstellen Sie ein verstecktes Div-Element für den Amazon Pay-Button und initialisieren Sie es mit den erforderlichen Konfigurationsparametern:
<div id="AmazonPayButton"></div>
<script type="text/javascript" charset="utf-8">
const amazonPayButton = amazon.Pay.renderButton('#AmazonPayButton', {
merchantId: 'IhrMerchantID',
publicKeyId: 'IhrPublicKeyID',
ledgerCurrency: 'EUR',
checkoutLanguage: 'de_DE',
productType: 'PayAndShip',
placement: 'Cart',
buttonColor: 'Gold',
});
// Verstecken des Amazon Pay-Buttons
document.getElementById('AmazonPayButton').hidden = true;
</script>
Schritt 3: Eigenen Button hinzufügen
Fügen Sie Ihren eigenen Button hinzu, falls noch nicht vorhanden:
<button onclick="startAmazonPayCheckout()">Mit Amazon Pay bezahlen</button>
Schritt 4: Checkout-Prozess starten
Definieren Sie die Funktion startAmazonPayCheckout für den Checkout-Prozess:
function startAmazonPayCheckout() {
amazonPayButton.initCheckout({
estimatedOrderAmount: { "amount": "109.99", "currencyCode": "EUR"},
createCheckoutSessionConfig: {
payloadJSON: 'IhrPayload',
signature: 'IhreSignatur'
}
});
}