Поточна версія на 21:30, 14 квітня 2026

Вітаємо на інформаційному порталі EasyPay Docs!

Merchant Cabinet
Інструкція користування мерчант-кабінетом: робота з платежами, налаштування та управління акаунтом.

Перейти до розділу →

Merchant API
Технічна документація API: створення та обробка замовлень, рекурентні платежі, 3DS та статуси оплат.

Перейти до розділу →

E-pass
Документація проєкту E-pass: опис функціоналу, інтеграцій та інструкції користування.

Перейти до розділу →

@@ Рядок 1: / Рядок 1: @@
+<div style="text-align:center;">
+  <h1 style="color:#004085; font-size: 2.5em;">Вітаємо на інформаційному порталі EasyPay Docs!</h1>
+</div>
+<br>
-<br>
+<div style="display: flex; flex-wrap: wrap; gap: 20px;">
-<!-- Контейнер 1 -->
-<div style="display: flex; flex-wrap: wrap; justify-content: space-between; gap: 20px;">
-   <!-- Ряд 1 -->
+   <!-- Merchant Cabinet -->
-   <div style="width: 30%; min-width: 300px; margin-bottom: 40px; background: rgba(135, 206, 250, 0.1); padding: 24px; border-radius: 12px; border: 1px solid #007BFF; box-shadow: 0px 2px 5px rgba(0, 0, 0, 0.1); text-align: left; display: flex; flex-direction: column; justify-content: space-between; min-height: 180px;">
+   <div style="width: calc(33.33% - 14px); background: rgba(135, 206, 250, 0.1); padding: 24px; border-radius: 12px;
-    <div>
+              border: 1px solid #007BFF; box-shadow: 0px 2px 5px rgba(0, 0, 0, 0.1);
-== <span style="font-size: 24px; font-weight: bold; color: #004085;">Основні запити та відповіді</span> ==
+              display: flex; flex-direction: column; justify-content: space-between; min-height: 180px;"><div>
-<p style="color: #555;"></p><p style="color: #555;">Опис всіх методів з прикладами запитів та відповідей</p><p style="color: #555;"></p>
+<span style="font-size: 24px; font-weight: bold; color: #004085;">Merchant Cabinet</span><br>
-     </div>[[MerchantAPI#Основні запити/відповіді|Читати документацію...]]
+Інструкція користування мерчант-кабінетом: робота з платежами, налаштування та управління акаунтом.
+</div>
+    <div style="margin-top: auto; font-weight: bold;">
+[[Інструкція користування Merchant cabinet|Перейти до розділу →]]
+     </div>
    </div>
-   <div style="width: 30%; min-width: 300px; margin-bottom: 40px; background: rgba(135, 206, 250, 0.1); padding: 24px; border-radius: 12px; border: 1px solid #007BFF; box-shadow: 0px 2px 5px rgba(0, 0, 0, 0.1); text-align: left; display: flex; flex-direction: column; justify-content: space-between; min-height: 180px;">
+  <!-- Merchant API -->
+   <div style="width: calc(33.33% - 14px); background: rgba(135, 206, 250, 0.1); padding: 24px; border-radius: 12px;
+              border: 1px solid #007BFF; box-shadow: 0px 2px 5px rgba(0, 0, 0, 0.1);
+              display: flex; flex-direction: column; justify-content: space-between; min-height: 180px;">
      <div>
-== <span style="font-size: 24px; font-weight: bold; color: #004085;">Тестове середовище</span> ==
+<span style="font-size: 24px; font-weight: bold; color: #004085;">Merchant API</span><br>
-<p style="color: #555;"></p><p style="color: #555;">Опис тестових параметрів та методів </p><p style="color: #555;"></p>
+Технічна документація API: створення та обробка замовлень, рекурентні платежі, 3DS та статуси оплат.
-     </div>[[MerchantAPI#Тестові параметри|Читати документацію...]]
+</div>
+    <div style="margin-top: auto; font-weight: bold;">
+[[MerchantApi Main page|Перейти до розділу →]]
+     </div>
    </div>
-   <div style="width: 30%; min-width: 300px; margin-bottom: 40px; background: rgba(135, 206, 250, 0.1); padding: 24px; border-radius: 12px; border: 1px solid #007BFF; box-shadow: 0px 2px 5px rgba(0, 0, 0, 0.1); text-align: left; display: flex; flex-direction: column; justify-content: space-between; min-height: 180px;">
+  <!-- E-pass -->
+   <div style="width: calc(33.33% - 14px); background: rgba(135, 206, 250, 0.1); padding: 24px; border-radius: 12px;
+              border: 1px solid #007BFF; box-shadow: 0px 2px 5px rgba(0, 0, 0, 0.1);
+              display: flex; flex-direction: column; justify-content: space-between; min-height: 180px;">
      <div>
-== <span style="font-size: 24px; font-weight: bold; color: #004085;">Токенізація</span> ==
+<span style="font-size: 24px; font-weight: bold; color: #004085;">E-pass</span><br>
-Методи для токенізації картки для ідентифікації користувача
+Документація проєкту E-pass: опис функціоналу, інтеграцій та інструкції користування.
-    </div>[[MerchantAPI#Робота з токенізованими картами|Читати документацію...]]
+</div>
+    <div style="margin-top: auto; font-weight: bold;">
+[[E-pass|Перейти до розділу →]]
+    </div>
    </div>
+  <!-- Інформаційна безпека --><!-- Пусті блоки щоб не ламалась сітка -->
+   <div style="width: calc(33.33% - 14px);"></div>
+   <div style="width: calc(33.33% - 14px);"></div>
 </div>