Как сделать возможность оплаты картой на сайте

Как разместить на своем сайте форму оплаты Яндекс.Деньгами без Интернет-Магазина. #1942

Для работы с сервисом Яндекс.Деньги нужно зарегистрировать почтовый ящик на Яндексе. Если у Вас уже есть почта на Яндексе, можно использовать ее.

Шаг 1

Авторизуйтесь в своем почтовом ящике на Яндексе и перейдите на страницу сервиса Яндекс-Деньги.

Шаг 2

Нажмите кнопку “Открыть кошелек”.

Сервис попросит Вас заполнить форму регистрации. Укажите свой номер мобильного телефона. На этот номер будут приходить смс-уведомления. Нажмите кнопку «Продолжить».

Сервис пришлет Вам смс с кодом подтверждения. Введите код и нажмите кнопку «Создать».

Кошелек будет открыт. Запустится помощник настройки, после которого Вы попадете на главное окно сервиса.

Шаг 3

Для создания платежной формы выберите вкладку “Сбор денег”.

Откроется окно, в котором представлены все возможные инструменты для приема платежей. Нажмите «Настроить» в блоке «Форма/кнопка на сайт».

Шаг 4. Создание формы оплаты

Выберите раздел «Форма» и в нем подраздел «Конструктор форм».

На странице конструктора форм Вы может указать, будет ли клиент оплачивать покупку банковской картой или ЯндексДеньгами, какие данные будут отображаться у пользователя, и какие нужно будет заполнить в форме.

Установив галочку “Банковская карта», Вы дадите посетителям Вашего сайта возможность перевода средств на Ваш счет с помощью банковских карт.

Обратите внимание, что если Вы создали анонимный кошелек, и не прошли процедуру авторизации Вашего Яндекс.Кошелька, единственным возможным способом оплаты для Вас останется оплата с банковской карты посетителя Вашего сайта. Кнопка перевода с Яндекс.Кошелька посетителя для него также будет доступна, но Вы не сможете получить перевод до тех пор, пока не пройдете процедуру авторизации.

После прохождения процедуры авторизации Вам будет доступен еще один способ получения оплаты — со счета телефона Вашего посетителя.

В строчке “Назначение перевода” можно сразу указать название Вашей организации, на счет которой будет зачисляться платеж.

Либо можно выбрать “Отправитель укажет” — при этом Ваш покупатель должен будет сам написать, кому он платит.

Также Вы можете добавить подсказку для плательщика. Например, просьбу сообщить название организации либо товара или услуги, за которые совершается оплата.

Можно заранее установить предпочтительную сумму платежа (но клиент будет иметь возможность ее редактировать).

Кроме того, Вы можете выбрать текст на кнопке оплаты.

Развернув «Дополнительные настройки», Вы сможете включить отображение на мобильных устройствах, запросить у отправителя платежа его данные, а также попросить его указать комментарий к оплате.

Также в дополнительных настройках Вы сможете указать адрес страницы Вашего сайта, на которую будет перенаправлен плательщик после совершения оплаты.

Скопируйте код из блока «Код вашей формы».

Когда Вы добавите код этой формы на Ваш сайт (как это сделать, рассказано ниже), после нажатия кнопки «Оплатить» покупатель будет попадать на страницу оплаты:

Шаг 5. Создание кнопки оплаты

Аналогичным образом можно создать компактную кнопку оплаты. Для этого выберите раздел «Кнопка».

Откроется подраздел «Конструктор кнопки».

Настройка кнопки происходит аналогичным образом с настройкой формы приема платежей. Стоит отметить только то, что каждый способ оплаты отображается в виде отдельной кнопки.

Также в разделе «Дополнительные настройки» Вы сможете выбрать внешний вид кнопки.

После завершения настройки для каждого способа оплаты генерируется кнопка со своим кодом:

Шаг 6

В Системе Управления Сайтом откройте редактор той страницы или блока, где необходимо разместить форму. Нажмите на кнопку “HTML” на панели инструментов.

Шаг 7. Размещение кода на странице сайта

Вставьте код формы, скопированный в «Шаге 4» (или код кнопки из «Шага 5»), в код страницы, и нажмите кнопку «Обновить».

На сайте форма будет иметь вид:

Обратите внимание!

Визуальное оформление виджета генерируется на стороне Яндекса, то есть для полученного кода невозможно поменять цвет или шрифт элементов формы.

При необходимости внести изменения в форму нужно будет заново воспользоваться Конструктором для генерации формы или кнопки.