Nachrichten von Afterpay/Clearpay anzeigenVeraltet

Weisen Sie Ihre Kundinnen und Kunden darauf hin, dass Sie Zahlungen mit Afterpay (Vereinigtes Königreich: Clearpay) akzeptieren.

Vorsicht

Der Inhalt dieses Themas bezieht sich auf eine Legacy-Funktion. Wir empfehlen Ihnen, das Payment Method Messaging Element zu verwenden, um Ihren Kunden und Kundinnen relevante Zahlungsoptionen des Typs „Jetzt kaufen, später bezahlen“ für bestimmte Käufe dynamisch anzuzeigen. Stripe hält die Kontinuität für das Element afterpayClearpayMessage aufrecht, hat aber die Entwicklung neuer Funktionen eingestellt.

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

The Making of Prince of Persia: Journals 1985-1993

Jordan Mechner

$30

Aufnahme des Elements

Nutzen Sie Stripe Elements, um das afterpayClearpayMessage-Element auf Ihrer Seite anzuzeigen.

Falls Sie dies nicht bereits getan haben, binden Sie das Stripe.js-Skript in Ihre Seite ein, indem Sie es in den head Ihrer HTML-Datei einfügen:

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

Erstellen Sie ein Platzhalterelement auf Ihrer Seite an der Stelle, mit der das Benachrichtigungselement verbunden werden soll:

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

Fügen Sie den folgenden Programmiercode in Ihre Produkt-, Warenkorb- und Zahlungsseiten ein, um eine Stripe.js-Instanz zu erstellen und das Benachrichtigungselement zu verbinden:

// 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:

black-on-mint	black-on-white	mint-on-black	white-on-black

Lockup-Logo

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

black	white	mint

Notiz

Das Clearpay-Branding wird je nach locale-Option automatisch angezeigt. Weitere Informationen finden Sie unter Gebietsschema und Währung.

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:

CSS

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

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

CSS

.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:

isEligible: false
isCartEligible: false

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.

(default)
showLowerLimit: false
showUpperLimit: false

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.

Legen Sie das Gebietsschema Ihrer Benachrichtigung fest, indem Sie locale an den options-Parameter der Elementgruppe übergeben, mit der Sie das afterpayClearpayMessage-Element erstellt haben. Anschließend können Sie Ihre currency festlegen, indem Sie diese direkt an die element.create-Optionen übergeben.

JavaScript

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');