Вы выбрали Tilda для сайта — отличное решение. Красивые лендинги, удобный конструктор, встроенные формы. Но вот наступает момент, когда нужно добавить самое главное — приём платежей. И тут возникает вопрос: как подключить оплату на Tilda так, чтобы клиенту было удобно, а вы не потеряли половину заказов из‑за сложного или неоттестированного сценария?
На самом деле всё проще, чем кажется. Tilda поддерживает несколько способов интеграции с платёжными сервисами, и в этой статье я расскажу о каждом. Разберём, какой вариант выбрать для разных задач, как протестировать оплату перед запуском, на какие типичные ошибки обратить внимание и как не потерять конверсию на этапе оплаты.
Какие способы приёма платежей есть в Tilda
Tilda позволяет добавить оплату через специальные виджеты, встроенные кнопки или формы. Выбор зависит от того, что вы продаёте и как устроен ваш сайт.
1. Платёжная кнопка
Это самый простой вариант. Вы добавляете на страницу кнопку, при нажатии на которую открывается платёжная форма в попап‑окне или на отдельной странице сервиса.
Когда использовать:
- Один товар или услуга на странице (например, лендинг одного курса).
- Фиксированная сумма.
- Быстрый запуск без сложных настроек.
Плюсы: минимум действий, клиент не покидает ваш сайт (если форма в попапе).
2. Платёжная форма (виджет)
Вы встраиваете платёжную форму прямо в страницу — например, в блок с описанием товара. Клиент видит сумму, поля для карты и кнопку «Оплатить» без дополнительных переходов.
Когда использовать:
- У вас несколько товаров с разными ценами.
- Вы хотите, чтобы оплата происходила без лишних кликов.
- Нужна возможность выбора способа оплаты (карта, СБП).
3. Форма заказа с оплатой
Самый продвинутый вариант. Вы создаёте форму, где клиент заполняет данные (имя, телефон, email), выбирает товар или вариант оплаты, а после отправки формы перенаправляется на платёжную страницу.
Когда использовать:
- У вас интернет‑магазин с несколькими позициями.
- Нужно собрать контактные данные до оплаты.
- Вы работаете с предоплатой или рассрочкой.
Все три способа можно реализовать через сервис Оплатив.ру. Интеграция с Tilda занимает 10–15 минут, код вставляется через блок «HTML‑код» или через специальный виджет.
Пошаговая инструкция: как подключить оплату на Tilda через Оплатив.ру
Предположим, вы выбрали сервис Оплатив.ру для приёма платежей. Вот как быстро настроить оплату на своём сайте.
Шаг 1. Зарегистрируйтесь в сервисе
Заполните анкету подключения. После регистрации вы попадёте в личный кабинет, где сможете создавать товары и платёжные ссылки.
Шаг 2. Создайте товар или платёжную ссылку
В личном кабинете нажмите «Добавить товар». Укажите название, стоимость, описание. Если у вас несколько вариантов (разные тарифы), создайте отдельные ссылки для каждого.
Шаг 3. Получите код для вставки на сайт
В разделе товара нажмите «Код для вставки». Сервис сгенерирует HTML‑код, который можно вставить в любой блок Tilda.
Шаг 4. Вставьте код в Tilda
В редакторе страницы выберите блок «HTML‑код» или «Виджет». Вставьте скопированный код. Отрегулируйте размер и расположение.
Шаг 5. Настройте страницу после оплаты
В личном кабинете укажите URL, на который будет перенаправлен клиент после успешной оплаты. Это может быть страница «Спасибо» или страница с доступом к материалам.
Шаг 6. Сохраните и опубликуйте страницу
После сохранения страницы проверьте, как отображается кнопка или форма на разных устройствах.
Что проверить перед запуском: тестирование и типовые ошибки
Даже если вы всё настроили по инструкции, обязательно протестируйте оплату перед тем, как отправлять клиентов на сайт.
Чек‑лист тестирования:
| Что проверяем | Как проверить |
| Корректность отображения на всех устройствах | Откройте страницу на телефоне (iOS и Android), планшете, ноутбуке. Кнопка должна быть кликабельной, форма — не «уезжать» за край. |
| Работоспособность кнопки | Нажмите на кнопку — должна открыться платёжная форма или виджет. |
| Сумма и название товара | Убедитесь, что в платёжной форме отображается правильная сумма и описание. |
| Способы оплаты | Проверьте, что клиент может выбрать карту и СБП. |
| Успешный платёж | Оплатите небольшую сумму (например, 10–20 рублей) и верните её через возврат. Убедитесь, что после оплаты клиент попадает на нужную страницу «Спасибо». |
| Уведомления | Проверьте, что вы и клиент получаете уведомления об оплате. |
Типовые ошибки, которые убивают конверсию
- Кнопка не видна на мобильном. Если вы вставили код в блок, который не адаптирован под телефон, кнопка может быть обрезана или слишком мелкая. Всегда тестируйте на реальных устройствах.
- Слишком много полей в форме. Если перед оплатой вы просите заполнить анкету из 10 пунктов, многие бросят заполнение. Оставьте только необходимое (имя, телефон, email).
- Нет защиты и доверия. На странице оплаты должны быть логотипы платёжных систем и значок «Защищено». Это повышает доверие.
- Нет информации о том, что будет после оплаты. Клиент должен понимать: после оплаты он получит письмо, доступ к курсу или свяжется с вами. Добавьте это в описание.
- Не протестировали возврат. Если вы не знаете, как вернуть деньги клиенту, в случае ошибки вы потратите много нервов. Протестируйте возврат заранее.
Как не потерять конверсию на этапе оплаты
Даже когда технически всё настроено, можно терять клиентов из‑за мелочей. Вот несколько приёмов, которые помогут сохранить продажи.
1. Используйте СБП
Многие клиенты предпочитают платить через Систему быстрых платежей — это быстрее и часто без комиссии. Убедитесь, что в вашей платёжной форме есть кнопка «Оплатить по СБП» или QR‑код.
2. Упростите форму заказа
Если вы используете форму заказа с оплатой, запрашивайте только имя, телефон и email. Всё остальное можно уточнить после оплаты.
3. Добавьте иконки безопасности
Рядом с кнопкой «Оплатить» разместите иконки Visa, Mastercard, МИР и значок замка. Это снижает страх мошенничества.
4. Предложите альтернативу при ошибке
Если платёж не прошёл, покажите понятное сообщение и предложите другой способ оплаты или написать вам. Не оставляйте клиента с ошибкой без выхода.
5. Проверьте скорость загрузки
Платёжная форма должна грузиться за 2–3 секунды. Если долго — клиент может закрыть страницу.
Юридические нюансы для приёма оплаты на Tilda
Прежде чем запускать приём платежей, убедитесь, что ваш статус позволяет это делать.
- Самозанятый. Может принимать оплату на карту физлица, но должен выдавать чек через приложение «Мой налог». Лимит дохода — 2,4 млн ₽ в год.
- ИП. Подходит для большинства бизнесов. Нужен расчётный счёт. Налог зависит от системы (УСН 6% или 15%).
- ООО. Для крупного бизнеса и работы с юридическими лицами.
Подробнее о выборе статуса читайте в наших материалах: для ИП, для юрлиц.
Если вы работаете легально, подключение платежей на Tilda пройдёт без проблем, а клиенты будут видеть, что вы серьёзный бизнес.
Заключение
Подключить оплату на Tilda — задача на 10–15 минут, если у вас есть готовый платёжный сервис. Главное — выбрать подходящий сценарий (кнопка, форма или виджет), правильно вставить код и обязательно протестировать перед запуском.
Помните: даже самая красивая страница не принесёт продаж, если на этапе оплаты клиент столкнётся с ошибкой или недоверием. Проверьте отображение на мобильных, добавьте СБП и иконки безопасности — и вы увидите, как конверсия вырастет.
Готовы настроить оплату на своём сайте на Tilda? Заполните анкету подключения и создайте свою первую платёжную форму.
Часто задаваемые вопросы
1. Можно ли подключить оплату на Tilda без программиста?
Да. В Tilda есть блок «HTML‑код» — вы просто вставляете туда код из платёжного сервиса. Интеграция с Оплатив.ру не требует знаний программирования.
2. Какой способ оплаты лучше выбрать для Tilda: кнопку или форму?
Если у вас один товар — достаточно кнопки. Если несколько или нужно собрать данные клиента — лучше форму заказа с оплатой.
3. Нужен ли мне для этого расчётный счёт?
Если вы ИП или ООО — да, нужен расчётный счёт. Самозанятые могут принимать деньги на карту физлица.
4. Как тестировать оплату на Tilda, чтобы не брать деньги с клиентов?
Создайте в сервисе товар с символической суммой (10–20 ₽), проведите тестовую оплату своей картой, затем верните деньги через личный кабинет.
5. Что делать, если платёжная форма не отображается на телефоне?
Проверьте, что блок с HTML‑кодом не обрезан на мобильной версии. В Tilda можно настроить отображение для разных устройств — убедитесь, что блок видимый.
6. Поддерживает ли Tilda СБП?
Да, если вы используете платёжный сервис, который поддерживает СБП. Оплатив.ру позволяет принимать платежи через Систему быстрых платежей.
7. Могу ли я принимать предоплату на Tilda?
Да. Создайте товар «Предоплата» или укажите в описании, что это аванс. Клиент оплачивает, вы фиксируете заказ.
8. Как вернуть деньги клиенту, если он передумал?
В личном кабинете сервиса есть функция возврата. Деньги вернутся на карту клиента в течение нескольких дней.
9. Нужно ли настраивать фискализацию (чеки) на Tilda?
Сам сервис Tilda не формирует чеки, это делает платёжный агрегатор. Оплатив.ру автоматически отправляет чеки через ФНС для ИП и ООО. Самозанятые формируют чеки самостоятельно.