Adding the Button to Your Website

Get your snippet

Open Checkout Buttons, find your button, and open its snippet. You will see two lines.

<script src="https://bryktopay.com/static/js/checkout.js" defer></script>
<button class="brykto-checkout-button" data-button-id="bky_btn_xxxxxxxxxxxxxxxx">Pay with Brykto</button>

Copy both of them.

Paste them into your page

Paste them where you want the button to appear. Both lines can sit together in the same spot.

Your site needs somewhere to add custom HTML. Website builders usually call this an embed, a custom HTML block, or a code block. If you write your own pages, paste it straight into the HTML.

That is the whole setup. The button styles itself and starts working as soon as the page loads.

Change the button text

The words between > and </button> are yours.

<button class="brykto-checkout-button" data-button-id="bky_btn_xxxxxxxxxxxxxxxx">Buy now</button>

Leave the rest exactly as it is. The class and the data-button-id are what make the button work, and changing either one will stop it.

Using more than one button on a page

You only need the <script> line once per page, however many buttons you have. Add the <button> line as many times as you need.

<script src="https://bryktopay.com/static/js/checkout.js" defer></script>

<button class="brykto-checkout-button" data-button-id="bky_btn_aaaaaaaaaaaaaaaa">Small</button>
<button class="brykto-checkout-button" data-button-id="bky_btn_bbbbbbbbbbbbbbbb">Large</button>

Each one needs its own button created in your dashboard, so each has its own ID and its own price.

Check it works

Open your page and click the button. The payment page should open in a new tab showing your amount and description.

If nothing happens when you click, see My checkout button does nothing.