HTML-кнопка

Инструкция по установке HTML-кнопки

Ниже представлена пошаговая инструкция для успешной установки HTML-кнопки на ваш сайт с использованием PayP:

Регистрация на сайте PayP Plus
Для начала перейдите на страницу регистрации https://i.payp.plus/ и создайте аккаунт.
Добавление проекта в личном кабинете
В разделе управления проектами добавьте новый проект, заполнив все необходимые поля. Убедитесь, что введенные вами ссылки корректны, чтобы избежать ошибок при обработке платежей.
Пример успешных URL-адресов:
- Успешная ссылка:
  https://domain.com/thank-you (может быть любая ссылка)
- Неудачная ссылка:
  https://domain.com/fail (может быть любая ссылка)
- URL для уведомлений:
  https://domain.com/notifications (может быть любая ссылка)
Настройка сайта
Перейдите в настройки вашего сайта, чтобы добавить виджет.
Вставка HTML-кода
В месте, где вы хотите разместить кнопку, вставьте следующий HTML-код:

An image

БелаяСиняяЧерная

html

<form class="payp_form" method="post" action="https://api.payp.io/&/v2/invoice">
    <input type="hidden" name="currency" value="EUR">
    <input type="hidden" name="amount" value="100">
    <input type="hidden" name="title" value="Test pay">
    <input type="hidden" name="email" value="email">
    <input type="hidden" name="method" value="form">
    <input type="hidden" name="key" value="8fb07763-c091-41d2-840d-e05203c786e7">
    <button style="width: 200px;">
        <img src='https://payp.io/assets/img/logo.png'>
        оплатить
    </button>
</form>
<style>.payp_form button{height:34px;display:flex;gap:10px;justify-content:center;align-items:center;border:2px solid #007fff;border-radius:6px;background:#fff;padding:4px 10px;cursor:pointer;transition:.5s}.payp_form button:hover{opacity:.6}.payp_form button img{width:44px}</style>

html

<form class="payp_form_blue" method="post" action="https://api.payp.io/&/v2/invoice">
    <input type="hidden" name="currency" value="EUR">
    <input type="hidden" name="amount" value="100">
    <input type="hidden" name="title" value="Test pay">
    <input type="hidden" name="email" value="email">
    <input type="hidden" name="method" value="form">
    <input type="hidden" name="key" value="8fb07763-c091-41d2-840d-e05203c786e7">
    <button style="width: 200px;">
        <img src='https://payp.io/assets/img/logo.png'>
        оплатить
    </button>
</form>
<style>.payp_form_blue button{height:34px;display:flex;gap:10px;justify-content:center;align-items:center;border:2px solid #007fff;background:#007fff;border-radius:6px;padding:4px 10px;color:#fff;cursor:pointer;transition:.5s}.payp_form_blue button:hover{opacity:.6}.payp_form_blue button img{width:44px}</style>

html

<form class="payp_form_black" method="post" action="https://api.payp.io/&/v2/invoice">
    <input type="hidden" name="currency" value="EUR">
    <input type="hidden" name="amount" value="100">
    <input type="hidden" name="title" value="Test pay">
    <input type="hidden" name="email" value="email">
    <input type="hidden" name="method" value="form">
    <input type="hidden" name="key" value="8fb07763-c091-41d2-840d-e05203c786e7">
    <button style="width: 200px;">
        <img src='https://payp.io/assets/img/logo.png'>
        оплатить
    </button>
</form>
<style>.payp_form_black button{height:34px;display:flex;gap:14px;justify-content:center;align-items:center;border:2px solid #000;background:#000;border-radius:6px;padding:4px 10px;color:#fff;cursor:pointer;transition:.5s}.payp_form_black button:hover{opacity:.6}.payp_form_black button img{width:11px}</style>

Настройка параметров Перед вставкой кода на сайт замените значения параметров на свои данные:
- currency — Нужная исходная валюта для оплаты, криптовалюты автоматически конвертируются. Доступные валюты: USD, EUR, GBP, CHF, INR, TRY, UAH, RUB
- amount отвечает за сумму платежа. Укажите точную сумму, которую нужно оплатить клиенту
- title — описание или идентификатор заказа, который может быть любым значением (например, электронная почта клиента или имя). Этот параметр не является обязательным, но его использование помогает отслеживать заказы.
- email — e-mail адрес клиента для уведомлений
- method — служебный параметр нужный для правильной обработки счета, оставьте значение - form
- key — уникальный идентификатор вашего магазина (Shop ID). Эти данные можно найти в настройках проекта в личном кабинете PayP в разделе API Keys -> Shop ID

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

HTML-кнопка ​

HTML-кнопка