как сделать форму для оплаты картой
5 сервисов для подключения онлайн-платежей к сайту
Это перепечатка статьи, которая вышла в нашей группе «ВКонтакте».
Предусмотреть разные способы оплаты – значит позаботиться о клиенте. Кому-то важно заплатить с карты сейчас, потому что потом денег может не быть, другому важно оплатить наличными при получении, потому что их нет сейчас. Предусмотрев все эти ситуации, вы не будете терять клиентов только из-за проблем с оплатой.
Однако онлайн-платежи на сайте должны быть не только удобными, но и безопасными – чтобы деньги или платежные данные клиента не попали в руки злоумышленника. Поэтому выбирать сервис приема платежей стоит очень внимательно. Рассмотрим 5 популярных платежных систем, а в конце коснемся еще одного способа приема средств онлайн.
«Яндекс.Касса»
Один из самых популярных сервисов для организации онлайн-платежей на сайте, в приложении или чате. Есть готовые решения для соблюдения 54-ФЗ.
Доступно индивидуальным предпринимателям и юридическим лицам, сейчас в разработке решение для самозанятых.
Физическим лицам предлагают воспользоваться формами и кнопками «Яндекс.Денег».
Подключение. Чтобы подключиться к сервису, потребуется аккаунт «Яндекса» и документы ИП или юрлица. Все оформляется и подписывается онлайн.
Цена. Подключение и обслуживание бесплатно, абонентской платы нет.
Комиссии. От 2,8 % при оплате картой до 5 % за платежи с Qiwi и WebMoney.
Поддерживает прием платежей с банковских карт и электронных кошельков, через Apple Pay и Google Play, наличными через терминалы, в интернет-банках, с баланса телефона. При необходимости можно добавить возможность оплаты в кредит.
Подойдет интернет-магазинам, онлайн-сервисам, сфере услуг B2C. Также позволяет сделать на сайте функционал для B2B-платежей через «Сбербанк Бизнес Онлайн».
Есть готовые решения для сайтов на распространенных CRM – «1С-Битрикс», WordPress, OpenCart и другие. Также есть интеграции с CRM и «Живосайтом». Если для проекта нет готового решения, можно подключить систему к сайту через API.
Robokassa
Платежный сервис работает на рынке 15 лет, один из самых старых и надежных. Безопасность платежных данных и денег подтверждена сертификатом соответствия стандарту PCI DSS. Robokassa – один из немногих сервисов, у которых есть решение для соблюдения закона об онлайн-кассах без покупки оборудования – «Робочеки».
Доступно индивидуальным предпринимателям, юридическим и физическим лицам.
Подключение. Для подключения нужно зарегистрироваться в сервисе. Юридические лица и ИП загружают сканы документов, присылают оригиналы и заключают договор. Физлица проходят процедуру идентификации и работают через публичную оферту.
Цена. Robokassa подключается бесплатно, абонентской платы нет, оплачиваются только проценты с оборота.
Комиссия зависит от оборота, типа товаров и услуг, валюты и способа оплаты. Есть отдельный тариф для благотворительных и религиозных организаций. Для физических лиц комиссия выше, чем для юридических.
Поддерживает прием платежей банковскими картами, электронными деньгами, через интернет-банкинг и терминалы, с баланса телефона и картой рассрочки «Халва».
Подойдет интернет-магазинам, онлайн-сервисам, инфобизнесу и сфере услуг.
Для интеграции платежной системой с сайтом есть много готовых модулей для разных решений: WordPress, Tilda, Insales, «Платформа LP», Ecwid и многих других. Чтобы подключить платежи без готового модуля, нужно установить на сайт скрипт.
PayAnyWay
Разработчики утверждают, что сервис подходит всем, кто продает товары и услуги в интернете. Помимо стандартных способов оплаты позволяет отправлять покупателям счета на оплату по e-mail и SMS, настраивать списание регулярных платежей, блокировать сумму покупки на карте клиента, а также возвращать покупателям деньги полностью или частично. Есть готовые решения для соблюдения 54-ФЗ.
Доступно юридическим лицам, индивидуальным предпринимателям и самозанятым. Также сервисом могут воспользоваться компании, зарегистрированные за пределами России.
Цена. Подключение и обслуживание – бесплатно.
Комиссии. От 1 до 4 %, зависят от способа оплаты. Есть специальный тариф для предприятий ЖКХ – сниженный процент для некоторых способов оплаты. Опубликованные тарифы действительны для российских компаний, для нерезидентов ставки определяются индивидуально.
Поддерживает прием платежей с карт, через салоны связи, платежные терминалы, а также электронными деньгами и по SMS.
Подойдет всем, кто продает товары и услуги в интернете, в том числе – микрофинансовым организациям и предприятиям ЖКХ. PayAnyWay будет интересен компаниям с моделью по подписке – он позволяет подключить рекуррентные платежи и списывать регулярную оплату с карты клиента автоматически.
У сервиса десятки готовых модулей для организации оплаты на сайтах под управлением WordPress, «1С-Битрикс», Canape CMS, Drupal, UMI.CMS. Есть решения для проектов на конструкторах вроде Ecwid, InSales, Wix и многих других даже не самых популярных технологий. Если нужного модуля все-таки нет, можно подключить к сайту платежную форму или обратиться за помощью к разработчикам сервиса.
Fondy
Еще один сервис с возможностью списывать регулярные платежи автоматически. Позволяет выставлять инвойсы онлайн, поэтому подойдет даже тем компаниям и предпринимателям, у которых нет сайта. Чтобы получить деньги, нужно заполнить простую форму в личном кабинете и отправить клиенту ссылку на оплату в мессенджере, по почте или в SMS. Есть готовые решения для соблюдения 54-ФЗ.
Доступно российским компаниям и индивидуальным предпринимателям.
Подключение. Чтобы воспользоваться сервисом, нужно зарегистрироваться, заполнить информацию, загрузить документы и подписать договор – все удаленно.
Цена. Подключение и обслуживание бесплатно.
Комиссии. Около 3 %, точная цифра зависит от оборота. Также комиссии могут отличаться для разных видов деятельности.
Поддерживает прием платежей с пластиковых карт и электронных кошельков в рублях, гривнах, долларах, евро и других валютах – всего более 100. Деньги выводятся на расчетные счета юридических лиц, индивидуальных предпринимателей и карты физлиц в России, Европе и Украине.
Подойдет интернет-магазинам, представителям сферы услуг, онлайн-сервисам и инфобизнесу.
Есть готовые платежные модули для популярных CMS – Magento, OpenCart, WordPress, Drupal и других. Подключить систему к сайту можно и с помощью платежной кнопки, которая устанавливается даже в блоге.
«Единая Касса»
Создатели позиционируют «Единую Кассу» как универсальную систему приема платежей. Есть готовые решения для подключения онлайн-касс и соблюдения 54-ФЗ.
Доступно индивидуальным предпринимателям, физическим и юридическим лицам.
Подключение. Чтобы подключить платежную систему к сайту, нужно зарегистрировать и активировать аккаунт, а затем следовать подробной инструкции.
Цена. Подключение и обслуживание бесплатно.
Комиссии. От 2,5 до 5 %. Зависят от страны регистрации бизнеса, валюты платежа, оборота и способа оплаты.
Комиссии зависят от оборота и способа оплаты
Поддерживает прием платежей большинством популярных способов – банковские карты, электронные деньги, Apple Pay, интернет-банкинг, платежные терминалы – всего около 100. При необходимости можно подключить возможность оплаты в рассрочку.
Подходит интернет-магазинам, продавцам услуг, онлайн-сервисам.
Для интеграции с сайтом есть 34 готовых плагина под популярные CMS. Проекты, реализованные на других технологиях, подключаются через API.
Бонус: интернет-эквайринг вашего банка
Если банк, в котором у компании открыт расчетный счет, предлагает решения по интернет-эквайрингу, лучше выбрать именно его. Зачастую банки предлагают своим клиентам более привлекательные комиссии, чем онлайн-сервисы. Другое преимущество – деньги поступают на расчетный счет автоматически без комиссии за вывод из системы.
Из минусов – интернет-эквайринг от банка может поддерживать не так много способов оплаты, как развитые платежные системы.
Что выбрать?
В нашу подборку попали крупные уважаемые сервисы, которые давно работают на рынке и имеют множество положительных отзывов. Поэтому успешно сотрудничать можно с любым из них. При выборе стоит обратить внимание на:
Только планируете запустить свой проект? Прочитайте, где подстелить соломки в нашей статье «5 способов создать проблемы интернет-магазину еще до его запуска: личный опыт».
Как организовать прием платежей на сайте самозанятым, ИП и юрлицам
Вывод однозначный: если у вас есть бизнес в интернете, вам нужно дать возможность клиентам платить онлайн. Без этого вы добровольно откажетесь почти от половины потенциальных заказчиков. Расскажем, как организовать прием оплат в интернете для разных организационных форм бизнеса.
Онлайн-оплаты для самозанятых: особенности
Самозанятый гражданин в России — официальный статус. Зарегистрировав его, можно работать в сферах, которые определены законом № 422-ФЗ от 27.11.2018. Самозанятым разрешено принимать оплату на карту банка или на электронный кошелек.
Самозанятым запрещено пользоваться торговыми POS-терминалами. Но по приему оплат через сайт ограничений нет. Единственное условие — регистрация каждой операции через мобильное приложение «Мой налог».
Как самозанятое лицо может принимать деньги от онлайн-покупателей:
Несколько вариантов агрегаторов для самозанятых:
Доступен ли интернет-эквайринг для физлиц?
Законодательство РФ четко определяет границы предпринимательской деятельности. Если физлицо без регистрации ИП и статуса самозанятого принимает оплаты, это трактуется как получение незаконного дохода. Наказание — штраф до 500 тыс. рублей или заключение до 5 лет.
Российским платежным сервисам запрещено работать с физлицами. Но пути обхода есть:
Однако придется столкнуться с ограничениями, более высокими тарифами и риском блокировки мерчант-счета без объяснений и возврата средств. Стоит ли так рисковать — решать вам.
Онлайн-оплаты для ИП и юридических лиц: больше возможностей
Предприниматели и компании могут вести бизнес, принимая оплаты на зарегистрированный банковский счет. Это открывает больше возможностей, в том числе и для интернет-платежей. Есть четыре официальных способа для подключения оплат через сайт.
Интернет-эквайринг
Проще говоря — прием оплат от клиентов с помощью банковских карт. Подключить эквайринг можно через банк, обслуживающий расчетный счет ИП или юрлица.
Плюсы:
Минусы:
Платежный шлюз
Это сервис-посредник. По сути, это «мост» между сайтом ИП или юрлица и платежным сервисом. С помощью шлюза можно подключить несколько платежных посредников: тот же банк для эквайринга, операторов электронных денег для приема оплат е-кошельками и т.п. Сам шлюз обеспечивает только передачу данных о транзакции. Он не взаимодействует с деньгами.
Плюсы:
Минусы:
Платежная система
Это вариант приема платежей на сайте напрямую через оператора электронных денег. Яндекс.Деньги, Paypal и прочие подобные компании предоставляют свои инструменты для установки на сайты. Через них клиенты могут оплачивать услуги и товары, пользуясь привычным интерфейсом.
Плюсы:
Минусы:
Агрегатор
Это уже упомянутая выше система, которая снимает с бизнеса много «головной боли». Они сами договорились с десятками эквайеров и операторов. Они предоставляют универсальный инструмент: установив его, бизнес может открыть для клиентов разнообразие вариантов оплаты. 
Плюсы:
Минусы:
Что выбрать?
Несколько простых рекомендаций для бизнеса по выбору платежного посредника.
Маленькая сноска: эти советы будут иметь ценность, когда вы изучите целевую аудиторию и узнаете ее предпочтения.
Вместо заключения
Наличие официального статуса — будь то самозанятое лицо, предприниматель или ООО — дает право принимать оплаты онлайн на банковскую карту или счет. Рынок предлагает достаточное количество способов: от прямого взаимодействия с банком до сервисов-посредников. Выбирая подходящий вариант, стоит учитывать обороты, особенности бизнеса, тарифы и условия. И стоит отказаться от нелегальных или условно-легальных операций, ведь это чревато последствиями.
3 простых способа: как сделать оплату на сайте!
Приветствую Вас, уважаемый посетитель! На связи Владимир Савельев и сегодня мы с Вами узнаем как сделать оплату на сайте, тремя способами! Тема достаточно актуальная для тех, у кого есть сайт/блог и Вы хотите оказывать платные услуги, продавать товары или сделать платный доступ к какому-либо разделу.
Что же, дело хорошее, но Вас мучает вопрос КАК?! Как все это дело настроить и как подключить систему приёма платежей? Будем разбираться по порядку.
Знания это сила:
Признаюсь честно, когда то и я не понимал механизмы приема платежей на сайте, с первого взгляда кажется все таким сложным и непонятным, но изучив данную тему, все становится на свои места. Оказывается все просто друзья!
3 способа: Как сделать оплату на сайте
Можно принимать платежи на сайте тремя способами — в ручном режиме, в автоматическом или с помощью специального скрипта. Лично я отдаю предпочтение 3му варианту, так как у него намного больше преимуществ. Смотрите сами:
1. Ручной режим — клиент видит сумму и реквизиты оплаты, переводит деньги, пишет сообщение о переводе денег и за что. Вы в ручную обрабатываете заказ и высылаете клиенту товар. Такой способ не удобен как для клиента, так и для продавца.
2. Автоматический режим — клиент видит сумму и кнопку купить, нажимает на нее, заполняет небольшую форму и переходит на страницу оплаты, выбирает удобный для него способ, оплачивает! После удачной оплаты клиент попадает на страницу скачивания курса например, или получает какие-то секретные данные.
Продавец настраивает все один раз и радуется автоматизму.
3. С помощью скрипта Order Master 2 — который может с легкостью подключить любую из перечисленных ниже систем, в пару кликов мышки. А так же — вести статистику, создать свою партнерскую программу, собирать базу клиентов, делать e-mail рассылки и многое другое.
Да что уж там расхваливать, прочитайте обзор и комментарии, сами все поймете =) Многие известные интернет-предприниматели используют именно этот скрипт!
Не трудно догадаться, почему я использую именно автоматические системы (в частности Order Master 2) и именно об этом я и буду говорить дальше!
Как происходит процесс приема платежей на сайте
Если объяснить просто, то механизм приема платежей в автоматическом режиме выглядит следующим образом:
Попросту говоря, нам нужно лишь подключить наш сайт/блог, к системе приёма платежей, настроить там все и радоваться автоматизму!
Естественно, системы приёма платежей, берут определенный процент от сделки и в настройках можно указать, кто его будет оплачивать: продавец или покупатель? Я же рекомендую взять всю комиссию на себя, в этом случае у клиентов не будет возникать вопросов «почему тут одна сумма, а тут другая»!
Надеюсь Вы поняли, как сделать оплату на сайте? Конечно, я многое упростил, но лишь для того, чтобы Вам было понятно! Будут вопросы, пишите в комментариях.
Самые популярные системы приёма платежей
В настоящее время подобные услуги в Рунете предлагают множество компаний и я не смогу подробно рассказать о каждой системе. Я работал только с z-payment и она меня устраивает более чем. О том как подключить сайт к z-payment читайте в этой статье.
Так кто же они, самые популярные системы приёма платежей? Огласите весь список пожалуйста =) Вот:
Подробные инструкции по подключению, читайте или смотрите на их сайтах. А я надеюсь Вы поняли как сделать оплату на сайте и буду закругляться! Если есть вопросы, пишите!
Дорогой посетитель, если у Вас есть опыт работы с какими-либо системами. прошу оставить отзыв, в комментариях к данной статье. Эта информация будет весьма кстати.
Конструктор платёжных форм ЮKassa
У вас есть классный продукт или услуга и сайт, но нет приёма оплаты? Читайте эту статью до конца. В ней мы расскажем, как быстро и бесплатно создать форму оплаты для своего сайта без разработчика. Если вы уже пользуетесь ЮKassa, на всё про всё у вас уйдёт меньше получаса. Если ещё не пользуетесь — пара дней.
Вам понадобится бесплатный конструктор платёжных форм ЮKassa. Это онлайн-сервис для создания страниц оплаты с любыми нужными вам полями и кнопками. С ним вам не нужно знать html или уметь программировать: удобную форму для нужд своего бизнеса сможет создать любой пользователь ПК.
Как работает форма по приёму платежей на сайте?
Платёжная форма открывается после того, как покупатель переходит к оплате заказа. На ней обычно отображена сумма покупки и перечень товаров.
Покупателю нужна пара простых действий, чтобы завершить покупку:
Это не только проще чем переводы на карту, но и позволяет вам работать официально. Если у вас ИП или юрлицо, и закон требует выдавать клиентам фискальные чеки, вы можете интегрировать ЮKassa с уже имеющейся ККТ или подключить нашу облачную онлайн-кассу под ключ. В обоих случаях после каждой оплаты через ЮKassa чеки будут автоматически отправляться в налоговую и покупателю.
Более 120 тысяч магазинов в Рунете принимают оплату через ЮKassa. Пользователям знаком интерфейс наших платёжных форм, они доверяют ему и не боятся за свои платёжные данные.
Как создать форму в конструкторе?
Когда ЮKassa подключена, можно приступать к созданию и размещению платёжной формы. Она может быть как простой с минимальным количеством полей, так и подробной, где покупатель сможет указать свои контактные данные, самостоятельно ввести сумму и так далее.
Осталось несколько простых шагов на 10–20 минут:
Выберите настройки платёжной формы, которые подойдут для ваших задач: напишите свой текст на кнопке, включите нужные поля и добавьте товары.
Вы увидите, как меняется форма, в режиме онлайн — справа на странице есть предпросмотр.
Там же, справа, будет вкладка «Посмотреть код». Скопируйте оттуда код, когда закончите редактировать форму.
На конструкторе можно создать любое количество платёжных форм. Это бесплатно. Вы уплачиваете только комиссию с успешных операций через ЮKassa — от 2,8% при платежах банковскими картами.
Не хочу подключать форму, какие ещё есть варианты?
Конструктор платёжных форм удобен, если у вас нет разработчика, а сам магазин создан на конструкторе сайтов или CMS без модулей оплаты. У ЮKassa есть и другие варианты интеграции с сайтом.
Готовые модули для CMS
Для многих популярных CMS у ЮKassa уже есть готовые платёжные модули. Вам нужно выбрать модуль на сайте и настроить его по инструкции, разработка не понадобится.
Виджет ЮKassa
Если у вас есть разработчик, подключите Кассу по API и воспользуйтесь виджетом. Виджет встраивается прямо на сайт, в нём пользователь может сохранить свои платёжные данные для автоплатежей. При оплате через виджет пользователь не покидает сайт и не переходит на отдельную платёжную страницу. Кроме того виджет можно оформить в дизайне вашего сайта.
Мобильный SDK
С помощью мобильного SDK можно встроить платёжную форму в приложение на iOS или Android. В ней пользователь укажет свои платёжные данные, не покидая приложение, и сможет совершить оплату. Мобильный SDK обменивает данные из платёжной формы на одноразовый токен, который вы отправляете в ЮKassa для завершения оплаты.
Платёжные ссылки
ЮKassa позволяет продавать без сайта с помощью выставления счетов. В этом случае вы создаёте счёт в личном кабинете и отправляете его покупателю в чате, смс или по e-mail. Пользователь переходит по полученной ссылке на платёжную форму ЮKassa, вводит свои данные и совершает оплату.
Все сценарии оплаты можно посмотреть на этой странице.
Резюме
У вас есть лендинг, простой сайт на конструкторе или CMS без платёжной формы? Создайте страницу оплаты на бесплатном конструкторе ЮKassa. Он доступен всем клиентам Кассы и позволяет официально принимать платежи за товары и услуги через сайт.
Вы можете разместить на форме любые надписи, поля и кнопки. Навыки разработки и знания html не требуются. Код готовой формы достаточно скопировать и вставить на свой сайт. Собрать свою платежную форму можно на этой странице.
Создаём королевскую форму для приёма банковских карт
В этой статье я дам рекомендации по созданию платёжных форм, которые будут выгодно отличаться от форм ваших конкурентов. Каждый пункт рекомендаций будет сопровождаться примером кода. Полный пример кода, включающий адаптивную вёрстку, реализацию валидационных тултипов, и прочих мелочей опущенных для краткости в самой статье вы можете посмотреть здесь.
В рамках этой статьи мы не рассматриваем привязку формы к какому-то конкретному мерчант, мы лишь делаем её более отзывчивой.
Для создания формы мы будем использовать следующие инструменты:
Tippy — инструмент для создания тултипов: https://atomiks.github.io/tippyjs/
Определение логотипа банка
Вы наверное замечали, что существуют такие формы для приёма банковских карт, в которых, по мере ввода номера карты, появляется логотип банка, которому принадлежит банковская карта?
Такое поведение помогает реализовать JS плагин BinKing:
Определение цветов банка
Для красоты картины предлагаю вам также перекрашивать саму форму в цвета банка. Разумеется важно также не забыть и перекрасить цвет текста. Здесь нам опять же поможет BinKing.
Определение логотипа платёжной системы
Традиционно формы оплаты отображают логотип платёжной системы выпустившей карту. Для этого опять же используем функционал BinKing. BinKing, в отличие от других плагинов для определения платёжной системы, предоставляет и сами логотипы.
Определение банка привязанных карт
При вводе данных новой карты, записывайте себе в базу данных кроме токена карты ещё и alias банка в системе BinKing. Тогда при выводе привязанных карт вы сможете вывести кроме последних 4 цифр и логотипа платёжной системы ещё и логотип банка, что сильно упростит жизнь пользователю. Причём BinKing выдаёт как полноразмерные логотипы банков, так и эмблемы банков отдельно.
Автоматический фокус первого поля
Удобно, когда курсор уже установлен в первое поле, то есть в поле для ввода банковской карты. Это легко, достаточно пары строк кода:
Автоматически перевод курсора
Пользователю удобно, когда курсор автоматически перемещается между полями по мере ввода данных. Самая большая хитрость состоит в том, чтобы своевременно перевести курсор из поля для ввода карты. Беда в том, что не все номера карт состоят из 16 цифр. Переводить курсор следует тогда и только тогда, когда введено символов не меньше минимальной длины карты, и когда в номере карты нету ошибок согласно алгоритму Луна (алгоритм позволяющий определить содержатся ли в номере карты опечатки).
Валидация полей формы
Для валидация полей формы мы используем метод validate от BinKing. Валидатор позаботится о том, чтобы в номере карты не было опечаток, чтобы дата срока истечения карты была в будущем, а не в прошлом, проверит заполненность полей и прочее: https://github.com/union-1/binking#%D0%B2%D0%B0%D0%BB%D0%B8%D0%B4%D0%B0%D1%86%D0%B8%D1%8F
Маски полей формы
Давайте сделаем так, чтобы в наши поля можно было вводить только цифры, номер карты аккуратно разделялся пробелами, а в поле месяца нельзя было ввести число большее 12.
Показ телефона банка в случае отклонения платежа
Если платёж отклоняется банком, то есть ошибка перевода не наш вашей стороне, то с целью снижения нагрузки на ваш отдел поддержки, покажите пользователю понятно сообщение, указав название банка и номер телефона банка. Всё это опять же можно сделать благодаря BinKing.
Логотипы вызывающие доверие
Принято размещать рядом с формой логотипы вызывающие доверия. Чтобы вам самостоятельно не пришлось их искать, вот вам эти логотипы в формате svg.
Правильная раскладка клавиатуры
На мобильных телефонах возможно указать то, какой будет отображаемая клавиатура при фокусе на том или ином поле. Давайте сделаем так, чтобы выпадала клавиатура для ввода чисел. Для этого необходимо указать атрибуты inputmode=»numeric» pattern=»3*»
Распознавание полей для ввода карты
У некоторых пользователей сохранены данные платёжных карт в браузере. Чтобы в вашей форме работало автоматическое распознавание полей необходимо указать правильные атрибуты name и autocomplete
Пользуясь случаем, хочу обратиться к читателям:
Я ищу партнёра для развития сервиса BinKing, готов взять в долю. Сейчас планирую перевести весь сервис на английский язык, добавить прочие страны и запуститься за рубежом. От партнёра ожидаю помощи в работе с зарубежными клиентами, попомщи в переводе сайта на английский язык, попомщи в наполнении базы банков других странах. Если интересно сотрудничество, пишите.
Я занимаюсь разработкой многопользовательских веб-сервисов и мобильных приложений на заказ. Веду разработку от проектирования до выхода на рынок. Если кто-то задумал создать свой стартап и сейчас ищет того, кто будет заниматься разработкой — буду рад долгосрочному сотрудничеству.