MerchantApi: відмінності між версіями

@@ Рядок 1: / Рядок 1: @@
-[[MerchantAPI]]
+Повна інструкція за посиланням - [[MerchantAPI]]
-<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;">
+<br>
-    <!-- Логотип Google + Заголовок -->
+<!-- Контейнер 1 -->
-    <div style="display: flex; align-items: center; gap: 10px;">
+<div style="display: flex; flex-wrap: wrap; justify-content: space-between; gap: 20px;">
-        <img src="https://upload.wikimedia.org/wikipedia/commons/5/53/Google_%22G%22_Logo.svg" alt="Google Logo" width="40">
-        <span style="font-size: 24px; font-weight: bold; color: #004085;">Інтеграція з Google Pay</span>
-    </div>
-    <!-- Опис -->
+  <!-- Ряд 1 -->
-     <p style="color: #555; margin-top: 8px;">Прийом платежів через Google Pay для зручних транзакцій</p>
+  <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> ==
+<p style="color: #555;"></p><p style="color: #555;">Опис всіх методів з прикладами запитів та відповідей</p><p style="color: #555;"></p>
+    </div>[[MerchantAPI#Основні запити/відповіді|Читати документацію...]]
+  </div>
-    <!-- Кнопка GPAY -->
+  <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="
+    <div>
-        display: inline-block;
+== <span style="font-size: 24px; font-weight: bold; color: #004085;">Тестове середовище</span> ==
-        padding: 8px 20px;
+<p style="color: #555;"></p><p style="color: #555;">Опис тестових параметрів та методів </p><p style="color: #555;"></p>
-        border-style: solid;
+     </div>[[MerchantAPI#Тестові параметри|Читати документацію...]]
-        border-width: 4px;
+  </div>
-        border-color: #4285F4 #EA4335 #FABB05 #34A853; /* Чітке розмежування кольорів */
-        background-color: #FFFFFF; /* Білий фон */
-        color: #000000; /* Колір тексту */
-        font-family: Arial, sans-serif;
-        font-weight: bold;
-        text-transform: uppercase;
-        font-size: 16px;
-        border-radius: 24px; /* Закруглені краї */
-        text-align: center;
-        width: fit-content;
-        margin-top: 10px;
-     ">GPAY</span>
-    <!-- Посилання на документацію -->
+  <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;">
-     <a href="https://apidocs.easypay.ua/MerchantAPI#Інтеграція_з_GooglePay" style="
+     <div>
-        display: inline-block;
+== <span style="font-size: 24px; font-weight: bold; color: #004085;">Токенізація</span> ==
-        padding: 8px 20px;
+Методи для токенізації картки для ідентифікації користувача
-        border: 2px solid #000000;
+    </div>[[MerchantAPI#Робота з токенізованими картами|Читати документацію...]]
-        background: #FFFFFF;
+  </div>
-        color: #000000;
-        font-family: Arial, sans-serif;
+  <!-- Ряд 2 -->
-        font-weight: bold;
+  <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;">
-        border-radius: 24px;
+== <span style="font-size: 24px; font-weight: bold; color: #004085;">Видача кредиту</span> ==
-        text-transform: uppercase;
+<div>
-        font-size: 16px;
+Метод призначений для переказу на картку користувача суми кредиту.
-        text-decoration: none;
+</div>[[Видача кредиту(переказ на картку користувача)|Читати документацію...]]
-        text-align: center;
+  </div>
-        margin-top: 10px;
-        width: fit-content;
-    ">
-        Читати документацію →
-    </a>
 </div>
+<!-- Контейнер 2 -->
+<div style="display: flex; flex-wrap: wrap; justify-content: space-between; gap: 20px;">
-<div style="display: flex; flex-wrap: wrap; justify-content: space-between; gap: 20px;">
+  <!-- Ряд 3 -->
+  <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#Інтеграція з ApplePay|Читати документацію]]
+  </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;">GooglePay</span> ==
+Інтеграція з GooglePay, прийом платежів для швидких транзакцій
+    </div>[[MerchantAPI#Інтеграція з GooglePay|Читати документацію...]]
+  </div>
-  <!-- Ряд 1 -->
+   <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: 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>
-<span style="font-size: 24px; font-weight: bold; color: #004085;">Основні запити та відповіді</span>
+== <span style="font-size: 24px; font-weight: bold; color: #004085;">SDK</span> ==
-      <p style="color: #555;">Опис всіх методів з прикладами запитів та відповідей</p>
+Інтеграція EasyPay у мобільні застосунки для швидкої та безпечної оплати на iOS та Android.
-     </div>[[MerchantAPI#Основні запити/відповіді|Читати документацію...]]
+     </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;">
+  <!-- Ряд 4 -->
+   <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> ==
-      <p style="color: #555;">Перевірка переказів між картами та реалізація безпечної угоди</p>
+Генерація підпису SHA-256 для захисту запитів
-     </div>[[MerchantAPI#Перекази та «безпечна угода»|Читати документацію...]]
+     </div>[[MerchantAPI#Створення підпису|Читати документацію...]]
+  </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;">
+<!-- Контейнер 3 -->
+<div style="display: flex; flex-wrap: wrap; justify-content: space-between; gap: 20px;">
+  <!-- Ряд 5 -->
+   <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> ==
-      <p style="color: #555;">Методи для токенізації картки для ідентифікації користувача</p>
+Опис можливих інструментів оплати (картками VISA/MasterCard, мобільними грошима та інше)
-     </div>[[MerchantAPI#Робота з токенізованими картами|Читати документацію...]]
+     </div>[[MerchantAPI#Можливі варіанти інструментів оплати|Читати документацію...]]
    </div>
-  <!-- Ряд 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="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>
-<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>
+Опис, як змінити фон, кольори елементів, кнопки та стилі платіжної сторінки
-     </div>[[MerchantAPI#Інтеграція з ApplePay|Читати документацію...]]
+     </div>[[WhitePage|Читати документацію...]]
+  </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;">
+<!-- Контейнер 5 — нові 2 блоки -->
+<div style="display: flex; flex-wrap: wrap; justify-content: space-between; gap: 20px;">
+   <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> ==
+Інструкція по користуванню мерчант кабінетом
+    </div>[[Інструкція користування Merchant cabinet|Читати документацію...]]
+  </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;">Інтеграція з Google Pay</span>
+== <span style="font-size: 24px; font-weight: bold; color: #004085;">Інструкція з фіскалізації транзакцій</span> ==
-      <p style="color: #555;">Прийом платежів через Google Pay для зручних транзакцій</p>
+Фіскалізація платежів через Checkbox: створення чеків, перевірка статусів і повернення коштів.
-    </div>[[MerchantAPI#Інтеграція з GooglePay|Читати документацію...]]
+  </div>[[Fiscalization|Читати документацію...]]
 </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;">
+<!-- Контейнер 5 — нові 2 блоки -->
+<div style="display: flex; flex-wrap: wrap; justify-content: space-between; gap: 20px;">
+   <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;">Оплата за QR MasterPass</span>
+<span style="font-size: 24px; font-weight: bold; color: #004085;">Технічна підтримка</span>
-      <p style="color: #555;">Оплата з гаманця MasterPass через QR-код</p>
-    </div>[[MerchantAPI#Оплата за QR MasterPass|Читати документацію...]]
-</div>
-</div>
+За потреби консультування можна написати запит на [email protected]
+    </div>
+</div></div>