# Огляд (/uk/online)





<section id="overview">
  <br />

  <div className="bg-background relative h-auto w-full overflow-hidden rounded-lg border">
    <FlickeringGrid className="absolute inset-0 z-0 size-full" squareSize="4" gridGap="6" maxOpacity="0.1" flickerChance="0.1" height="800" width="1000" />

    <OnlineDiagram />
  </div>
</section>

<QuickLinks product="online" className="my-2" />

Checkout уже працює. Hosted Checkout і Embedded Checkout підтримують картки, Apple Pay і Google Pay. Перш ніж приймати реальні платежі, кожен мерчант має пройти [онбординг](/merchants/onboarding), отримати схвалення для онлайн-платежів і мати налаштований платіжний шлюз. Готовність мерчанта та налаштування гаманців описано в розділі [Налаштування Checkout](/online/integration/checkout_settings).

## Інтеграція [#build]

<Cards>
  <Card title="Hosted Checkout" href="/online/integration/hosted_checkout" description="Створіть сесію, переспрямуйте клієнта на сторінку, розміщену Tapaya, і перевірте платіж на своєму сервері." />

  <Card title="Embedded Checkout" href="/online/integration/embedded_checkout" description="Розмістіть захищені поля картки на власній сторінці оформлення замовлення та залиште власну кнопку оплати." />

  <Card title="Node.js SDK" href="/online/integration/node_sdk" description="Встановіть @tapayadot/checkout і перегляньте довідку щодо параметрів клієнта, методів сесій та помилок." />

  <Card title="Інтеграція через API" href="/online/integration/api_integration" description="Поля запиту, стани платежу та правила ідемпотентності." />
</Cards>

## Експлуатація [#operate]

Мерчанти, кошти, відповідність вимогам і підтримка спільні з Прийомом платежів у торговій точці та описані в розділі [Огляд](/). Наведені там
[сценарії використання](/#how-it-works) показують, яке місце займають онлайн-платежі.

<Cards>
  <Card title="Безпека Checkout" href="/online/security/checkout_security" description="Робота з ключами на сервері та перевірка платежів перед виконанням замовлення." />
</Cards>

<Callout title="Готові почати?" type="info">
  Прийміть свій перший онлайн-платіж за нашим [швидким стартом](/online/getting-started/quick_start_guide). Із запитами на функції чи технічними питаннями звертайтеся до нас на [developers@tapaya.com](mailto:developers@tapaya.com).
</Callout>