Checkout Design Guide

Um sicherzustellen, dass Kunden die angebotenen Zahlungsmethoden verstehen und eine konsistente Erfahrung mit Billie über mehrere Plattformen hinweg haben, haben wir diese umfassende Schritt-für-Schritt-Anleitung erstellt, wie Sie Billie auf Ihrer Checkout-Seite darstellen können.

Unten finden Sie unser Billie Payment Logo zur Einbindung im Checkout-Prozess sowie die korrekten Beschriftungen für Zahlungsbeschreibung, zusätzliche Zwischenüberschrift und zusätzliche Zahlungsinformationen.

Schritt 1: Die richtigen Labels für die Zahlungsinformationen wählen

Beginnen wir mit der Auswahl der richtigen Labels, welche Sie aus der untenstehenden Tabelle kopieren können. Sie können dabei zwischen zwei Varianten wählen:

Zahlungsbeschreibung + Zwischenüberschrift + kurze Zahlungsinformation
Zahlungsbeschreibung + keine Zwischenüberschrift + lange Zahlungsinformation

🟦
Bitte beachten Sie, dass Sie Variante 2 nur verwenden können, sollten Sie Billie über Ihre bestehende Klarna-Integration implementiert haben. Sollten Sie sich für Variante 2 entscheiden, denken Sie bitte daran, das Zahlungsziel bei der zusätzlichen Zahlungsinformation entsprechend der vereinbarten Konditionen anzupassen.

Variante 1 (Standard)

Zahlungsbeschreibung (DE)	Zusätzliche Zwischenüberschrift (DE)	Zusätzliche Zahlungsinformationen (DE)
Rechnungskauf	Jetzt kaufen, später bezahlen.	- Erst nach Erhalt der Ware bezahlen. - Rechnungen können Sie im Billie Käuferportal verwalten.

Zahlungsbeschreibung (DE)	Zusätzliche Zwischenüberschrift (DE)	Zusätzliche Zahlungsinformationen (DE)
Pay by invoice	Buy Now, Pay Later	- Pay after delivery. - You can manage your invoices in the Billie Buyer Portal.

Variante 2 (Paywall Option nur für Billie über Klarna)

Zahlungsbeschreibung (DE)	Zusätzliche Zahlungsinformationen (DE)
Rechnungskauf	Erst kaufen, dann bezahlen. Beim Kauf auf Rechnung übernimmt die Billie GmbH gemeinsam mit der Klarna Bank (publ) die Zahlungsabwicklung. Nach Erhalt der Zahlungsinformationen haben Sie XX Tage Zeit, Ihre Rechnung an Billie zu bezahlen. Die Zahlungsinformationen erhalten Sie per E-Mail von Billie.

Payment Descriptor (EN)	Additional Payment Information (EN)
Pay by invoice	Buy now, pay later. When paying by invoice, Billie GmbH takes over payment processing in collaboration with Klarna Bank (publ). After receiving the payment information, you have XX days to pay your Billie invoice. You will receive the payment information via email from Billie.

Schritt 2: Integrieren Sie das Billie Payment Logo

Mit den folgenden Links können Sie das Billie Payment Logo einbinden:

SVG

https://static.billie.io/badges/Billie_Checkout_Default.svg

PNG

https://static.billie.io/badges/Billie_Checkout_Default.png

Nach Möglichkeit sollte immer unser dunkles Billie Payment Logo verwendet werden, so wie oben zu sehen. Es sollte immer neben der Zahlungsbeschreibung angezeigt werden und niemals mit anderen Inhalten wie Text oder Navigationselementen überschneiden oder diese überdecken.

Die Standardgröße für die Einbindung des Billie Payment Logos sollte die folgenden Spezifikationen erfüllen:

60px height x 30px width bei 1:1 pixel density (oder @1x)

Die Mindestgröße sollte die folgenden Spezifikationen erfüllen:

48px height x 24px width bei 1:1 pixel density (oder @1x)

Falls Ihr Checkout dunkel ist und daher nicht genug Kontrast für unser Standard Billie Payment Logo bietet, ist eine Variante mit weißem Hintergrund verfügbar.

Dieses steht unter den folgenden Links bereit:

SVG

https://static.billie.io/badges/Billie_Checkout_White.svg

PNG

https://static.billie.io/badges/Billie_Checkout_White.png

Sollten Sie Unterstützung bei der Integration benötigen, zögern Sie nicht uns zu kontaktieren.

Schritt 3: Überprüfen Sie das Ergebnis

Bitte stellen Sie sicher, dass alle Elemente ordnungsgemäß eingebunden wurden. Sie können sich an der Übersicht unserer „Do’s” und „Don’ts” orientieren, um sich zu vergewissern.

Do's

Don'ts