> For the complete documentation index, see [llms.txt](https://brand.trybit.com/llms.txt). Markdown versions of documentation pages are available by appending `.md` to page URLs; this page is available as [Markdown](https://brand.trybit.com/payment-buttons.md).

# Payment Buttons

The branded Trybit payment buttons are designed to directly support the purchase or donation process, highlighting the simplicity and security of transactions made with cryptocurrency.

The branded Trybit buttons enable instant and intuitive payments or donations from your customers.

<figure><img src="https://1876679693-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F0qmF7ZfuUysWkk3Ugz0i%2Fuploads%2FfUQ9DedPkYBDGwx3z2FW%2Fcover-buttons.png?alt=media&amp;token=e0bb470c-a2fe-42a9-8471-df42d1e26bac" alt=""><figcaption></figcaption></figure>

### Payment buttons

Use the button options below on your website to highlight the available cryptocurrency payment method. After the user clicks the button, they are redirected to the generated invoice page to complete the payment.

<div data-full-width="true"><figure><img src="https://1876679693-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F0qmF7ZfuUysWkk3Ugz0i%2Fuploads%2FExuYb5oX9jzcZewotan2%2Ftb-button-paywith-currency-colour.jpg?alt=media&amp;token=a553c3e1-53dd-425e-bc14-86ce297bbe97" alt=""><figcaption><p>tb-button-paywith-currency-colour</p></figcaption></figure> <figure><img src="https://1876679693-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F0qmF7ZfuUysWkk3Ugz0i%2Fuploads%2FTLH11JZQZyWFKeKJid0p%2Ftb-button-paywith-colour.jpg?alt=media&amp;token=b3647599-283e-4d69-a9fe-5d11b5e1d1af" alt=""><figcaption><p>tb-button-paywith-colour</p></figcaption></figure></div>

<div data-full-width="true"><figure><img src="https://1876679693-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F0qmF7ZfuUysWkk3Ugz0i%2Fuploads%2FMMQKa4Lq5MLGZGh40a7P%2Ftb-button-paywith-currency-white.jpg?alt=media&amp;token=cf385cb3-8741-4d03-986e-e043d17414df" alt=""><figcaption><p>tb-button-paywith-currency-white</p></figcaption></figure> <figure><img src="https://1876679693-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F0qmF7ZfuUysWkk3Ugz0i%2Fuploads%2FM4fm5yyy0BcmwfNDOxfg%2Ftb-button-paywith-white.jpg?alt=media&amp;token=b3deba56-ad27-416b-b9f1-71af16410bbb" alt=""><figcaption><p>tb-button-paywith-white</p></figcaption></figure></div>

<div data-full-width="true"><figure><img src="https://1876679693-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F0qmF7ZfuUysWkk3Ugz0i%2Fuploads%2FbogGchizbxZU1tYO03kJ%2Ftb-button-paywith-currency-dark.jpg?alt=media&amp;token=ad34ba3b-cd7b-4f20-aa75-72fd36f858a8" alt=""><figcaption><p>tb-button-paywith-currency-dark</p></figcaption></figure> <figure><img src="https://1876679693-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F0qmF7ZfuUysWkk3Ugz0i%2Fuploads%2FlNW6mFvKbl3kicaYiN7d%2Ftb-button-paywith-dark.jpg?alt=media&amp;token=28a8b660-4b6a-4ebd-8b34-37f2ed18bf9e" alt=""><figcaption><p>tb-button-paywith-dark</p></figcaption></figure></div>

Copy and paste the snippet below into your HTML code to add this image to your site in SVG format. Example:

{% code title="HTML" overflow="wrap" %}

```html
<input type="image" src="https://cdn.trybit.com/brand/tb-button-paywith-currency-colour.svg" alt="Pay with Trybit" width="250px" />
```

{% endcode %}

You can manually change the file name in the link to select the option you need. You can also adjust the width so that it matches the other elements on your page.

You can download the illustrations manually from the archive below. The archive contains files in SVG format.

{% file src="/files/F702eYMSQTebPtzRajcR" %}

### Donation buttons

The options below are ideal for content creators, charities, and other users who need to accept donations.

<div data-full-width="true"><figure><img src="https://1876679693-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F0qmF7ZfuUysWkk3Ugz0i%2Fuploads%2FLL7bBxVHnO4D0m8RVzDS%2Ftb-button-donatewith-currency-colour.jpg?alt=media&amp;token=42b951da-6771-448e-8022-bacdc55a808f" alt=""><figcaption><p>tb-button-donatewith-currency-colour</p></figcaption></figure> <figure><img src="https://1876679693-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F0qmF7ZfuUysWkk3Ugz0i%2Fuploads%2FWB5PG09SpAKUgbrCEgeT%2Ftb-button-donatewith-colour.jpg?alt=media&amp;token=ebd631a4-ee2e-4f48-834b-4fddb2346d2c" alt=""><figcaption><p>tb-button-donatewith-colour</p></figcaption></figure></div>

<div data-full-width="true"><figure><img src="https://1876679693-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F0qmF7ZfuUysWkk3Ugz0i%2Fuploads%2FqELVt5nvd4et5c7rWX6j%2Ftb-button-donatewith-currency-white.jpg?alt=media&amp;token=37fc6fac-7365-4c87-b0b9-5e1bf37509a8" alt=""><figcaption><p>tb-button-donatewith-currency-white</p></figcaption></figure> <figure><img src="https://1876679693-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F0qmF7ZfuUysWkk3Ugz0i%2Fuploads%2F8BCu54VeNP4MQHhZzawK%2Ftb-button-donatewith-white.jpg?alt=media&amp;token=1b60143e-c652-490a-8ac0-4fbe5e136fa0" alt=""><figcaption><p>tb-button-donatewith-white</p></figcaption></figure></div>

<div data-full-width="true"><figure><img src="https://1876679693-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F0qmF7ZfuUysWkk3Ugz0i%2Fuploads%2FIalU9v6YAwGvMswMj49N%2Ftb-button-donatewith-currency-dark.jpg?alt=media&amp;token=b25fcc0e-6ce4-44d8-aac7-72c07176a9d7" alt=""><figcaption><p>tb-button-donatewith-currency-dark</p></figcaption></figure> <figure><img src="https://1876679693-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F0qmF7ZfuUysWkk3Ugz0i%2Fuploads%2FMayoukNKJsvxh02TVgca%2Ftb-button-donatewith-dark.jpg?alt=media&amp;token=19dfe1b9-3b58-41cd-94cb-83a0ae44ca66" alt=""><figcaption><p>tb-button-donatewith-dark</p></figcaption></figure></div>

Copy and paste the snippet below into your HTML code to add this image to your site in SVG format. Example:

{% code title="HTML" overflow="wrap" %}

```html
<input type="image" src="https://cdn.trybit.com/brand/tb-button-donatewith-currency-colour.svg" alt="Pay with Trybit" width="250px" />
```

{% endcode %}

You can manually change the file name in the link to select the option you need. You can also adjust the width so that it matches the other elements on your page.

You can download the illustrations manually from the archive below. The archive contains files in SVG format.

{% file src="/files/l5b32KBW90bn6awgNL95" %}

### Button usage examples

Below are some ways you can use the payment button options provided.

#### Pricing

On the pricing page, the branded Trybit buttons can be placed under each list of services or packages, allowing customers to immediately choose and pay for their preferred plan with cryptocurrency. The buttons should be prominent but should not interfere with comparing the different plans.

<div data-full-width="true"><figure><img src="https://1876679693-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F0qmF7ZfuUysWkk3Ugz0i%2Fuploads%2FHdgN8bzrWd1u3st9gB56%2Fproduct-page.png?alt=media&amp;token=4243db08-59dc-4118-8a18-641b31858893" alt=""><figcaption></figcaption></figure></div>

#### Order confirmation page

At this stage, the branded Trybit button is placed in the payment method selection area, clearly showing the user the option to pay via Trybit alongside the other available options.

<div data-full-width="true"><figure><img src="https://1876679693-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F0qmF7ZfuUysWkk3Ugz0i%2Fuploads%2FdOQgBMqPSFUQMy7B4yZL%2Fcheckout.png?alt=media&amp;token=5e4d4150-72c7-47af-bb92-4f402ad22e03" alt=""><figcaption></figcaption></figure></div>

#### Accepting donations

The branded donation buttons can be used on dedicated fundraising pages, in blogs, in articles, and on the homepage. They should provide simple and fast payment, support the ability to choose the donation amount, and clearly inform donors that their contribution can be made in cryptocurrency via Trybit.

<div data-full-width="true"><figure><img src="https://1876679693-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F0qmF7ZfuUysWkk3Ugz0i%2Fuploads%2FkfQBKrLUea10GgEOK7kS%2Fdonation.png?alt=media&amp;token=7610714f-6cb5-4421-b2b0-0f6fb8b66d27" alt=""><figcaption></figcaption></figure></div>

### Usage guidelines

* The buttons must be used in their original form, in line with Trybit's brand standards and color scheme.
* Do not design your own alternatives or variations of these buttons, to avoid confusion and brand inconsistency.
* The branded buttons should be placed in prominent but non-intrusive positions on the site, ensuring a comfortable user experience.

### Placement recommendations

* Make sure the Trybit payment and donation buttons are placed next to other payment methods, making it easier for the user to choose their preferred option.
* The buttons should be clearly visible and easily accessible on all devices, adapting to screen sizes and device types.
* If you use the buttons to collect donations, clearly indicate the donation amounts or let users choose their contribution amount.
