Партнёрам: подключение кнопки 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_id | 1 | нет | Уникальный идентификатор предложения, получается при регистрации в Unpay, обязательный параметр |
| data-text | Купить со скидкой | Получить скидку | Текст кнопки |
| data-color | #fff | #fff | Цвет текста |
| data-background | #000000 | #161616 | Цвет фона кнопки |
| data-padding | 10px 20px | 12px 20px | Внутренние отступы кнопки |
| data-border | 1px solid #fff | 1px solid #161616 | Границы кнопки |
| data-border_radius | 4px | 4px | Скругление углов кнопки |
| data-font_family | Arial, sans-serif | нет | Семейство шрифтов кнопки |
| data-font_size | 16px | 14px | Размер шрифта кнопки |
| data-font_style | italic | normal | Стиль шрифта кнопки |
5. Пример
Вот так может выглядеть ваша кнопка:
Политика конфиденциальности
"ООО "Анпэй" ИНН 5012106113 ОГРН 1215000109170"
Наверх 