Войти
Связаться с нами

Платёжный виджет для сайта: что это и как установить без разработчика

Покупатель решил заплатить, нажал кнопку и попал на незнакомую страницу с другим дизайном и адресом. Часть людей на этом шаге закрывает вкладку. Платёжный виджет убирает этот шаг: форма оплаты открывается прямо на вашем сайте.

Что такое платёжный виджет

Платёжный виджет — это форма оплаты, которая встраивается в сайт. Покупатель нажимает кнопку «Оплатить», поверх страницы открывается окно с суммой заказа и способами оплаты. Он платит картой, через СБП, в рассрочку или в кредит и остаётся на вашем сайте.

Данные карты при этом проходят через платёжный сервис, а не через ваш сайт. Поэтому вам не нужно самим отвечать за хранение карточных данных и проходить сертификацию по безопасности.

Виджет, платёжная страница или ссылка: в чём разница

Есть три основных способа принимать оплату онлайн.
Платёжная страница
Покупателя перебрасывает на сайт платёжного сервиса, после оплаты он возвращается обратно. Подключить просто, но переход на чужой адрес настораживает часть покупателей.
Платёжная ссылка
Вы создаёте ссылку в личном кабинете и отправляете её клиенту в мессенджер или почту. Удобно, когда сайта нет или продажи идут в переписке.
Виджет
Форма открывается поверх вашего сайта. Покупатель не уходит со страницы, поэтому до оплаты доходит больше людей. Подходит интернет-магазинам, онлайн-школам, сервисам с подпиской — всем, у кого оплата идёт на сайте.
Эти способы не исключают друг друга. В Mandarin виджет, платёжные ссылки и платёжная страница работают из одного личного кабинета.

Что умеет хороший платёжный виджет

Перед подключением проверьте, что виджет:

  • поддерживает все нужные способы оплаты:
    карты, СБП, рассрочку и кредит. Чем больше вариантов, тем меньше отказов на последнем шаге;
  • нормально работает на телефоне:
    большинство покупателей платит с мобильного, и форма должна быть удобной на маленьком экране;
  • настраивается под ваш сайт:
    логотип, описание покупки, цвета. Покупатель должен понимать, что платит именно вам;
  • сам формирует чеки:
    если вы принимаете деньги от физлиц, нужен чек по 54-ФЗ. Удобно, когда сервис отправляет его автоматически;
  • показывает статус платежа:
    в личном кабинете должно быть видно, прошла оплата или нет, без звонков в поддержку;
  • позволяет делать возвраты
    в пару кликов, полностью или частично.

Как установить платёжный виджет без разработчика

  • Шаг 1. Подключите платёжный сервис
    Оставьте заявку и пройдите проверку: сервис запросит документы компании и посмотрит сайт. Подробно, что нужно на этом этапе, мы разобрали в статье «Как подключить приём платежей на сайт». В Mandarin подключение занимает один день и ничего не стоит.
  • Шаг 2. Настройте форму в личном кабинете
    Добавьте логотип и описание, выберите способы оплаты, которые хотите показывать. Если продаёте дорогие товары или курсы, включите рассрочку и кредит: покупателю проще решиться, когда сумму можно разбить на части.
  • Шаг 3. Поставьте кнопку оплаты на сайт
    Есть два простых пути, оба без программиста.

    Через готовую интеграцию. Если сайт сделан на конструкторе или популярной CMS (например, на Tilda), установите готовый модуль и вставьте ключи из личного кабинета. Кнопка оплаты появится сама.

    Через код кнопки. В личном кабинете есть готовый фрагмент кода. Скопируйте его и вставьте в блок HTML на странице товара, курса или в корзину. В большинстве конструкторов для этого есть отдельный блок «HTML-код».
  • Шаг 4. Проверьте оплату
    Сделайте тестовые платежи:

    1. оплатите заказ картой с компьютера;
    2. оплатите через СБП с телефона;
    3. проверьте, что статус платежа появился в личном кабинете;
    4. сделайте возврат и убедитесь, что он прошёл;
    5. проверьте, что покупателю пришёл чек.

    Обычно на всё уходит около часа.

Где разместить кнопку оплаты

Кнопка работает лучше всего там, где покупатель уже решил купить:
  • на странице товара или тарифа, рядом с ценой;
  • в корзине и на шаге оформления заказа;
  • в конце лендинга, после блока с выгодами и отзывами;
  • в письме или сообщении с подтверждением заказа (здесь удобнее платёжная ссылка).
Не прячьте оплату за лишними шагами. Каждое дополнительное поле или переход снижает число оплат.
Частые вопросы
  • Нужен ли программист, чтобы поставить виджет?
    Нет. Для конструкторов и популярных CMS есть готовые модули, а код кнопки достаточно вставить в HTML-блок. Программист нужен только для нестандартной логики, например оплаты внутри мобильного приложения.
  • Безопасно ли принимать оплату через виджет на своём сайте?
    Да. Данные карты вводятся в защищённой форме платёжного сервиса и не попадают на ваш сервер.
  • Можно ли принимать через виджет оплату в рассрочку?
    Да, если платёжный сервис это поддерживает. В Mandarin в одном виджете доступны карты, СБП, рассрочка и кредит.
  • Чем виджет лучше обычной платёжной страницы?
    Покупатель не уходит с вашего сайта. Меньше переходов — меньше брошенных оплат.
  • Сколько стоит подключение?
    В Mandarin подключение бесплатное, комиссия берётся только с успешных платежей. Подробнее о тарифах — на странице приёма платежей.
Хотите принимать оплату прямо на сайте?
Подключите платёжный виджет Mandarin — запуск за один день, без абонентской платы.
Оставить заявку