WhitePage

<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''': Позиція картинки фону;
__БЕЗ_РЕДАГУВ_РОЗДІЛУ__