WhitePage
Матеріал з apidocs
<div style="border: 1px solid #007bff; background-color: rgba(135, 206, 235, 0.5); padding: 15px; border-radius: 5px; color: #000000; font-family: Arial, sans-serif;">
<strong>Шановні мерчанти!</strong>
<p>З 14 квітня 2025 року вступають в силу важливі оновлення платіжної сторінки, які дозволять вам налаштувати фон, кнопки та інші елементи сторінки відповідно до вашого бренду. Ось як ви можете оновити налаштування.</p>
</div>
<br>
----
== Різноманітність варіантів фону ==
----
=== '''Фон картинкою''' ===
Ви можете додавати картинку як фон сторінки. Зображення має бути у форматі '''PNG''' або '''JPEG.'''
''Для мобільних версій сторінки ця опція не відображається'' і буде використано стандартний (#F1F3F7) фон або заданий вами у параметрі “bodyColor”.
*
'''Параметри:'''
* <code>bodyImage:[назва картинки]</code> (формат '''PNG''' або '''JPEG''')
* <code>"bodyImagePosition":"center"</code>
* <code>"bodyImageSize":"contain"</code>
[[Файл:Знімок екрана 2025-04-23 о 13.03.01.png|центр|міні|391x391пкс]]
[[Файл:2025-04-07 14.42.21.jpg|міні|500x500px|'''Реалізація на мобільній версії'''|центр]]
<br>
----
=== Множинність картинок на фоні ===
----Додано можливість використовувати кілька копій одного зображення для фону, що дозволяє створювати ефект текстури або патерну. Зображення має бути у форматі '''PNG''' або '''JPEG'''.
''Для мобільних версій сторінки ця опція не відображається'' і буде використано стандартний (#F1F3F7) фон або заданий вами у параметрі “bodyColor"
'''Параметри:'''
* <code>bodyImage: [назва картинки]</code> (формат PNG або JPEG)
* <code>bodyImageRepeat: true</code>
<br>
[[Файл:2025-04-07 14.59.37.jpg|центр|міні|380x380px|'''Реаізація на веб версії''']]
[[Файл:2025-04-07 14.42.21.jpg|міні|500x500px|центр|'''Реалізація на мобільній версії''']]
----
=== Фон з градієнтом ===
----
Ви можете налаштувати градієнт як фон сторінки. Виберіть плавний перехід між кількома кольорами для динамічного вигляду
'''Параметр:'''
* <code>'''"bodyGradient":'''</code> <code>"linear-gradient(to right top, #051937, #004d7a, #008793, #00bf72, #a8eb12)"</code>
[[Файл:Градієнт веб (1).png|міні|500x500px|'''Реалізація на веб версії'''|центр]]
[[Файл:Моб градієнт фон.jpg|міні|500x500px|'''Реалізація на мобільній версії'''|центр]]
----
=== Кольоровий фон ===
----Ви можете вибрати '''однотонний фон''' для простого і стильного вигляду. Вибір кольору доступний у форматі '''HEX'''.
'''Параметр''':
<code>"bodyColor": "#87a6e3"</code>[[Файл:Фон-колір веб.png|центр|міні|500x500px|'''Реалізація на веб версії''']]
[[Файл:Моб колір фон.jpg|центр|міні|500x500px|'''Реалізація на мобільній версії''']]
----
== Кастомізація кнопки "Оплатити" ==
----
Тепер ви можете змінювати '''колір кнопки "Оплатити"''' відповідно до вашого дизайну, щоб зробити її більш помітною або гармонійно вписати в загальний стиль платіжної сторінки.
'''Параметр:'''
<code>"buttonColor": "#f8a81b"</code>[[Файл:Кастомізована кнопка (1).png|центр|міні|450x450px|'''Реалізація на веб версії''' ]]
----
== Додавання логотипу в хедері ==
----Ви можете додати '''логотип вашого бренду''' в хедер платіжної сторінки для більшої впізнаваності. Якщо логотип не задано, хедер не відображається на сторінці
'''Параметр:'''
<code>"logo": [назва картинки]</code> (формат '''PNG''' або '''JPEG''')[[Файл:Лого веб (1).png|міні|'''Реалізація на веб версії'''|центр|500x500px]]
----
=== Кастомізація кольору фону хедера ===
----Ви маєте можливість налаштувати '''колір фону хедера''' відповідно до вашого бренду.
''Зміна кольору фону хедеру можлива тільки при додаванні логотипу в хедер.''
'''Параметр:'''
<code>"headerColor": #fef71f3b</code>
[[Файл:Хедер колір веб (1).png|міні|'''Реалізація на веб версії'''|центр|500x500px]]
----
== Як оновити налаштування? ==
----
Щоб оновити налаштування платіжної сторінки, надішліть запит на один із наступних контактів:
* '''Email:''' [[[email protected]]]
* '''Telegram:''' https://t.me/EasyPay_merchant_API_support
<br>
'''У запиті надішліть наступні дані:'''
# '''PartnerKey''' – ваш унікальний ключ партнера.
# '''ServiceKey''' – ваш унікальний ключ сервісу.
# '''Файли картинок логотипу чи фонової''' (формат PNG або JPEG) – якщо потрібно оновити зображення.
# '''Параметри оновлень у форматі JSON''', наприклад:
<br>
<syntaxhighlight lang="json" line="1">
{
"logo": "logo.png",
"headerColor": "#97F9A9",
"bodyColor": "#FDF4E3",
"bodyImage": "logo-test-tile.jpg",
"buttonColor": "#7B68EE",
"bodyGradient": "linear-gradient(to right top, #051937, #004d7a, #008793, #00bf72, #a8eb12)",
"bodyImageRepeat": true,
"bodyImageSize": "auto",
"bodyImagePosition": "center"
}
</syntaxhighlight>
=== Пояснення параметрів: ===
* '''logo''': Назва файлу логотипу, який потрібно додати;
* '''headerColor''': Колір шапки сторінки;
* '''bodyColor''': Основний колір фону сторінки;
* '''bodyImage''': Назва фону, якщо ви додаєте картинку на фон;
* '''buttonColor''': Колір кнопки "Оплатити";
* '''bodyGradient''': Градієнт для фону;
* '''bodyImageRepeat''': Якщо потрібно повторювати картинку фону;
* '''bodyImageSize''': Розмір картинки фону;
* '''bodyImagePosition''': Позиція картинки фону;
__БЕЗ_РЕДАГУВ_РОЗДІЛУ__