Nachrichten von Afterpay/Clearpay anzeigenVeraltet

Weisen Sie Ihre Kundinnen/Kunden darauf hin, dass Sie Zahlungen mit Afterpay akzeptieren, indem Sie ein Afterpay-Benachrichtigungselement auf Ihrer Seite anzeigen. Wir empfehlen, das Benachrichtigungselement in Ihre Produkt-, Warenkorb- und Zahlungsseiten aufzunehmen. Das afterpayClearpayMessage-Element übernimmt die folgenden Funktionen:

• Berechnung und Anzeige von Ratenbeträgen
• Anzeige des Afterpay-Informationsmodals
• Lokalisierung von Text und Währungen

Aufnahme des Elements

<script src="https://js.stripe.com/clover/stripe.js"></script>

<div id="afterpay-clearpay-message"></div>

// Set your publishable key. Remember to change this to your live publishable key in production!
// See your keys here: https://dashboard.stripe.com/apikeys
const stripe = Stripe(
'pk_test_TYooMQauvdEDq54NiTphI7jx');

const elements = stripe.elements();

const options = {
  amount: 1000, // $10.00 USD
  currency: 'USD'
};

const afterpayClearpayMessageElement =
  elements.create('afterpayClearpayMessage', options);

afterpayClearpayMessageElement.mount('#afterpay-clearpay-message');

Nachrichteninhalt anpassen

Es gibt zahlreiche Möglichkeiten, das Erscheinungsbild und den Inhalt des Benachrichtigungselements anzupassen. In unserer API-Dokumentation finden Sie eine Liste aller verfügbaren Optionen.

Badge-Logo

Stellen Sie logoType auf 'badge' und verwenden Sie die Option badgeTheme, um eine der folgenden Varianten auszuwählen:

Lockup-Logo

Stellen Sie logoType auf 'lockup' und verwenden Sie die Option lockupTheme, um eine der folgenden Varianten auszuwählen:

CSS-Designs

Neben den Konfigurationsmöglichkeiten können Sie CSS verwenden, um die Benachrichtigung an Ihr Website-Design anzupassen. Dabei können Sie font-family, font-size und color einstellen:

.AfterpayMessage {
  font-family: monospace;
  font-size: 14px;
  color: blue;
}

Die Größe des Logos können Sie über width und height festlegen:

.AfterpayMessage-logoSvg {
  width: 80px;
  height: auto;
}

Umgang mit unzulässigen Artikeln

Afterpay ist nicht für bestimmte unzulässige Unternehmenskategorien geeignet. Falls Sie Artikel aus diesen Kategorien verkaufen, können Sie das Benachrichtigungselement anzeigen, um darauf hinzuweisen, dass Afterpay nicht verfügbar ist.

Verwenden Sie die Optionen isEligible oder isCartEligible, um darauf hinzuweisen, dass das aktuelle Produkt bzw. der Warenkorb nicht zulässig ist:

Bei Afterpay gelten für jedes Land außerdem standardmäßige Transaktionslimits. Überschreitet der angegebene amount diesen Schwellenwert, zeigt das Element automatisch eine Nachricht an, in der auf den unzulässigen Betrag hingewiesen wird. Den Nachrichteninhalt können Sie durch Ausblenden der Ober- oder Untergrenze per showLowerLimit bzw. showUpperLimit anpassen.

Gebietsschema und Währung

Afterpay und Clearpay unterstützen die folgenden Länder und Währungen:

Unterstützte Gebietsschemas: en-US, en-CA, en-AU, en-NZ, en-GB

Unterstützte Währungen: USD, CAD, AUD, NZD, GBP

Die Mitteilungen von Afterpay geben immer die angemessene Anzahl von Raten an, die ein/e Nutzer/in basierend auf seinem/ihrem Standort und Land bezahlen kann. Weitere Informationen finden Sie unter Zahlungseinzug.

const elements = stripe.elements({
  locale: 'en-GB'
});

const options = {
  amount: 1000, // £10.00
  currency: 'GBP'
};

const afterpayClearpayMessageElement =
  elements.create('afterpayClearpayMessage', options);

afterpayClearpayMessageElement.mount('#afterpay-clearpay-message');