Select Page

Selling tickets for a small event or donation

Are you organising a small concert, exhibition or other social event? Do you want to offer tickets online in the simplest possible way, but current ticketing systems are too “sophisticated” and therefore expensive?

Try Hydra.
After registering at https://management.hydranode.net you create a “Store” for your event and set its parameters according to your preferences. At the moment, the important thing for us is the so-called BTCPAY ID (storeID).

I have a BTCPAY ID what next?
With the help of the simple pieces of code below, which is easy to customize to your parameters, and you can insert it into your online invitation or trailer, you will allow any person interested in your event to quickly purchase a ticket with two clicks in their electronic wallet.

You only need to change the storeID of your store and, of course, set the correct price and currency of your ticket.

Another simple way to give your clients an easy method of payment is to use a URL link such as this one, “You can pay for your ticket here” or encode it in a QR code. This can of course be embedded in your website, or for example in an email or messenger message. There are many uses. Just choose.

Basic example

<!DOCTYPE html>
<html>
<body>

<a href="https://hydranode.org/btcpay/api/v1/invoices?storeId=Bg5F7rnowYbnfGBv3UqicxPmX86n3yxCKxquPzX2fAw4&checkoutDesc=Platba+za+vstupenku&price=1&currency=CZK">
  <img src="https://management.hydranode.net/logos/pay-button.png" style="width:209px" alt="Pay with Hydranode">
</a>

</body>
</html>

Sample Pay button code

<style> .btcpay-form { display: inline-flex; align-items: center; justify-content: center; } .btcpay-form--inline { flex-direction: row; } .btcpay-form--block { flex-direction: column; } .btcpay-form--inline .submit { margin-left: 15px; } .btcpay-form--block select { margin-bottom: 10px; } .btcpay-form .btcpay-custom-container{ text-align: center; }.btcpay-custom { display: flex; align-items: center; justify-content: center; } .btcpay-form .plus-minus { cursor:pointer; font-size:25px; line-height: 25px; background: #DFE0E1; height: 30px; width: 45px; border:none; border-radius: 60px; margin: auto 5px; display: inline-flex; justify-content: center; } .btcpay-form select { -moz-appearance: none; -webkit-appearance: none; appearance: none; color: currentColor; background: transparent; border:1px solid transparent; display: block; padding: 1px; margin-left: auto; margin-right: auto; font-size: 11px; cursor: pointer; } .btcpay-form select:hover { border-color: #ccc; } .btcpay-form option { color: #000; background: rgba(0,0,0,.1); } .btcpay-input-price { -moz-appearance: textfield; border: none; box-shadow: none; text-align: center; font-size: 25px; margin: auto; border-radius: 5px; line-height: 35px; background: #fff; }.btcpay-input-price::-webkit-outer-spin-button, .btcpay-input-price::-webkit-inner-spin-button { -webkit-appearance: none; margin: 0; } </style>
<form method="POST" action="https://hydranode.org/btcpay/api/v1/invoices" class="btcpay-form btcpay-form--block">
  <input type="hidden" name="storeId" value="Bg5F7rnowYbnfGBv3UqicxPmX86n3yxCKxquPzX2fAw4" />
  <input type="hidden" name="checkoutDesc" value="Pay for ticket" />
  <input type="hidden" name="browserRedirect" value="https://hydranode.net" />
  <input type="hidden" name="price" value="1" />
  <input type="hidden" name="currency" value="CZK" />
  <input type="image" class="submit" name="submit" src="https://management.hydranode.net/logos/pay-button.png" style="width:209px" alt="Pay with BTCPay Server, a Self-Hosted Bitcoin Payment Processor">
</form>

That’s all. If you like this how-to press the Pay button and send some SATs to autor.

Submit a Comment