> 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/ru/payment-buttons.md).

# Платежные кнопки

Фирменные кнопки оплаты Trybit предназначены для непосредственного содействия процессу покупки или пожертвований, подчеркивают простоту и безопасность транзакций с использованием криптовалют.

Фирменные кнопки Trybit способствуют мгновенному и интуитивно понятному совершению платежей или пожертвований от ваших клиентов.

<figure><img src="https://2037202924-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FAEkbmLzbjwQavK0esKZH%2Fuploads%2F1ktRkQHjycJbRe7opBBR%2Fcover-buttons.png?alt=media&amp;token=eebb4194-5b70-4101-b282-260e4579c69c" alt=""><figcaption></figcaption></figure>

### Кнопки для оплаты

Используйте представленные ниже варианты кнопок на своем сайте для того, чтобы выделить доступный способ оплаты криптовалютой. После нажатия на кнопку пользователь будет перенаправлен на страницу созданного счета для осуществления платежа.

<div data-full-width="true"><figure><img src="https://2037202924-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FAEkbmLzbjwQavK0esKZH%2Fuploads%2FX8gNlwChHeMD2BTaU5QK%2Ftb-button-paywith-currency-colour.jpg?alt=media&amp;token=78a55d56-4cfd-4bce-b331-d070aa3db434" alt=""><figcaption><p>tb-button-paywith-currency-colour</p></figcaption></figure> <figure><img src="https://2037202924-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FAEkbmLzbjwQavK0esKZH%2Fuploads%2FFqowsC1V9EVVli0WP9OF%2FTB-PayWithTB-Button-Colour-Exm.png?alt=media&amp;token=f54911e0-8b64-461c-a0ea-fe3897882966" alt=""><figcaption><p>tb-button-paywith-colour</p></figcaption></figure></div>

<div data-full-width="true"><figure><img src="https://2037202924-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FAEkbmLzbjwQavK0esKZH%2Fuploads%2FSR3N2UsaZBERLeVaZ9hN%2Ftb-button-paywith-currency-white.png?alt=media&amp;token=7bdeb25c-f266-4768-ae94-b8429d0a91e2" alt=""><figcaption><p>tb-button-paywith-currency-white</p></figcaption></figure> <figure><img src="https://2037202924-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FAEkbmLzbjwQavK0esKZH%2Fuploads%2F19BtmsbZSCZ1XNzaxEBP%2Ftb-button-paywith-white.png?alt=media&amp;token=369926ef-f032-4a40-a928-ac0f0268f485" alt=""><figcaption><p>tb-button-paywith-white</p></figcaption></figure></div>

<div data-full-width="true"><figure><img src="https://2037202924-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FAEkbmLzbjwQavK0esKZH%2Fuploads%2F6UwUc4HjIxFs5KPDyzJH%2Ftb-button-paywith-currency-dark.png?alt=media&amp;token=b3ef0b16-5c15-4573-99cd-664415e97278" alt=""><figcaption><p>tb-button-paywith-currency-dark</p></figcaption></figure> <figure><img src="https://2037202924-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FAEkbmLzbjwQavK0esKZH%2Fuploads%2FPVQsmDizcEvp5gFi12gX%2Ftb-button-paywith-dark.png?alt=media&amp;token=22c20a6e-069b-41d9-b922-53df1ebdbf78" alt=""><figcaption><p>tb-button-paywith-dark</p></figcaption></figure></div>

Скопируйте и вставьте приведенный ниже фрагмент в свой HTML-код, чтобы добавить это изображение на свой сайт в формате SVG. Пример:

{% 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 %}

Вы можете вручную поменять название файла в ссылке для выбора подходящего варианта. Также вы можете настроить ширину так, чтобы она соответствовала другим элементам на вашей странице.

Вы можете загрузить иллюстрации вручную, скачав их из архива ниже. В архиве представлены файлы в SVG.

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

### Кнопки для пожертвований

Представленные ниже варианты оптимальны для создателей контента, благотворительных организаций и других пользователей, кому необходим прием пожертвований.

<div data-full-width="true"><figure><img src="https://2037202924-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FAEkbmLzbjwQavK0esKZH%2Fuploads%2FtLLkUNhO2Mltv9i39SKc%2FTB-DonateWithCurrency-Button-Colour-Exm.png?alt=media&amp;token=3767b6b9-23de-4cd2-8412-88ab32145204" alt=""><figcaption><p>tb-button-donatewith-currency-colour</p></figcaption></figure> <figure><img src="https://2037202924-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FAEkbmLzbjwQavK0esKZH%2Fuploads%2FNVYZfk8vmAmRbbuzeCif%2FTB-DonateWithTB-Button-Colour-Exm.png?alt=media&amp;token=0f354ca7-d1f2-42c9-855d-61c6de8fee42" alt=""><figcaption><p>tb-button-donatewith-colour</p></figcaption></figure></div>

<div data-full-width="true"><figure><img src="https://2037202924-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FAEkbmLzbjwQavK0esKZH%2Fuploads%2FAojnAhmGsHVzjjwValjc%2Ftb-button-donatewith-currency-white.png?alt=media&amp;token=be89f4aa-2cc7-4617-8138-1bdc342df0e1" alt=""><figcaption><p>tb-button-donatewith-currency-white</p></figcaption></figure> <figure><img src="https://2037202924-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FAEkbmLzbjwQavK0esKZH%2Fuploads%2FHGH3oxUdg9vPAeHAydMk%2Ftb-button-donatewith-white.png?alt=media&amp;token=339f1952-cd2b-4a95-a45c-dc0643c15e49" alt=""><figcaption><p>tb-button-donatewith-white</p></figcaption></figure></div>

<div data-full-width="true"><figure><img src="https://2037202924-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FAEkbmLzbjwQavK0esKZH%2Fuploads%2FR93cMxppZXpiIXNem4Lv%2Ftb-button-donatewith-currency-dark.png?alt=media&amp;token=9d6376bf-06c2-40ef-9725-1093faeda821" alt=""><figcaption><p>tb-button-donatewith-currency-dark</p></figcaption></figure> <figure><img src="https://2037202924-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FAEkbmLzbjwQavK0esKZH%2Fuploads%2Fzw2g5Sp8sx2R1rdYGb9b%2Ftb-button-donatewith-dark.png?alt=media&amp;token=82ac1421-d632-454a-beba-7573062b88d3" alt=""><figcaption><p>tb-button-donatewith-dark</p></figcaption></figure></div>

Скопируйте и вставьте приведенный ниже фрагмент в свой HTML-код, чтобы добавить это изображение на свой сайт в формате SVG. Пример:

{% 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 %}

Вы можете вручную поменять название файла в ссылке для выбора подходящего варианта. Также вы можете настроить ширину так, чтобы она соответствовала другим элементам на вашей странице.

Вы можете загрузить иллюстрации вручную, скачав их из архива ниже. В архиве представлены файлы в SVG.

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

### Примеры использования кнопок

Ниже представлены некоторые варианты того, как вы можете использовать предложенные варианты платежных кнопок.

#### Тарифы

На странице с тарифами фирменные кнопки Trybit могут быть размещены под каждым перечнем услуг или пакетов, позволяя клиентам немедленно выбрать и оплатить предпочитаемый тарифный план криптовалютой. Кнопки должны быть заметными, но не мешать сравнению различных тарифов.

<div data-full-width="true"><figure><img src="https://2037202924-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FAEkbmLzbjwQavK0esKZH%2Fuploads%2FFQKmdRGf5iRTIY7FiIcD%2Fproduct-page.png?alt=media&amp;token=1ddd407f-3445-43d2-ad7f-08d2214a239b" alt=""><figcaption></figcaption></figure></div>

#### Страница подтверждения заказа

На этом этапе фирменная кнопка Trybit располагается в зоне выбора способов оплаты, ясно демонстрируя пользователю возможность оплаты через Trybit вместе с другими доступными опциями.

<div data-full-width="true"><figure><img src="https://2037202924-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FAEkbmLzbjwQavK0esKZH%2Fuploads%2FIpVSI8Aj8JXgSmlPQXIy%2Fcheckout.png?alt=media&amp;token=04df41ec-3faf-48b4-81d9-8ee967090971" alt=""><figcaption></figcaption></figure></div>

#### Прием пожертвований

Фирменные кнопки для пожертвований могут использоваться на специализированных страницах для сбора средств, в блогах, в статьях и на главной странице. Они должны обеспечивать простую и быструю оплату, поддерживать возможность выбора суммы пожертвования и ясно информировать доноров о том, что их вклад может быть сделан в криптовалюте через Trybit.

<div data-full-width="true"><figure><img src="https://2037202924-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FAEkbmLzbjwQavK0esKZH%2Fuploads%2Fvsd5J7dxdLGJnf05S7gx%2Fdonation.png?alt=media&amp;token=ab3e0abb-287d-4292-b27c-08b0847cbe4d" alt=""><figcaption></figcaption></figure></div>

### **Принципы использования:**

* Кнопки должны быть использованы в их исходной форме, соответствуя брендовым стандартам Trybit и цветовой гамме.
* Не разрабатывайте собственные альтернативы или вариации этих кнопок, чтобы избежать путаницы и несоответствия бренду.
* Фирменные кнопки должны быть размещены в заметных, но не агрессивных позициях на сайте, обеспечивая комфортное взаимодействие с пользователем.

### **Рекомендации по размещению:**

* Убедитесь, что кнопки оплаты и пожертвований Trybit размещены рядом с другими методами оплаты, облегчая пользователю выбор предпочтительного способа.
* Кнопки должны быть четко видимы и легко доступны на всех устройствах, адаптируясь к размерам экрана и типам устройств.
* В случае использования кнопок для сбора пожертвований, обозначьте четко суммы доната или позвольте пользователям выбрать сумму взноса.
