Вставляем форму оплаты услуг от QIWI на сайт

Здравствуйте, сегодня попробуем вставить на свой сайт форму оплаты услуг и товаров через систему QIWI.

Скачать исходники для статьи можно ниже

Данная статья является продолжением моей предыдущей статьи:

Регистрация QIWI кошелка для интернет магазина и плагин для QIWI кнопки

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

Давайте же ее рассмотрим.

Заходим в свой кабинет на сайте https://ishop.qiwi.ru.

И переходим в пункт «Способы подключений», в нем выбираем подпункт «Форма в iframe»:

форма оплаты для qiwi кошелька

Спускаемся вниз и видим, код для вставки формы на сайт:

 

<form method="get" action="https://w.qiwi.ru/setInetBill_utf.do" target="iframeName" >
  <input name="from" value="5794">
  <input name="to" value="9151111111">
  <input name="summ" value="0.01">
  <input name="com" value="test">
  <input name="iframe" value="true">
  <input type="submit">
 </form>
 
 <iframe name="iframeName" frameborder="0" width="550" height="700"></iframe>

 

И выглядеть она будет следующим образом (достаточно много не нужных полей, которые нужно скрыть или переименовать):

общий пример формы

Если вам не понятно, за что отвечают те или иные поля, то советую открыть вам подпункт «HTTP-протокол» (пункт «Способы подключения» и его подпункт «HTTP-протокол»), в котором вы и увидите описания данных полей формы:
 

за что отвечают те или иные поля в форме киви

 

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

откорректированная форма оплаты

После нажатия на кнопку «Купить» появится следующее окошко:

форма оплаты от КИВИ

 

Строчка с полем «from» отвечает за «ваш id в нашей системе»:

 <input name="from" value="5794">

id моего кошелька 220942, поэтому меняю его в данной строке, также давайте скроем данное поле для посетителя, а для этого нужно добавить еще код: type=»hidden» и строчка будет выглядеть следующим образом:

<input type="hidden" name="from" value="220942">

 

Следующая строчка с полем «to» отвечает «id пользователя Visa QIWI Wallet, которому Вы выставляете счёт» или просто номер телефона:

<input name="to" value="9151111111">

Данное поле оставим видимым для посетителя, только значение поля поменяем на «номер телефона» и получим следующее:

<input name="to" value="Номер телефона">

 

Следующая строчка с полем «summ» отвечает «сумму в рублях», которую пользователь платит:

<input name="summ" value="0.01">

Если вы хотите сделать ее фиксированной и скрыть данное поле, чтобы посетитель не смог ее поменять, то делаем ее вот такой:

<input type="hidden" name="summ" value="100">

То есть покупатель заплатит нам 100 рублей.

Если же вы хотите оставить данное поле видимым, чтобы посетитель мог сам решать сколько ему заплатить, например если это кнопка пожертвовать сайту, то изменяем ее на следующую:

<input name="summ" value="сумма в рублях">

 

Следующая строчка с полем «com» отвечает за «Комментарий, который увидит пользователь, когда получит счёт»

<input name="com" value="test">

Если вы хотите сделать данное поле невидимым для покупателя, то опять добавляем код type=»hidden», например так:

<input type="hidden" name="com" value="за услугу №1">

Если же вы хотите дать посетителю оставить комментарий, то оставляем строчку как нибудь так:

<input name="com" value="назначение платежа">

или

<input name="com" value="комментарий">

 

Следующую строчку с полем «iframe» нужно скрыть от покупателя, чтобы не вводить его в заблуждение:

<input name="iframe" value="true">

преобразуем ее в следующую:

<input type="hidden" name="iframe" value="true">

 

Рассмотрим следующую строчку с полем «submit», отвечающую за вывод кнопки:

<input type="submit">

преобразуем ее в следующую:

<input type="submit" value="Купить">

Тогда на кнопке появиться надпись не «Отправить», а «Купить».

 
PS: Так как в моем кошельке еще не подключена функция оплаты через мобильные телефоны, то функция оплаты не видна, но после активизации данной функции форма оплаты будет такой:

форма оплаты с мобильных телефонов

Попозже продолжу статью…

Введите свой email адрес для того, чтобы подписаться на мой блог:


knopkisoc

Вставляем форму оплаты услуг от QIWI на сайт: 11 комментариев

    1. Константин Автор записи

      Андрей, скрыть ссылку на скачивание можно с помощью плагинов, например:
      - «sdelaysite.com/plugin-interkassa-wordpress»;
      - плагин WooCommerce (WooCommerce — excelling eCommerce).

      Вот интересная статья про плагины для создания интернет-магазина:
      «web-top-plus.ru/plaginy-wordpress/kak-sozdat-internet-magazin-na-wordpress-s-pomoshhyu-plaginov/»

  1. bios

    Здравствуйте, а как проверить прошла ли оплата?
    Т.е. покупатель нажимает кнопку «оплатить», идет в терминал платит. И только после этого открыть доступ к скачиваемому файлу

  2. Константин

    bios, через кабинет qiwi — «ishopnew.qiwi.ru»:
    в левом меню выберите пункт «Счета» и его подпункт «Отчет», здесь найдете детальную информацию: дата выставления, дата оплаты, № транзакции, сумма, комментарий.

  3. Anonymous

    Кажется у них там на сайте всё поменялось :( Например там нету пункта «Форма в Iframe».

  4. Виктор

    Здравствуйте! Ищу инструкцию по подключению киви к своему интернет магазину. Наткнулся на вашу, но к сожалению она устарела. Нет ли у Вас новой инструкции. Функционал Qiwi Ishop поменялся. И еще вопрос. Нет ли у Вас инструкции для подключения КИВИ к WordPress Wocommerce, так чтобы при оплате автоматически сумма, номер телефона и комментарий вставлялся заполняемые поля киви.

  5. Роман

    Виктор, для подключения Киви к Woo можно использовать плагин от SAPHALI, 40 баксов стоит, но вещь удобная.

  6. Дмитрий

    Что-то я совсем ничего не могу понять,мозг кипит! SOS!!!
    Вот как раз мне нужна вышеуказанная форма на сайт,но как это реализовать что и куда пихать я никак не могу разобраться,уже и qiwi-buttom ставил и кучу всего еще,ни-че-го!поддскажите пожалуйста пошагово,что,куда и как делать и что для этого нужно(плагины,скрипты,мозги,руки я уже не знаю что(((( )
    P.S Магазин на qiwi активирован.задача:что бы вышеуказанная форма отправляла деньги на qiwi-кошелек!

  7. Дмитрий

    Т.е в идеале мне надо что-бы на мой киви-кошелек можно было осуществить перевод средств с карт,с др.кошелька киви,с терминалов оплаты,по смс с моб.операторов мегафон,билайн,мтс

Добавить комментарий

Ваш e-mail не будет опубликован. Обязательные поля помечены *

Можно использовать следующие HTML-теги и атрибуты: <a href="" title=""> <abbr title=""> <acronym title=""> <b> <blockquote cite=""> <cite> <code> <del datetime=""> <em> <i> <q cite=""> <strike> <strong>