Ellada-flowers.ru

Заработок и деньги
0 просмотров
Рейтинг статьи
1 звезда2 звезды3 звезды4 звезды5 звезд
Загрузка...

Кнопка оплатить для сайта

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

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

Шаг 1

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

Шаг 2

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

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

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

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

Шаг 3

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

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

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

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

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

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

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

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

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

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

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

Читать еще:  Примеры сайтов на joomla объявления недвижимость

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

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

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

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

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

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

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

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

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

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

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

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

Шаг 6

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

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

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

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

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

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

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

Кнопка оплатить для сайта

Функционал доступен только для российского платежного шлюза.

Платежный виджет — один из самых простых способов подключить на своем сайте оплату товаров/услуг по банковским картам. На вашем сайте Платежный виджет будет представлять собой кнопку «Оплатить картой», при нажатии на которую появится всплывающая форма для ввода реквизитов банковской карты Плательщика. Подключение Платежного виджета не потребует внесения изменений в ваши процессы обработки заказа и взаимодействия с покупателями. Главная особенность Платежного виджета — это простота его подключения, не требующая привлечения опытных специалистов, вне зависимости от того на чем написан ваш сайт. Платежный виджет гарантирует полную безопасность передачи карточных данных, при этом вам не понадобится проводить сертификацию своего сайта по стандарту PCI DSS для его использования.

Читать еще:  Как купить дверь на сайте

Порядок подключения Платежного виджета:

  • 1. Подача заявки на подключение Интернет-эквайринга
  • 2. Получение тестового Токена для проведения настройки
  • 3. Настройка и тестирование работы с Платежным виджетом
  • 4. Настройка Платежного виджета для работы в продуктивной (боевой) среде

Подача заявки на подключение Интернет-эквайринга

Для заключения договора Вам нужно выбрать вариант сотрудничества и направить запрос в Альфа Банк.
Ознакомиться подробнее с порядком заключения договора и подать заявку на подключение Интернет-эквайринга можно Здесь .
После обработки Вашей заявки, Вы получите реквизиты для доступа тестовому Личному кабинету.

Получение тестового Токена для проведения настройки

Токен — это идентификатор Вашего Магазина, который используется при оплате через Платежный виджет. Представляет собой строку из букв и цифр длиной в несколько десятков символов, пример: fhojfle6ssav32c6ao42bkcr54.
В отличие от логина и пароля, Токен не является секретным, с его помощью можно только регистрировать заказы. Выполнение каких-либо других действий, которые могут представлять угрозу для Вашего магазина или Ваших клиентов, с его помощью невозможно.
Для получения тестового Токена необходимо зайти через веб-интерфейс в тестовый Личный Кабинет с помощью логина с суффиксом «-operator».
Далее в верхнем левом углу выбрать меню «Администрирование -> Настройка продавца».

Появится окно, из которого можно скопировать Токен.

Настройка и установка платежного виджета

Настройка платежного виджета через веб-интерфейс:

Перейти в веб-интерфейс для настройки платежного виджета:
Настройка платежного виджета

Настройка платежного виджета через скрипт:

Скрипт Платежного виджета — это небольшой код (текст) на языке JavaScript. В минимальной конфигурации шаблон Скрипта ПВ (который требует настройки) выглядит так:

Для нормальной работы скрипта необходимо настроить следующие обязательные параметры:

Вместо значения replace_this_to_merchant_token нужно вставить токен полученный на предыдущем шаге.
Пример, что должно получиться:
data-token=’fhojsle6sqgv32c6ao42bgcr54′

Читать еще:  Что такое хостинг сайта простыми словами

Значение .clientInfo это имя класса элемента HTML-страницы вашего сайте с информацией по клиенту (имя покупателя, email, phone и т.п.). Имя класса прописывается в атрибуте . Эта информация поможет вам идентифицировать заказ по Плательщику.
Например, если на Вашей странице есть элемент с именем покупателя:

то добавив в скрипт имя класса этого элемента data-client-info-selector=’.clientInfo’ вы сможете увидеть в тестовом Личном Кабинете в дополнительных параметрах заказа имя покупателя.

Вы можете добавлять любые элементы типа data-add- -selector=’. ‘.

Например для передачи ФИО покупателя можно использовать следующую конструкцию:

Добавить поле в форму:

Добавить параметр в

Например для передачи email покупателя и осуществления онлайн фискализации (если заключено соответствующее дополнительное соглашение ) необходимо добавить в скрипт имя класса этого элемента data-email-selector=’.clientEmail’.
При этом на Вашей странице в этом случае должен быть элемент с email покупателя:

При наличии двух указанных элементов в тестовом Личном Кабинете в дополнительных параметрах заказа вы увидете имя покупателя и его email:

Вместо значения .amount нужно вставить имя класса элемента страницы с суммой заказа
Если сумма заказа всегда однаковая, то вместо data-amount-selector можно задать значение суммы в элементе data-amount в виде числа.
Пример, указание фиксированнной суммы 585.90:

Версия скрипта data-version — это фиксированное значение, которое настраивается один раз, которое в процессе работы менять не нужно.
Вам необходимо указать значение:

Пример настроенного скрипта:

Cкрипт работает в международной кодировке UTF-8, если Ваш сайт работает в кодировке Windows-1251, то необходимо добавить кодировку UTF-8:

Настроенный текст скрипта, необходимо разместить в html-коде страницы Вашего сайта, на которой должна происходить оплата заказа.
Скрипт состоит из двух блоков: отвечает за внутренний механизм работы Скрипта, его необходимо сохранить в той же части html-кода Вашего сайта, где находятся другие аналогичные блоки. Обычно они располагаются между тегами . .
Блок

Ссылка на основную публикацию
Adblock
detector