Bitcoin Checkout Seite für BTCPay erstellen

This post is also available in: Englisch

Bitcoin Checkout Seite für den BTCPay Shop anpassen

team

BTCPay Shop einrichten und administrieren

In diesem Beitrag wird erklärt, wie Du die Bitcoin Checkout Seite beim BTCPay Server auf das individuelle Design des Shops anpassen kannst. Neben dem Design werden weitere Einstellungsmerkmale und Funktionen erklärt, die dem Kunden auf der Bitcoin Checkout Seite angezeigt werden können.

Bitcoin Checkout Seite für den BTCPay Shop anpassen

So erstellst Du eine individuelle Bitcoin Checkout Seite für Deinen BTCPay Shop. Die Bezahlseite im Design von Deinem Online Shop auf Basis des BTCPay Servers.

Standard BTCPay Checkout Seite

BTCPay Checkout Page

Individuelle BTCPay Checkout Seite

PaymentPage

Bei dem BTCPay Server kannst Du die Bezahlseite individuell gestalten und anpassen. Deine Kunden erhalte eine Bitcoin Checkout Seite angezeigt, welche sich im Design und CI des Online-Shops anpasst.

Die Bitcoin Checkout Seite setzt sich zusammen aus dem Logo und dem Design, welches als CSS File auf dem Server abgelegt wird.

Man kann das Logo und die CSS Datei entweder auf dem BTCPay Server ablegen oder als Pfad auf einen anderen Server verweisen.

Um die Bitcoin Checkout Seite zu gestalten, geht man in den Bereich Stores -> Manage Stores -> Ckeckout experience

Bitcoin Checkout Seite

Bitcoin Checkout Seite gestalten

 

Eigenes Logo hinterlegen

In das erste Feld „Link to a custom logo“ wird der Pfad angegeben, in dem das Logo auf einem anderen Server liegt. Nehme einfach die url zu Deinem Logo auf Deiner Homepage.

Wir haben zum Beispiel das Logo von Coincharge genommen, welches auf dem Server wie folgt gespeichert ist:

https://coincharge.io/wp-content/uploads/2020/01/coincharge_logo_300.png

Entsprechend wurde diese Url hinterlegt.

Eigene Farbwerte hinterlegen

In das zweite Feld „Link to a custom CSS stylesheet“ wird der Pfad eingetragen, wo das CSS Stylesheet abgelegt worden ist.

Dafür muss man erst einmal ein eigenes CSS Stylesheet erstellen. Idealerweise nimmt man eine bestehende Vorlage und passt die nach den eigenen Wünschen an.

Bei Coincharge wollen wir die beiden Farbwerte aus unserem Logo auch gerne auf der Checkoutpage verwenden. Die Farbe Orange ist der Farbwert #F7A600 und Blau ist #6193C9

Wir haben als Beispiel zwei Vorlagen erstellt:

Checkoutpage 1

Checkoutpage 1

Checkoutpage 1

 

https://demo.coincharge.io/LocalStorage/9d04d41c-fe4e-4f6b-8580-8d54318c56d4-checkoutpage1.css

Wenn Du auf den Link der CSS Datei klickst, dann bekommst Du den CSS File angezeigt. Kopiere Dir den Inhalt in eine Textdatei und ändere die Farbwerte #F7A600 (Orange) und #6193C9 (Blau) in die Farbwerte, welche in Deinem Logo sind.

Dann speichere die Datei als CSS Datei auf Deinem Internetserver und trage den Pfad in das Feld „Link to a custom CSS stylesheet“ ein.

Wenn Du einen eigenen BTCPay Server betreibst, dann kannst Du diese Datei auch über Server Settings > Files auch auf Deinem BTCPay Server anlegen.

BTCPay Server Settings Files

BTCPay Server Settings Files

Du kannst zu Testzwecken, die oben genannten Pfade von den Coincharge CSS File, bei Dir mal hinterlegen, damit Du siehst, wie es funktioniert.

HTML Title

In das Feld „Custom HTML title to display on Checkout page“ kann man festlegen, welcher Titel auf der Seite angezeigt werden soll. Das kann zum Beispiel der Name der Shopseite sein oder die Url.

In das Feld „Default payment method on checkout“ wird festgelegt, welche Bezahlmethode als Standard festgelegt wird. Bietet man seinen Kunden die Zahlung per Bitcoin und Lightning an und definiert Bitcoin als Standard, dann wird beim Aufrufen der Seite Bitcoin zuerst angezeigt. Der Nutzer kann bei Bedarf auf die andere Währung wechseln.

Entsprechend wird die Standardsprache bei „Default language on checkout“ festgelegt.

Das Feld „“ wird angehakt, wenn man die Eingabe einer Email Adresse erzwingen will. Dies macht Sinn, wenn es auf Grund des Geschäftsmodells zu Gutschriften kommen kann. Dann kann man über die diese Email-Adresse mit dem Kunden Kontakt aufnehmen, um die Bitcoin Adresse für Gutschriften (Refund) erfragen kann.

Möchte man einen Mindestbetrag festlegen, ab den erst eine Bitcoin Zahlung angeboten wird, so kann dieser Betrag in dem Feld „Do not propose on chain payment if the value of the invoice is below…“ festlegen. Zahlungen per Bitcoin erfolgen über die Blockchain und werden als On-Chain bezeichnet. Lightning Zahlungen werden kostengünstig über eine Sidechain abgewickelt und werden deshalb auch als Off-Chain Zahlungen bezeichnet. Da Lightning Zahlungen für Microzahlungen prädestiniert sind, würde bei Unterschreitung des festgelegten Grenzwertes nur Lightning Zahlungen möglich sein.

Entsprechend definiert man bei „Do not propose lightning payment if value of the invoice is above…“ eine Höchstgrenze, bis zu der Lightning Zahlungen möglich sind.

Wenn bei Zahlungen per Lightning der Rechnungsbetrag in Satoshi (der kleinsten Bitcoin Einheit) angezeigt werden, dann muss bei „Display lightning payment amounts in Satoshis“ ein Haken gesetzt werden.

Aktiviert man das Feld „Show recommended fee“, dann werden die Netzwerk Gebühren angezeigt, die empfohlen werden. Dann steht unten auf der Zahlseite für den Kunden zum Beispiel die Empfehlung „Recommended fee: 10 sat/byte“

Dies wäre dann die Gebühr, welche man zahlen müsste, um im nächsten Block dabei zu sein, wenn man bei „Recommended fee confirmation target blocks“ die 1 gesetzt hat.

Es empfiehlt sich die Checkout Seite auf das Design der eigenen Seite anzupassen. Wer keine Kenntnisse in der Erstellung eines CSS Stylesheets besitzt, kann aber problemlos das eigene Logo und den Text hinterlegen.

This post is also available in: Englisch