Как подключить платежную систему к сайту Tilda: пошаговая инструкция

Получить CloudPayments бесплатно

Возможности Tilda для приема оплаты

Tilda поддерживает встроенные блоки магазина и формы с оплатой через партнерских провайдеров. Варианты:

  • Интернет‑магазин (каталог/корзина) — на базе готовых блоков.
  • Формы оплаты (в том числе платёж за товар/услугу по фиксированной сумме).
  • Кастом через Zero Block и HTML‑блоки (встраивание виджета провайдера).

Поддерживаются популярные провайдеры для РФ: YooKassa, CloudPayments, Тинькофф Касса и др. Важные аспекты: СБП, Apple/Google Pay, рекуррентные списания (в ряде случаев через виджет и токенизацию), фискализация чеков по 54‑ФЗ.

Выбор провайдера: YooKassa, CloudPayments, Тинькофф

Сравните по критериям:

  • Комиссии: карты 1.5–3%+, СБП обычно ниже.
  • Методы: СБП, Pay‑by‑link, Apple/Google Pay.
  • Простота подключения к Tilda: наличие готовых инструкций и ключей.
  • 54‑ФЗ: есть ли облачная касса и корректные чеки.
  • Подписки: нужны ли регулярные списания.

Способы интеграции на Tilda: магазин/формы/Zero Block

  • Магазин: в «Настройках сайта → Платежные системы» включите провайдера и добавьте товары с ценами/налогами.
  • Формы: используйте блоки оплаты; укажите сумму, валюту, привязку к провайдеру.
  • Zero Block/HTML: для кастом‑флоу вставьте JS‑виджет (например, CloudPayments) или кнопку оплаты с вызовом модального окна.

Пошагово: подключение YooKassa

  1. Создайте аккаунт YooKassa, пройдите онбординг (договор/оферта).
  2. В кабинете получите shopId и секретный ключ, включите нужные методы (карты, СБП, Apple/Google Pay).
  3. В Tilda: «Site Settings → Payments» выберите YooKassa и вставьте ключи.
  4. Укажите домены сайта, верните адреса return/callback (если требуется).
  5. Протестируйте оплату в тестовом режиме (если доступен) — сценарии успеха/отказа, возврат.
  6. Проверьте фискализацию: заполнение номенклатуры, НДС, передача признака расчёта.

Пошагово: подключение CloudPayments

  1. Зарегистрируйтесь в CloudPayments, подтвердите домен, запросите публичный/секретный ключ.
  2. Включите методы: карты, СБП, Apple/Google Pay (для Apple Pay — верификация домена).
  3. В Tilda «Payments» выберите CloudPayments и вставьте ключи.
  4. При необходимости используйте HTML‑блок с JS‑виджетом для кастомной кнопки.
  5. Настройте уведомления (вебхуки) на свой сервер, если обрабатываете статусы вне Tilda.
  6. Проверьте чеки 54‑ФЗ: передача позиций, налогов и способа оплаты «безналичный»/«электронно».

СБП и быстрые платежи на Tilda

СБП включается в кабинете провайдера и автоматически появляется в виджете/списке методов. Проверьте отображение QR и deep‑link на мобильных. В чеке укажите способ оплаты как СБП. Сценарии: мгновенный платёж через банк клиента; комиссии обычно ниже карт.

Apple Pay/Google Pay: требования и включение

  • Apple Pay: доменная верификация, HTTPS, соответствие требованиям провайдера. На iOS в Safari показывается нативная кнопка.
  • Google Pay: включается в кабинете провайдера, отображается на Android/Chrome.
  • Проверьте, что суммы и валюта корректны, а покупатель видит итоговую цену до подтверждения.

54‑ФЗ на Tilda: чеки и фискализация

В РФ обязателен чек: либо используйте облачную кассу провайдера (рекомендуется), либо собственную ККТ с API интеграцией. В товарах Tilda заполните наименования, ставки НДС, признак предмета расчёта. Тестируйте отправку чеков и возвратных чеков.

Тестирование, вебхуки, обработка статусов

  • Песочница провайдера: прогоните успешный платёж, отказ (недостаточно средств), отмену, возврат.
  • Вебхуки: если ваш бэкенд получает статусы, проверьте подпись и идемпотентность.
  • Страницы успеха/ошибки: настройте понятные сообщения и ссылки на повторную оплату.

Типичные ошибки и чек‑лист

Ошибки: неверные ключи, неуказанная верификация домена для Apple Pay, отсутствие НДС/номенклатуры, неактивный метод СБП в кабинете.

Чек‑лист:

  • Ключи и домены подключены
  • Методы: карты/СБП/Apple/Google Pay включены
  • Чеки 54‑ФЗ формируются корректно
  • Тесты успех/отказ/возврат пройдены
  • Понятные страницы успеха/ошибки

Готово! Изучите также сравнение провайдеров и раздел по безопасности, чтобы усилить конверсию и снизить фрод.

Получить CloudPayments бесплатно