Design Requirements

Payment Selection

When select the payment method in the checkout process, Barzahlen must be displayed as follows. Under the explanation text, the logos of retail partners are indicated


After completing your order you get a payment slip from Barzahlen that you can easily print out or have it sent via SMS to your mobile phone. With the help of that payment slip you can pay your online purchase at one of our retail partners (e.g. supermarket).

Pay at:   Barzahlen_partner_01 Barzahlen_partner_02 Barzahlen_partner_03 Barzahlen_partner_04 Barzahlen_partner_05 Barzahlen_partner_06 Barzahlen_partner_07 Barzahlen_partner_08 Barzahlen_partner_09 Barzahlen_partner_10

The logos must be loaded directly from Barzahlen so always all current Barzahlen partner stores can be displayed. There are several logo slots that are filled by and with new partner logos. Empty slots simply return a blank image. Will there be a new retail partner, Barzahlen updates one available slot and the logo can be seen directly in the payment selection. You have nothing to worry about. The following code example illustrates it:

<input type="radio" id="payment_barzahlen" name="paymentselection">
<label for="payment_barzahlen">
  <img style="height: 3em; vertical-align: -1em;" src="https://cdn.barzahlen.de/images/barzahlen_logo.png" alt="Barzahlen">
</label>
<img style="float: right; margin-left: 10px; max-width: 180px; max-height: 180px;" src="https://cdn.barzahlen.de/images/barzahlen_special.png">
After completing your order you get a payment slip from Barzahlen that you can easily print out or have it sent via SMS to your mobile phone. With the help of that payment slip you can pay your online purchase at one of our retail partners (e.g. supermarket).<br/><br/>
<strong>Pay at:</strong>
 
<img src="https://cdn.barzahlen.de/images/barzahlen_partner_01.png" style="height: 1em; vertical-align: -0.1em;">
<img src="https://cdn.barzahlen.de/images/barzahlen_partner_02.png" style="height: 1em; vertical-align: -0.1em;">
<img src="https://cdn.barzahlen.de/images/barzahlen_partner_03.png" style="height: 1em; vertical-align: -0.1em;">
<img src="https://cdn.barzahlen.de/images/barzahlen_partner_04.png" style="height: 1em; vertical-align: -0.1em;">
<img src="https://cdn.barzahlen.de/images/barzahlen_partner_05.png" style="height: 1em; vertical-align: -0.1em;">
<img src="https://cdn.barzahlen.de/images/barzahlen_partner_06.png" style="height: 1em; vertical-align: -0.1em;">
<img src="https://cdn.barzahlen.de/images/barzahlen_partner_07.png" style="height: 1em; vertical-align: -0.1em;">
<img src="https://cdn.barzahlen.de/images/barzahlen_partner_08.png" style="height: 1em; vertical-align: -0.1em;">
<img src="https://cdn.barzahlen.de/images/barzahlen_partner_09.png" style="height: 1em; vertical-align: -0.1em;">
<img src="https://cdn.barzahlen.de/images/barzahlen_partner_10.png" style="height: 1em; vertical-align: -0.1em;">

Order confirmation page

The order confirmation page, which is shown to the customer after the order completion, is displayed on the following image. The necessary source code is send by Barzahlen directly during transaction creation. The code only after to be displayed.

Logos, Banner und Explanation texts

Tell your customers on the start page that you offer Barzahlen. For example, select the Barzahlen logo with TÜV sign from our download area and thus emphasize the quality and security of your store and strengthen the confidence of your customers! Even with banners on your home page, you can make customers aware of the payment method Barzahlen and thus increase your conversion.

Many customers want to first find out about the payment methods you offer. To do this, use one of our ready-made description texts in which Barzahlen is explained simply and professionally.

Download area - Explanation texts