Partner Checkout Design Guide (for advanced setup)
In order to ensure customers understand the payment methods offered and have a consistent experience with Billie across multiple platforms, we have created this comprehensive step-by-step guide on how to display Billie on your checkout page.
This Checkout Design covers all steps and options which can be adjusted for a rather manual setup of Billie in the checkout. For any standard integration way, this instruction manual can be neglected.
Table of Contents
Checkout Design via Klarna & Adyen
Below you will find our Billie Badges, as well as the correct labels for Payment Descriptor, Additional Subheading, and Additional Payment Information.
Step 1: Add the correct labels
Let's start with selecting the correct labels, which you can copy from the table below. You can choose between the two variants listed below:
- Payment Descriptor + Subheading + short Payment Information
- Payment Descriptor + NO Subheading + long Payment Information
The second variant should only be used if you have integrated Billie using your Klarna integration.
When choosing variant 2, please don’t forget to exchange the payment duration inside the Additional Payment Information according to the agreed conditions.
Variant 1 (default)
| Payment Descriptor (DE) | Additional Subheading (DE) | Additional Payment Information (DE) |
|---|---|---|
| Rechnungskauf | Jetzt kaufen, später bezahlen. | - Erst nach Erhalt der Ware bezahlen. - Rechnungen können Sie im Billie Käuferportal verwalten. |
| Payment Descriptor (EN) | Additional Subheading (EN) | Additional Payment Information (EN) |
|---|---|---|
| Pay by invoice | Buy Now, Pay Later | - Pay after delivery. - You can manage your invoices in the Billie Buyer Portal. |
| Payment Descriptor (SE) | Additional Subheading (SE) | Additional Payment Information (SE) |
|---|---|---|
| Få först. Betala sen. | Beställ nu, betala om 30 dagar | - Billie tar inte ut några avgifter - Ingen registrering krävs - Säkra B2B-betalningar med BankID |
| Payment Descriptor (NL) | Additional Subheading (NL) | Additional Payment Information (NL) |
|---|---|---|
| Zakelijk op rekening kopen - Billie | Betaal 30 dagen na levering | - De populairste B2B-betaalmethode in Europa, vertrouwd door Klarna - Onze dienst is gratis en vereist geen aanmelding - Beheer uw facturen en betalingen probleemloos met Billie’s Buyer Portal |
| Payment Descriptor (FR) | Additional Subheading (FR) | Additional Payment Information (FR) |
|---|---|---|
| Paiement sur Facture | Payer sous 30 jours | - Pas de création de compte nécessaire - Paiement après livraison - Disponible pour les clients professionnels et entreprises |
Variant 2 (Paywall option only for Billie via Klarna)
| Payment Descriptor (DE) | Additional Payment Information (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. |
Step 2: Integrate the Billie Checkout Badge
Refer to the following links to implement the Billie Checkout Badge:
SVG
https://static.billie.io/badges/Billie_Checkout_Default.svg
PNG
https://static.billie.io/badges/Billie_Checkout_Default.png
Our preferred integration features our Billie black badge as seen above. It should always be displayed alongside the Payment Descriptor and should never overlap with other content, such as text or other elements.
The standard size for implementation is 60px height x 30px width at a 1:1 pixel density (or @1x). The minimum size is 48px height x 24px width at a 1:1 pixel density.
If your checkout has a dark background and does not offer visibility against our standard badge, a white badge is also available.
Refer to the following links to implement the white Billie Badge:
SVG
https://static.billie.io/badges/Billie_Checkout_White.svg
PNG
https://static.billie.io/badges/Billie_Checkout_White.png
If you need support on integration best practices, please feel free to contact us.
Checkout Design via Mollie
Below you will find our Billie Badge, as well as the correct labels for Payment Descriptor, Additional Subheading, and Additional Payment Information.
Step 1: Add the correct labels
Let's start with selecting the correct labels, which you can copy from the table below:
| Payment Descriptor (DE) | Additional Subheading (DE) | Additional Payment Information (DE) |
|---|---|---|
| Rechnungskauf für Firmenkunden - Billie | In 30 Tagen zahlen mit Billie | - Keine Registrierung erforderlich - Erst nach Erhalt der Ware bezahlen - Verfügbar für Geschäftskunden |
| Payment Descriptor (EN) | Additional Subheading (EN) | Additional Payment Information (EN) |
|---|---|---|
| Pay by Invoice for Businesses - Billie | Pay in 30 Days with Billie | - No registration needed - Pay after delivery - Available for business customer |
| Payment Descriptor (SE) | Additional Subheading (SE) | Additional Payment Information (SE) |
|---|---|---|
| Få först. Betala sen. - Billie | Beställ nu, betala om 30 dagar | - Billie tar inte ut några avgifter - Ingen registrering krävs - Säkra B2B-betalningar med BankID |
| Payment Descriptor (NL) | Additional Subheading (NL) | Additional Payment Information (NL) |
|---|---|---|
| Zakelijk op rekening kopen - Billie | Betaal 30 dagen na levering | - De populairste B2B-betaalmethode in Europa, vertrouwd door Klarna - Onze dienst is gratis en vereist geen aanmelding - Beheer uw facturen en betalingen probleemloos met Billie’s Buyer Portal |
| Payment Descriptor (FR) | Additional Subheading (FR) | Additional Payment Information (NL) |
|---|---|---|
| Paiement sur Facture - Billie | Payer sous 30 jours avec Billie | - Pas de création de compte nécessaire - Paiement après livraison - Disponible pour les clients professionnels et entreprises |
Make sure to include:
- Available for business customers
- 30 days payment terms
- "Billie" in the description
Step 2: Integrate the Billie Checkout Badge
Please make sure that the Billie badge is displayed correctly in your checkout. If needed you can download the Billie Badge for Mollie integrations via the following links:
Updated about 1 month ago