Поточна версія на 11:40, 11 вересня 2025

@@ Рядок 1: / Рядок 1: @@
-[[MerchantAPI]]
+<h1 style="text-align: center; font-weight: bold;">[[MerchantAPI]]       </h1>
 <div style="display: flex; flex-wrap: wrap; justify-content: space-between; gap: 20px;">
    <!-- Ряд 1 -->
-   <div style="width: 30%; min-width: 300px; background: white; padding: 24px; border-radius: 12px; border: 1px solid #E0E0E0; 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; 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> ==
-      <p style="color: #555;">Опис всіх методів з прикладами запитів та відповідей</p>
+<p style="color: #555;"></p><p style="color: #555;">Опис всіх методів з прикладами запитів та відповідей</p><p style="color: #555;"></p>
      </div>[[MerchantAPI#Основні запити/відповіді|Читати документацію...]]
 </div>
-   <div style="width: 30%; min-width: 300px; background: white; padding: 24px; border-radius: 12px; border: 1px solid #E0E0E0; 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; 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> ==
-      <p style="color: #555;">Перевірка переказів між картами та реалізація безпечної угоди</p>
+<p style="color: #555;"></p><p style="color: #555;">Опис тестових параметрів та методів </p><p style="color: #555;"></p>
-     </div>[[MerchantAPI#Перекази та «безпечна угода»|Читати документацію...]]
+     </div>[[MerchantAPI#Тестові параметри|Читати документацію...]]
 </div>
-   <div style="width: 30%; min-width: 300px; background: white; padding: 24px; border-radius: 12px; border: 1px solid #E0E0E0; 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; 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> ==
-      <p style="color: #555;">Методи для токенізації картки для ідентифікації користувача</p>
+Методи для токенізації картки для ідентифікації користувача
-     </div>[[MerchantAPI#Робота з токенізованими картами|Читати документацію...]]
+</div>[[MerchantAPI#Робота з токенізованими картами|Читати документацію...]]
    </div>
    <!-- Ряд 2 -->
-   <div style="width: 30%; min-width: 300px; background: white; padding: 24px; border-radius: 12px; border: 1px solid #E0E0E0; 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; 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;">ApplePay</span> ==
+<div>
+Інтеграція з ApplePay, прийом платежів для швидких транзакцій
+    </div>[[MerchantAPI#Інтеграція з ApplePay|Читати документацію]]
+</div>
+<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>
+== <span style="font-size: 24px; font-weight: bold; color: #004085;">GooglePay</span> ==
+Інтеграція з GooglePay, прийом платежів для швидких транзакцій <p style="color: #555;"> </p>
+    </div>[[MerchantAPI#Основні запити/відповіді|Читати документацію...]]
+</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;">Інтеграція з Apple Pay</span>
+== <span style="font-size: 24px; font-weight: bold; color: #004085;">Створення підпису</span> ==
-      <p style="color: #555;">Прийом платежів через Apple Pay для швидких транзакцій</p>
+Генерація підпису SHA-256 для захисту запитів<p style="color: #555;"></p>
-     </div>[[MerchantAPI#Інтеграція з ApplePay|Читати документацію...]]
+     </div>[[MerchantAPI#Створення підпису|Читати документацію...]]
 </div>
-   <div style="width: 30%; min-width: 300px; background: white; padding: 24px; border-radius: 12px; border: 1px solid #E0E0E0; 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; 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; align-items: center; gap: 12px;">
+     <div>
-<span style="
+== <span style="font-size: 24px; font-weight: bold; color: #004085;">Інструменти оплати</span> ==
-            display: inline-block;
+Опис можливих інструментів оплати (картками VISA/MasterCard, мобільними грошима та інше)<p style="color: #555;"></p>
-            padding: 5px 14px;
+    </div>[[MerchantAPI#Можливі варіанти інструментів оплати|Читати документацію...]]
-            border-style: solid;
+  </div>
-            border-width: 3px;
-            border-color: #4285F4 #EA4335 #FABB05 #34A853;
-            background-color: #FFFFFF;
-            color: #000000;
-            font-family: Arial, sans-serif;
-            font-weight: bold;
-            text-transform: uppercase;
-            font-size: 14px;
-            border-radius: 18px;
-            text-align: center;
-            width: fit-content;
-        ">GPAY</span>
-<span style="font-size: 24px; font-weight: bold; color: #004085;">Google Pay</span>
+  <!-- Ряд 2 -->
-    </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;">Інструкція з оновлення платіжної сторінки</span> ==
+Інструкція описує, як змінювати візуальний вигляд платіжної сторінки, включаючи фон, кнопки та інші елементи, для адаптації до вашого бренду.
-    <p style="color: #555; margin-top: 8px;">Інтеграція з GooglePay, прийом платежів через для зручних транзакцій</p>[[MerchantAPI#Інтеграція з GooglePay|Читати документацію...]]
+</div>[[Інструкція з оновлення платіжної сторінки|Читати документацію...]]
 </div>
+<div style="display: flex; flex-wrap: wrap; justify-content: space-between; gap: 20px;">
-<br>
+  <!-- Ряд 1 -->
-   <div style="width: 30%; min-width: 300px; background: white; padding: 24px; border-radius: 12px; border: 1px solid #E0E0E0; 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; 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;">Оплата за QR MasterPass</span>
+== <span style="font-size: 24px; font-weight: bold; color: #004085;">Mobile SDKs</span> ==
-      <p style="color: #555;">Оплата з гаманця MasterPass через QR-код</p>
+Додайте підтримку оплати банківськими картками, Apple Pay та Google Pay до ваших мобільних застосунків за допомогою SDK EasyPay.
-     </div>[[MerchantAPI#Оплата за QR MasterPass|Читати документацію...]]
+     </div>[[SDK|Читати документацію...]]
-</div>
 </div>
-<div style="width: 30%; min-width: 300px; background: white; padding: 24px; border-radius: 12px; border: 1px solid #E0E0E0; 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; 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; align-items: center; gap: 12px;">
+     <div>
-        <div style="width: 40px; height: 30px; position: relative;">
+== <span style="font-size: 24px; font-weight: bold; color: #004085;">Технічна підтримка</span> ==
-            <div style="width: 30px; height: 30px; background-color: red; border-radius: 50%; position: absolute; left: 5px; opacity: 0.8;"></div>
+За потреби консультацій з питань реалізації API можна написати запит на [email protected]
-            <div style="width: 30px; height: 30px; background-color: orange; border-radius: 50%; position: absolute; left: 15px; opacity: 0.8;"></div>
-        </div>
-        <span style="font-size: 24px; font-weight: bold; color: #004085;">Оплата за QR MasterPass</span>
-    </div>
-    <p style="color: #555; margin-top: 8px;">Оплата з гаманця MasterPass через QR-код</p>
+</div>[[MerchantAPI#Технічна підтримка|Читати документацію...]]
-    <a href="#" style="color: #007BFF; text-decoration: none; font-weight: bold;">Читати документацію...</a>
+</div></div></div>
-</div>

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

Поточна версія на 11:40, 11 вересня 2025

Зміст

MerchantAPI

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

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

Токенізація

ApplePay

GooglePay

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

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

Інструкція з оновлення платіжної сторінки

Mobile SDKs

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