Nachrichten von Affirm anzeigenVeraltet

Steigern Sie die Konversion, indem Sie Kund/innen vor dem Bezahlvorgang darüber informieren, dass Sie Affirm anbieten.

Vorsicht

Der Inhalt dieses Themas bezieht sich auf eine Legacy-Funktion. Wir empfehlen Ihnen, das Payment Method Messaging Element zu verwenden, um Ihren Kundinnen/Kunden relevante Zahlungsoptionen vom Typ „Jetzt kaufen, später bezahlen“ für einen bestimmten Kauf dynamisch anzuzeigen. Stripe hält die Kontinuität für das Element affirmMessage aufrecht, hat aber die Entwicklung neuer Funktionen eingestellt.

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

Berechnung und Anzeige von Ratenbeträgen
Anzeige des Affirm-Informationsmodals

The Making of Prince of Persia: Journals 1985-1993

Jordan Mechner

$50

Aufnahme des Elements

Vorsicht

Der Mindesttransaktionsbetrag von Affirm ist 50 USD oder 50 CAD. Die Werbebotschaft wird nicht gerendert, wenn der Betragsparameter auf eine Zahl unter 50 USD oder 50 CAD festgelegt ist.

Nutzen Sie Stripe Elements, um das affirmMessage-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="affirm-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: 5000, // $50.00 USD
  currency: 'USD'
};

const affirmMessageElement =
  elements.create('affirmMessage', options);

affirmMessageElement.mount('#affirm-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.

Logo-Farbe

Verwenden Sie die Option logoColor, um zwischen den folgenden Stilen zu wählen:

primary	black	white

CSS-Designs

Durch weitere Konfigurationsoptionen können Sie CSS verwenden, um die Benachrichtigung an Ihr Website-Design anzupassen. Dabei können Sie fontColor, fontSize und textAlign der Nachricht anpassen:

Code Example

const options = {
  amount: 5000,
  currency: 'USD',
  fontColor: '#5B63FF',
  logoColor: 'black',
  fontSize: '16px',
  textAlign: 'center',
};

const affirmMessageElement = elements.create('affirmMessage', options);