{"id":3370,"date":"2021-07-13T18:46:03","date_gmt":"2021-07-13T16:46:03","guid":{"rendered":"https:\/\/coincharge.os24.work\/create-bitcoin-checkout-page-for-btcpay\/"},"modified":"2022-11-28T11:37:49","modified_gmt":"2022-11-28T10:37:49","slug":"bitcoin-checkout-page","status":"publish","type":"post","link":"https:\/\/coincharge.io\/en\/bitcoin-checkout-page\/","title":{"rendered":"Create Bitcoin checkout page for BTCPay"},"content":{"rendered":"
[vc_row][vc_column][vc_row_inner][vc_column_inner width=”1\/2″][vc_column_text]\n
\n
\n
\n
\n
\n
\n

Create custom Bitcoin checkout page for BTCPay<\/h2>\n

How to create a custom Bitcoin checkout page for the BTCPay server. With your logo, your colors and in your individual design.<\/p>\n

Set up and administer BTCPay Shop In addition to the design, it explains other setting features and functions that can be displayed to the customer on the Bitcoin Checkout page.<\/p>\n<\/div>\n<\/div>\n<\/div>\n<\/div>\n<\/div>\n<\/div>\n[\/vc_column_text][\/vc_column_inner][vc_column_inner width=”1\/2″][vc_single_image image=”15141″ img_size=”full” alignment=”center”][\/vc_column_inner][\/vc_row_inner][\/vc_column][\/vc_row][vc_row][vc_column][vc_row_inner][vc_column_inner][vc_column_text]\n

\n
\n
\n
\n
\n
\n
\n
\n
\n
\n
\n
\n

Customize Bitcoin Checkout Page for BTCPay Shop<\/h2>\n

How to create a custom Bitcoin checkout page for your BTCPay store. The payment page in the design of your online store based on the BTCPay server.<\/p>\n

Since BTCPay Server version 1.7 there is a new possibility to customize the payment page (Checkout Page). The payment page is the page that is displayed to the payer when the order is placed.<\/p>\n

You can store your own logo and set your own colors. All the customer sees otherwise is a QR code for payment. A QR code used for both Lightning payments and Bitcoin payments. The customer no longer has to make a selection. Simply open your Bitcoin or Lightning wallet, scan the QR code and make the payment.<\/p>\n<\/div>\n<\/div>\n<\/div>\n<\/div>\n<\/div>\n<\/div>\n<\/div>\n<\/div>\n<\/div>\n<\/div>\n<\/div>\n<\/div>\n[\/vc_column_text][\/vc_column_inner][\/vc_row_inner][\/vc_column][\/vc_row][vc_row][vc_column][vc_column_text]\n

YouTube video: Creating a BTCPay payment page (english subtitle)<\/h2>\n

On the German YouTube channel of Coincharge there is a video in the BTCPay playlist with the title: “Erstelle Deine individuelle Payment Page \/ Checkout Page f\u00fcr den BTCPay Server<\/a>“.[\/vc_column_text][vc_video link=”https:\/\/youtu.be\/vObIHbFShYE” align=”center” title=”Create your individual payment page for the BTCPay server”][\/vc_column][\/vc_row][vc_row][vc_column width=”1\/2″][vc_column_text]Until now, the BTCPay payment page looked by default like the picture on the right. With the BTCPay logo, in green and the payer had to choose whether to pay with Bitcoin or Lightning.<\/p>\n

In addition, a variety of other information was displayed that was rather confusing to the payer.<\/p>\n

The new design is sleek and simple and focuses on pure Bitcoin or Lightning payments.[\/vc_column_text][\/vc_column][vc_column width=”1\/2″][vc_single_image image=”15152″ img_size=”full” alignment=”center”][\/vc_column][\/vc_row][vc_row][vc_column][vc_column_text]\n

Store Settings => Checkout Appearance<\/h2>\n

To customize the BTCPay payment page, log in to your BTCPay store and go to the Settings<\/strong> section.<\/p>\n

The corresponding store settings are displayed here. We will first go to the Checkout Appearance<\/strong> section.[\/vc_column_text][\/vc_column][\/vc_row][vc_row][vc_column][vc_column_text]In the Checkout Appearance section there is a Checkout section.<\/p>\n

Here the menu item “Use the new checkout” is activated. In the future versions of BTCPay Server, this option will be enabled by default.[\/vc_column_text][vc_single_image image=”15156″ img_size=”full” alignment=”center” onclick=”link_image”][vc_column_text]Additionally, make sure that the “Unify on-chain and lightning payment URL\/QR code” option is also enabled. This option ensures that the previously separate QR codes for Lightning payments and Bitcoin payments are now displayed in one common QR code.<\/p>\n

It then doesn’t matter whether the payer uses a Lightning Wallet or a Bitcoin Wallet to make the payment. The QR code recognizes both payment methods and can accept the payment.<\/p>\n

In the field “Custom HTML title” you can enter what will be displayed to the customer as the store name.[\/vc_column_text][\/vc_column][\/vc_row][vc_row][vc_column][vc_column_text]\n

Store Settings => General<\/h2>\n

After that, we switch to the General section within the Store Settings.<\/p>\n

In the General section there is the Branding section.[\/vc_column_text][vc_single_image image=”15154″ img_size=”full” alignment=”center” onclick=”link_image”][vc_column_text]Here you can select your own logo, which will then be displayed in the payment page. Just click Select File and choose the file on your own computer. It is recommended to use a square logo. The logo is displayed centered on the BTCPay payment page.<\/p>\n

In the Brand Color area, you can define your own color.[\/vc_column_text][\/vc_column][\/vc_row][vc_row][vc_column width=”1\/2″][vc_column_text]Now just make a test order in one store to check if all settings have been applied correctly.<\/p>\n

Those who want to see how the modified payment page looks in practice can place a test order in the Coincharge Supporter Store at: https:\/\/store.coincharge.io\/<\/a>.[\/vc_column_text][\/vc_column][vc_column width=”1\/2″][vc_single_image image=”15161″ img_size=”full” alignment=”center” onclick=”link_image”][\/vc_column][\/vc_row][vc_row][vc_column][vc_column_text]\n

Coincharge products and services<\/a><\/h1>\n[\/vc_column_text]
\n\n
\n\n\t\n\t\n\t
\n\n\t\t\"BTCPay\t\t\t\t<\/span>\t\t\t\t\t<\/a>Select options<\/a>\n\tThis product has multiple variants. The options may be chosen on the product page<\/span>\n\n\t\t\t\t\t<\/div>\n\t<\/a>\n\n\t
\n
\n\n
\n

BTCPay Server Install and Setup<\/h3><\/a>\n
Product<\/a><\/span><\/div>\n <\/div>\n <\/div>\n \n
\n <\/a>

249,00 €<\/span><\/bdi><\/span> –<\/span> 299,00 €<\/span><\/bdi><\/span>Price range: 249,00 € through 299,00 €<\/span><\/p>\n\t\t

Plus 19% VAT<\/div>\n\t\t <\/div>\n\n <\/div>\n<\/div>\n\n\n
\n\n\t\n\t\n\t
\n\n\t\t\"Coincharge\t\t\t\t<\/span>\t\t\t\t\t<\/a>Select options<\/a>\n\tThis product has multiple variants. The options may be chosen on the product page<\/span>\n\n\t\t\t\t\t<\/div>\n\t<\/a>\n\n\t
\n
\n\n
\n

Coincharge BTCPay Store Setup and Installation<\/h3><\/a>\n
Product<\/a><\/span><\/div>\n <\/div>\n <\/div>\n \n
\n <\/a>

249,00 €<\/span><\/bdi><\/span> –<\/span> 449,00 €<\/span><\/bdi><\/span>Price range: 249,00 € through 449,00 €<\/span><\/p>\n\t\t

Plus 19% VAT<\/div>\n\t\t <\/div>\n\n <\/div>\n<\/div>\n\n\n
\n\n\t\n\t\n\t
\n\n\t\t\"Bitcoin\t\t\t\t<\/span>\t\t\t\t\t<\/a>Make an appointment<\/a>\n\t<\/span>\n\n\t\t\t\t\t<\/div>\n\t<\/a>\n\n\t
\n
\n\n
\n

Consultation meeting<\/h3><\/a>\n
Product<\/a><\/span><\/div>\n <\/div>\n <\/div>\n \n
\n <\/a>

0,00 €<\/span><\/bdi><\/span><\/p>\n\t\t

Plus 19% VAT<\/div>\n\t\t <\/div>\n\n <\/div>\n<\/div>\n\n<\/div><\/div>[\/vc_column][\/vc_row]\n<\/div>","protected":false},"excerpt":{"rendered":"

[vc_row][vc_column][vc_row_inner][vc_column_inner width=”1\/2″][vc_column_text] Create custom Bitcoin checkout page for BTCPay How to create a custom Bitcoin checkout page for the BTCPay […]<\/p>\n","protected":false},"author":1,"featured_media":15141,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"content-type":"","footnotes":""},"categories":[52],"tags":[50,155,153,154],"class_list":["post-3370","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-btcpay-en","tag-btcpay-en","tag-checkout-page-en","tag-payment-page-en","tag-payment-page-en-2"],"_links":{"self":[{"href":"https:\/\/coincharge.io\/en\/wp-json\/wp\/v2\/posts\/3370","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/coincharge.io\/en\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/coincharge.io\/en\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/coincharge.io\/en\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/coincharge.io\/en\/wp-json\/wp\/v2\/comments?post=3370"}],"version-history":[{"count":35,"href":"https:\/\/coincharge.io\/en\/wp-json\/wp\/v2\/posts\/3370\/revisions"}],"predecessor-version":[{"id":15167,"href":"https:\/\/coincharge.io\/en\/wp-json\/wp\/v2\/posts\/3370\/revisions\/15167"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/coincharge.io\/en\/wp-json\/wp\/v2\/media\/15141"}],"wp:attachment":[{"href":"https:\/\/coincharge.io\/en\/wp-json\/wp\/v2\/media?parent=3370"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/coincharge.io\/en\/wp-json\/wp\/v2\/categories?post=3370"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/coincharge.io\/en\/wp-json\/wp\/v2\/tags?post=3370"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}