Поточна версія на 10:45, 14 листопада 2025

@@ Рядок 1: / Рядок 1: @@
 <h1 style="text-align: center; font-weight: bold;">[[MerchantAPI]]        </h1>
+<!-- Контейнер 1 -->
 <div style="display: flex; flex-wrap: wrap; justify-content: space-between; gap: 20px;">
    <!-- Ряд 1 -->
-   <div style="width: 30%; min-width: 300px; 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: 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>
 == <span style="font-size: 24px; font-weight: bold; color: #004085;">Основні запити та відповіді</span> ==
@@ Рядок 11: / Рядок 12: @@
    </div>
-   <div style="width: 30%; min-width: 300px; 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: 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>
 == <span style="font-size: 24px; font-weight: bold; color: #004085;">Тестове середовище</span> ==
@@ Рядок 18: / Рядок 19: @@
    </div>
-   <div style="width: 30%; min-width: 300px; 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: 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>
 == <span style="font-size: 24px; font-weight: bold; color: #004085;">Токенізація</span> ==
@@ Рядок 26: / Рядок 27: @@
    <!-- Ряд 2 -->
-   <div style="width: 30%; min-width: 300px; 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: 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;">
-== <span style="font-size: 24px; font-weight: bold; color: #004085;">Видача кредиту(переказ на картку користувача)</span> ==
+== <span style="font-size: 24px; font-weight: bold; color: #004085;">Видача кредиту</span> ==
 <div>
 Метод призначений для переказу на картку користувача суми кредиту.
@@ Рядок 33: / Рядок 34: @@
    </div>
-</div> <!-- ✅ Закриття першого flex-контейнера -->
+</div>
+<!-- Контейнер 2 -->
 <div style="display: flex; flex-wrap: wrap; justify-content: space-between; gap: 20px;">
    <!-- Ряд 3 -->
-   <div style="width: 30%; min-width: 300px; 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: 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>
 == <span style="font-size: 24px; font-weight: bold; color: #004085;">ApplePay</span> ==
 Інтеграція з ApplePay, прийом платежів для швидких транзакцій
-     </div>[[MerchantAPI#Основні запити/відповіді|Читати документацію]]
+     </div>[[MerchantAPI#Інтеграція з ApplePay|Читати документацію]]
    </div>
-   <div style="width: 30%; min-width: 300px; 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: 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>
 == <span style="font-size: 24px; font-weight: bold; color: #004085;">GooglePay</span> ==
 Інтеграція з GooglePay, прийом платежів для швидких транзакцій
-     </div>[[MerchantAPI#Створення підпису|Читати документацію...]]
+     </div>[[MerchantAPI#Інтеграція з GooglePay|Читати документацію...]]
    </div>
-   <div style="width: 30%; min-width: 300px; 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: 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>
-== <span style="font-size: 24px; font-weight: bold; color: #004085;">Створення підпису</span> ==
+== <span style="font-size: 24px; font-weight: bold; color: #004085;">SDK</span> ==
-Генерація підпису SHA-256 для захисту запитів
+Інтеграція EasyPay у мобільні застосунки для швидкої та безпечної оплати на iOS та Android.
-     </div>[[MerchantAPI#Можливі варіанти інструментів оплати|Читати документацію...]]
+     </div>[[SDK|Читати документацію..]]
    </div>
    <!-- Ряд 4 -->
-   <div style="width: 30%; min-width: 300px; 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: 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>
-== <span style="font-size: 24px; font-weight: bold; color: #004085;">Інструменти оплати</span> ==
+== <span style="font-size: 24px; font-weight: bold; color: #004085;">Створення підпису</span> ==
-Опис можливих інструментів оплати (картками VISA/MasterCard, мобільними грошима та інше)
+Генерація підпису SHA-256 для захисту запитів
-     </div>[[Інструкція з оновлення платіжної сторінки|Читати документацію...]]
+     </div>[[MerchantAPI#Створення підпису|Читати документацію...]]
    </div>
-</div> <!-- ✅ Закриття другого flex-контейнера -->
+</div>
+<!-- Контейнер 3 -->
 <div style="display: flex; flex-wrap: wrap; justify-content: space-between; gap: 20px;">
    <!-- Ряд 5 -->
-   <div style="width: 30%; min-width: 300px; 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: 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>
+== <span style="font-size: 24px; font-weight: bold; color: #004085;">Інструменти оплати</span> ==
+Опис можливих інструментів оплати (картками VISA/MasterCard, мобільними грошима та інше)
+    </div>[[MerchantAPI#Можливі варіанти інструментів оплати|Читати документацію...]]
+  </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;">
      <div>
-== <span style="font-size: 24px; font-weight: bold; color: #004085;">Інструкція з оновлення платіжної сторінки</span> ==
+== <span style="font-size: 24px; font-weight: bold; color: #004085;">Оновлення платіжної сторінки</span> ==
 Опис, як змінити фон, кольори елементів, кнопки та стилі платіжної сторінки
-     </div>[[SDK|Читати документацію...]]
+     </div>[[WhitePage|Читати документацію...]]
    </div>
-  <div style="width: 30%; min-width: 300px; 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>
-== <span style="font-size: 24px; font-weight: bold; color: #004085;">Mobile SDKs</span> ==
-Додайте оплату картками, Apple Pay, Google Pay до мобільних застосунків
-    </div>[[SDK|Читати документацію...]]
 </div>
-</div> <!-- ✅ Закриття третього flex-контейнера -->
+<!-- Контейнер 5 — нові 2 блоки -->
+<div style="display: flex; flex-wrap: wrap; justify-content: space-between; gap: 20px;">
-<!-- ✅ Додаємо 2 нових блоки в самому кінці -->
+  <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="display: flex; flex-wrap: wrap; justify-content: space-between; gap: 20px; margin-top: 20px;">
+    <div>
+== <span style="font-size: 24px; font-weight: bold; color: #004085;">Мерчант кабінет</span> ==
+Інструкція по користуванню мерчант кабінетом
+    </div>[[Інструкція користування Merchant cabinet|Читати документацію...]]
+  </div>
-   <div style="width: 30%; min-width: 300px; 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: 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>
 == <span style="font-size: 24px; font-weight: bold; color: #004085;">Технічна підтримка</span> ==
 За потреби консультування можна написати запит на [email protected]
-    </div></div>
+  </div>
+</div>

Головна сторінка: відмінності між версіями

Поточна версія на 10:45, 14 листопада 2025

Зміст

MerchantAPI

Основні запити та відповіді

Тестове середовище

Токенізація

Видача кредиту

ApplePay

GooglePay

SDK

Створення підпису

Інструменти оплати

Оновлення платіжної сторінки

Мерчант кабінет

Технічна підтримка