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

Table of contents

• Возможности Tilda для приема оплаты
• Выбор провайдера: YooKassa, CloudPayments, Тинькофф
• Способы интеграции на Tilda: магазин/формы/Zero Block
• Пошагово: подключение YooKassa
• Пошагово: подключение CloudPayments
• СБП и быстрые платежи на Tilda
• Apple Pay/Google Pay: требования и включение
• 54‑ФЗ на Tilda: чеки и фискализация
• Тестирование, вебхуки, обработка статусов
• Типичные ошибки и чек‑лист

Возможности 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‑ФЗ формируются корректно
• Тесты успех/отказ/возврат пройдены
• Понятные страницы успеха/ошибки

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