Как подключить CloudPayments к сайту на Turbosite
CloudPayments — российский сервис интернет-эквайринга. Подходит для приёма платежей картами, через СБП, SberPay, T-Pay, рассрочками. Главная особенность — рекуррентные платежи (подписки). Подключение для бизнеса бесплатное, комиссия — от 2,5% за успешный платёж. Установка занимает 10–20 минут после подключения договора.
Что понадобится
- Аккаунт в CloudPayments и подписанный договор — заявка на сайте cloudpayments.ru
- Опубликованный сайт на Turbosite
- 10–20 минут
⚠️ Важно: для подключения нужны ИП, ООО или самозанятый. Регистрация и заключение договора занимают 1–3 дня.
Шаг 1. Подключиться к CloudPayments
- Оставьте заявку на cloudpayments.ru — с вами свяжется менеджер.
- Подпишите договор и получите доступ в личный кабинет.
- В личном кабинете найдите ваш Public ID — это публичный ключ, без него виджет работать не будет. Хранится в разделе «Сайты» → выбрать сайт.
Шаг 2. Получить код виджета
CloudPayments работает через виджет: на сайт вставляется небольшой скрипт, а при нажатии на кнопку оплаты открывается всплывающее окно с формой ввода карты.
Самый простой способ — использовать готовый код:
<script src="https://widget.cloudpayments.ru/bundles/cloudpayments.js"></script>
<button onclick="pay()">Оплатить</button>
<script>
function pay() {
var widget = new cp.CloudPayments();
widget.pay('charge',
{
publicId: 'ВАШ_PUBLIC_ID',
description: 'Оплата товара',
amount: 1000,
currency: 'RUB',
invoiceId: 'ORDER_001',
accountId: 'user@example.com'
},
{
onSuccess: function (options) { alert('Оплата прошла!'); },
onFail: function (reason, options) { alert('Ошибка: ' + reason); }
}
);
}
</script>
Замените ВАШ_PUBLIC_ID на ваш ключ из личного кабинета, amount — на нужную сумму, description — на название товара.
📷 Скриншот: личный кабинет CloudPayments → раздел «Сайты» → поле Public ID.
⚠️ Проверить актуальность: точные имена разделов и расположение Public ID могут отличаться. Если не нашли — обратитесь в поддержку CloudPayments.
Шаг 3. Вставить код в Turbosite
Виджет работает в два этапа: скрипт подключается глобально, а кнопка оплаты ставится в нужном месте страницы.
Скрипт виджета:
-
Откройте ваш сайт в Turbosite.
-
Перейдите в Настройки сайта → Интеграции → HTML-код в
<head>(это служебная часть страницы — посетители её не видят, но скрипты оттуда подгружаются при открытии сайта).
-
Вставьте только эту строку:
<script src="https://widget.cloudpayments.ru/bundles/cloudpayments.js"></script>
Кнопку оплаты добавьте отдельным блоком HTML в тело страницы — в том месте, где она должна появиться.
Шаг 4. Проверить, что оплата работает
- Откройте опубликованный сайт.
- Нажмите кнопку «Оплатить» — должно открыться всплывающее окно CloudPayments.
- Для теста используйте тестовый Public ID (выдаётся в личном кабинете) и тестовые карты из документации.
- Боевая проверка — провести минимальный платёж реальной картой.
Частые вопросы
Как настроить подписку (рекуррентные платежи)?
В коде виджета добавьте параметр data с указанием периодичности. Подробности — в документации CloudPayments.
Как отправлять чеки покупателям (54-ФЗ)? В личном кабинете CloudPayments подключите модуль фискализации (онлайн-касса). Чеки будут уходить автоматически.
Какие способы оплаты доступны? Карты Мир, Visa, Mastercard, СБП, SberPay, T-Pay, Apple/Google Pay (для совместимых устройств), рассрочки от банков-партнёров.
Когда деньги придут на счёт? По умолчанию — на следующий рабочий день. Можно настроить более быстрые сроки, обсуждается с менеджером.
Куда смотреть дальше
- Документация CloudPayments — полная техническая документация
- Описание виджета — параметры и настройки
- Личный кабинет — управление платежами
