Партнёрам: подключение кнопки Unpay

1. С чего начать?

Перед тем, как подключить кнопку, должны быть достигнуты коммерческие договорённости. Если этого ещё не произошло, пишите на ez@unpay.club.

2. Окей, я получил кнопку, что дальше?

Нужно встроить эту кнопку себе на сайт. Это просто: берёте готовый кусок кода и добавляете его к себе на сайт. Дальше скрипты всё сделают сами. При этом вы можете гибко настраивать внешний вид кнопки, чтобы она максимально соответствовала стилю вашего сайта.

3. Кнопка

Кнопка будет там же, где вы разместили код. Вы можете разместить на своём сайте несколько кнопок, кастомизируя каждую из них отдельно.
Ниже — пример кода и параметров настройки:
<script src="https://unpay.club/external/button.js?v=1.2" async
data-offer_id="1"
data-text="Билет со скидкой"
data-color="#fff"
data-background="#000"
data-padding="10px 20px"
data-border="1px solid #fff"
data-border_radius="4px"
data-font_family="Arial, sans-serif"
data-font_size="16px"
data-font_style="italic">
</script>

4. Параметры кнопки

Название параметраПример значенияЗначение по умолчаниюОписание параметра
data-offer_id1нетУникальный идентификатор предложения, получается при регистрации в Unpay, обязательный параметр
data-textКупить со скидкойПолучить скидкуТекст кнопки
data-color#fff#fffЦвет текста
data-background#000000#161616Цвет фона кнопки
data-padding10px 20px12px 20pxВнутренние отступы кнопки
data-border1px solid #fff1px solid #161616Границы кнопки
data-border_radius4px4pxСкругление углов кнопки
data-font_familyArial, sans-serifнетСемейство шрифтов кнопки
data-font_size16px14pxРазмер шрифта кнопки
data-font_styleitalicnormalСтиль шрифта кнопки

5. Пример

Вот так может выглядеть ваша кнопка: