Wurde auf dem BTCPay Server ein BTCPay Store erstellt, findet man in der linken Menüleiste den Menüpunkt Pay Button.

Mit der Pay Button Funktion lassen sich unterschiedlichsten Anwendungen erstellen. Wir wollen einen  Überblick der verschiedenen Anwendungsmöglichkeiten vermitteln, damit diese Anwendungen nachgebaut und auf die individuellen Anforderungen angepasst werden können.

Im wesentlichen lassen sich zwei Anwendungsszenarien abbilden. Die eine Anwendung ist ein Bitcoin Payment Button für den Verkauf von einzelnen Produkten. Die zweite Anwendung ist ein Bitcoin Donation Button, um Spenden auf seiner Internetseite annehmen zu können.

Der Pay Button eignet sich auch zum Testen und Ausprobieren eines BTCPay Store. Zum Beispiel um eine Testbestellung durchzuführen und zu sehen, wie die Payment Page aussieht, ob die Zahlmethoden einwandfrei funktionieren und die Zahlungseingänge korrekt auf der jeweiligen Wallet gutgeschrieben werden.

Wenn man den Menüpunkt Pay Button aufruft, bekommt man ein Warnhinweis angezeigt.

Es wird darauf hingewiesen, dass man den Pay Button immer alleine betreiben sollte. Wenn Du auf Deiner Internetseite einen Onlineshop betreibst und zusätzlich ein Bitcoin Donation Button einbinden möchtest, dann erstelle besser zwei verschiedene BTCPay Store und verwende für jede Anwendung einen separaten BTCPay Store.

Empfehlung: Erstelle für die folgenden Anwendungen jeweils einen separaten BTCPay Store.

Bevor wir uns mit den einzelnen Abschnitten beschäftigen, möchten wir zuerst den Blick auf den letzten Abschnitte Generated Code lenken. Alle Einstellungen, die jetzt vorgenommen werden, werden direkt als HTML Code umgesetzt. Dieser HTML Code kann kopiert und 1:1 in jede Internetseite integriert werden.

Die Pay Button Seite ist dafür gedacht, um Payment Button und Donation Button zu entwerfen und den entsprechenden HTML Code als Ergebnis zu erhalten. Die vorgenommen Einstellungen werden auch nicht gespeichert, sondern werden bei der Erstellung eines weiteren Button überschrieben. Es handelt sich eher um einen Payment Button Generator.

Es empfiehlt sich mit den Einstellungen etwas herumzuexperimentieren und den jeweils generierten HTML Code in eine leere Internetseite zu kopieren und sich dann das jeweilige Ergebnis anzuschauen.

In dem Bereich Display Options lassen sich die Einstellungen für die Optik der Button ändern.

Die erste Einstellungsoption mit Use Modal betrifft nicht das Aussehen des Button, sondern die Darstellung der Zahlseite. Mit Use Modal wird die Zahlseite nicht als eine eigenständige Seite geöffnet, sondern wirkt so, als würde ich Zahlseite über die vorherige Seite schweben.

Mit Customize Pay Button Text kann der Text innerhalb des Pay Button angepasst werden. Dabei verschwindet auch das BTCPay Logo. Eine Ansicht wie der Button aussieht, wird im Preview Fenster angezeigt.

Neben dem Pay Button Text kann auch ein eigens Logo hinterlegt werden.

In dem Feld Pay Button Image Url trägt man den Link auf das Bild ein, welches anstelle des BTCPay Logos angezeigt werden soll.

Wir haben in unserem Beispiel das Bitcoin Logo verwendet. Ebenso kann im Bereich Image Size die Größe des entsprechenden Button modifiziert werden.

Der Bitcoin Payment Button sieht dann wie folgt aus:

Wenn wir den Button Type Custom Amount auswählen, erhalten wir die Möglichkeit einen Betragsspanne festzulegen. Der Basisbetrag von €10,- hatten wir unter General Settings festgelegt. jetzt kann der Kunde den Betrag in Ein-Euro-Schritten nach oben oder unten verändern.

Soll statt der Plus und Minus Button eine freie Betragseingabe ermöglicht werden, so aktiviere „Usa a simple input style“. Soll der Bitcoin Donation Button und die Betragseingabe nicht übereinander, sondern nebeneinander angeordnet werden, dann aktiviere „Fit Button inline“

Unter Generated Code finden wir den HTMl Code für unsere Webseite. Das Ergebnis unserer Einstellungen sieht dann so aus:

In dem Bereich Payment Notification kann man Einstellungen vornehmen, wenn man über eine Zahlung informiert werden will.

Bei Server IPN kann eine URL hinterlegt werden, an welche die Daten gesendet werden sollen.

Bei Email Notification eine Email Adresse, an die eine Nachricht gesendet wird, wenn es eine Zahlung gab.

Bei Browser redirect kann eine Seite hinterlegt werden, die dem Zahler nach der erfolgreichen Zahlung angezeigt wird.