Как сделать форму оплаты ЮMoney и Visa MasterCard на сайте?

Здравствуйте, мои хорошие.

Извиняюсь за то, что в последнее время количество публикаций заметно сократилось, постараюсь исправить это «недоразумение». А сейчас хочу установить кнопку «Яндекс.Деньги» на сайт и показать этот процесс. Зачем? В последнее время часто слышу, что мне пора монетизировать свои знания, иные предлагают закрыть к сайту свободный доступ и оформить платную подписку. Да, полезной информации на блоге много. Что-то взято из источников, которые находятся в свободном доступе, до чего-то «дошла сама» методом проб и ошибок, кое-что из платных курсов.

В принципе, если хорошо поискать, можно найти любую информацию, причём бесплатно. Блог я закрывать не хочу, чтобы делать платную подписку, нужно для начала «сделать» себе имя и запустить рекламу, а это дополнительные расходы, потеря времени и сомнительный исход. Поэтому, после некоторых раздумий, решила разместить кнопку или форму Яндекс.Деньги. Так, кто-то из вас скажет «спасибо», и мне «копейки накапают» на оплату того же хостинга и интернета. Да и «мотивации добавиться» искать и публиковать ещё более интересные и полезные статьи.

Создаём форму или кнопку при помощи сервиса Яндекс

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

2019-05-08_20-14-34-1024x505.png

Здесь можно выбрать то, что подходит больше всего. Если Яндекс.Кошелька ещё нет, его можно сразу зарегистрировать кликнув по кнопке внизу страницы.

Выбирайте подходящий вам вариант и кликайте по «у меня есть кошелёк», если он был создан ранее и попадаете в свой аккаунт Яндекс.Деньги. Здесь уже можно будет выбрать и настроить кнопку или форму.

Настраиваем кнопку Яндекс.Деньги

При помощи кнопки можно сделать перевод либо только с кошелька, либо только с банковской карточки. Если нужны оба варианта, значит, нужно будет настраивать две кнопки. Так как все настраивается в личном кабинете, номер вашего кошелька сгенерируется в HTML-код автоматически. Если нужно будет указать номер другого кошелька (например, для благотворительных целей) нужно будет снова перейти в свой кабинет и в коде кнопки изменить номер кошелька, сохранить изменения и поменять код на сайте на вновь созданный.

Также, при создании кнопки, устанавливается фиксированная сумма. То есть человек, решивший сделать перевод, не сможет её изменить.

2019-05-08_20-45-11-1024x511.png

В этом коде, который нужно скопировать и разместить на сайте, указан номер кошелька, который можно изменить при необходимости.

По дополнительным настройкам:

Как настроить форму Яндекс.Деньги

Конструктор формы имеет расширенные настройки. Здесь пользователь может ввести свою сумму для перевода. Назначение перевода тоже можно как указать самостоятельно, так и оставить эту привилегию меценату. И в форме можно установить возможность оплаты как картой, так и с Яндекс.Кошелька. Что, мне кажется, намного удобнее.

Дополнительные настройки:

Размещение кнопки или формы Яндекс.Деньги на сайте

Этот шаг самый простой. Копируем код, переходим в «внешний вид – виджеты», выбираем виджет HTML, вставляем в него код и сохраняем. Готово.

Плагин «Кнопка Яндекс Денег»

Для тех, кто привык всё устанавливать при помощи плагинов, можете воспользоваться данным способом.

В админке Вордпресс «плагины – добавить новый», далее в поисковой строке вбить «Яндекс», установить и активировать следующий плагин: 

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

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

Для кого подойдёт кнопка Яндекс.Деньги

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

Единственное, что делать не нужно — это каждый день проверять кошелёк, было ли поступление или нет. Всё будет, но всему своё время.

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

Добро пожаловать в справочную систему платформы АвтоВебОфис!

Для начала работы Вам необходимо зарегистрироваться. Вам дается бесплатно 14 дней работы, чтобы настроить и протестировать систему.

Теперь, когда у Вас есть собственный магазин, можно начинать работу. CRM АвтоВебОФис — многофункциональная система, позволяющая продавать товары, вести рассылку и собирать базу подписчиков, проводить обучающие курсы и т.д.

Как начать продавать?

В помощь Базовый курс по продажам (видеоуроки) и раздел справки Продажи

С момента регистрации до начала продаж необходимо пройти всего 3 шага:

  1. Наполнить Ваш магазин товарами.
  2. Подключить платежную систему. Список доступных к подключению платежных систем и инструкции по их настройке можете посмотреть тут.
  3. Разместить кнопку «Заказать».

Процесс заключается в том, что Вы заводите в системе товар и для его заказа формируется уникальная ссылка. Вы размещаете ее в любом месте в виде ссылки или в кнопке «Заказать». Далее процесс продаж происходит без Вашего непосредственного участия. Перейдя ссылке покупатель попадает на форму оформления заказа, к которой подключены Ваши платежные системы. Покупатель выбирает форму оплаты и попадает на сайт платежной системы, где проводит оплату. Вы получаете деньги на свой счет в платежной системе и можете смотреть информацию о заказах и оплатах в разделе «Счета» своего магазина. На протяжении всего процесса продаж клиенту автоматически приходят письма о выписанном счете, об оплате, дополнительно можно настроить письмо с материалами, отправляемыми после оплаты товара или услуги, и данными для доступа в личный кабинет.

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

Как собирать подписчиков и вести рассылку?

В помощь Обучающий курс «Сбор подписчиков и email-рассылки с помощью CRM АвтоВебОфис (видеоуроки) и раздел справки Рассылки

Для ведения рассылок и сбора подписчиков Вам потребуется пройти всего 3 этапа:

  1. Создать группу подписчиков.
  2. Создать форму подписки.
  3. Создать рассылку.

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

Также Вам могут быть интересны разнообразные дополнительные опции проведения рассылок: импорт подписчиков из сторонней системы, автоматическая рассылка писем в виде цепочки касаний, автоматическая отправка бонуса за подписку и многое другое. Пожалуйста, ознакомьтесь с информацией, как соблюсти все требования ФЗ-152 «О персональных данных»

Как проводить обучающие курсы?

В помощь Продажи обучающих курсов в сети Интернет (видеоуроки) и раздел справки Обучающие курсы

Для проведения обучающих курсов Вам потребуется пройти всего 2 этапа:

  1. Создать обучающий курс и наполнить его уроками.
  2. Разместить Ваш обучающий курс для регистрации учеников. Здесь может быть 2 формы доступа:
    1. платная (текстовая инструкция, как настроить товар, чтобы доступ отправлялся автоматически после оплаты)
    2. бесплатная (по форме подписки)

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

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

Желаем успехов!

Дополнительно.

Канал с видеоматериалами по работе системы АвтоВебОфис.

Блог платформы АвтоВебОфис. Новости сервиса, обновления, изменения законов и многое другое.

Если Вы не смогли найти ответ на интересующий Вас вопрос, или возникла проблема — обращайтесь в нашу Службу поддержки по email zakaz@autoweboffice.com или в окне консультанта на сайте http://autoweboffice.com

В появившемся окошке выберите в выпадающем списке вид оплаты «Через систему Яндекс.Деньги» и нажмите «Сохранить», после чего вы будете перенаправлены на страницу настроек данного вида оплаты:

Шаг 2. Зарегистрируйте аккаунт в системе Яндекс.Деньги, следуя подробным пошаговым инструкциям на сайте. Рекомендуем вам также пройти идентификацию в сервисе, чтобы увеличить лимиты по снятию денег и убрать все ограничения для анонимных пользователей:https://money.yandex.ru/security/identification/. Ссылка на раздел «Помощь» в системе Яндекс.Деньги: https://money.yandex.ru/help.xml

Шаг 3. Скопируйте и сохраните себе номер вашего кошелька в системе Яндекс.Деньги:

Шаг 4. Перейдите в систему управления сайтом на страницу Магазин > Настройки > Оплата > Через систему Яндекс-Деньги. Скопируйте адрес для HTTP-уведомлений с этой страницы:

Шаг 5. Перейдите по ссылке на страницу https://sp-money.yandex.ru/myservices/online.xml. На этой странице необходимо настроить HTTP-уведомления.

1. Вставьте адрес, скопированный на Шаге 4 в поле «Укажите адрес, на который хотите получать уведомления. Поддерживаются протоколы https:// и http://»

3. Поставьте отметку «Отправлять уведомления» и сохраните настройки.

Шаг 6. Перейдите в систему управления вашим магазином, в раздел «Настройки» -> «Оплата». Перейдите в режим редактирования оплаты через систему Яндекс.Деньги. Введите в текстовые поля номер вашего счета и секретное слово со страницы настроек Яндекс.Деньги, сохраните настройки.

ВАЖНО: Секретное слово со страницы настроек Яндекс.Деньги нужно взять со страницы https://sp-money.yandex.ru/myservices/online.xml :

Шаг 7. Протестируйте оплату через Яндекс.Деньги на вашем сайте.

Была ли эта статья полезной?Пользователи, считающие этот материал полезным: 0 из 0 —>

Не можете найти ответ на ваш вопрос? Обратитесь к нашей замечательной службе поддержки в вашем кабинете клиента, мы с радостью поможем вам! Мы постоянно работаем над улучшением нашего сервиса. Добавляйте свои идеи и предложения по новым функциям на странице ideas.gophotoweb.ru. Там же вы можете голосовать за уже добавленные идеи, добавлять свои комментарии и уточнения.

Всем привет. Сегодня я вам покажу, как можно создать специальную форму или кнопку ЮMoney для оплаты товаров или услуг на сайте.

Также мы с вами рассмотрим, как можно поставить форму пожертвования, которая будет перечислять все денежные средства на счет компании, а она в свою очередь уже в различные учреждения по помощи инвалидам, малоимущим, больным и т.д.

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

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

А это не такие уж малые деньги, уж поверьте, особенно, когда в наше время все копирайтеры с Фриланса сговорились и начали просить по 200-500руб за одну-две тысячи написанных знаков (символов).

Так вот, если вы тоже не хотите завешивать свой сайт кучей рекламных объявлений, продажных ссылок, обзоров и т. д, то вы всегда можете просто поставить форму или кнопку ЮMoney на свой сайт, чтобы вас в любое время могли финансово поддержать те люди, которым не безразлична судьба вашего сайта.

Итак, приступим же к установке формы оплаты, которую вы можете наблюдать чуть ниже.

Как сделать форму оплаты ЮMoney?

Перед тем как сделать форму, вам необходимо будет зарегистрироваться на ЮMoney https://yoomoney.ru/ и получить свой номер расчетного номера, на который будут переходить все денежные средства.

Итак, как зарегистрируетесь и получите свой расчетный счет, зайдите по этой ссылке https://yoomoney.ru/quickpay/form? и сгенерируйте свою форму оплаты ЮMoney.

В настройках вы можете включить возможность оплачивать товары не только ЮMoney, но ипластиковыми карточками от фирмы Visa MasterCard, что очень даже удобно, так как у многих пользователей нет своего счета и средств в этой платежной системе.

Также, тут же вы можете указать сумму платежа, что на кнопке будет написано: оплатить, купить, перевести, подарить.

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

После того как все настроите, нажмите «создать форму», скопируйте код и вставьте в нужное вам место на вашем сайте.

Тут, кстати, хочу подметить два поля в коде: width=”450″ height=”254″, которые отвечают за высоту и ширину формы в пикселях.

Если вдруг форма ЮMoney не будет полностью влезать в нужное место на сайте, то просто измените эти данные.

Как сделать кнопку оплаты и форму пожертвования ЮMoney?

Переходим по этой ссылке  https://yoomoney.ru/quickpay/button? Тут, как и в предыдущем примере, ставите галочки в нужных вам настройках.

Кстати, тут же можете выбрать цвет, размер и что будет написано на кнопке.

Переходим по этой ссылке https://yoomoney.ru/transfer/a2w Тут вы можете еще дополнительно указать цель сбора (пожертвования) денежных средств, название проекта, сайт.

Как сделать свою форму оплаты ЮMoney?

Если вдруг форма не вписывается в дизайн вашего сайта, то вы можете создать свою собственную. Для этого есть небольшое руководство для вебмастеров https://money.yandex.ru/i/forms/guide-to-custom-p2p-forms.pdf, какие теги и коды можно прописывать в форме.

Кстати, если что, там всего лишь семь страниц, так что, думаю, вы вряд ли утомитесь при прочтении данного документа. На этом у меня все, удачи.

Также читайте: Как ускорить индексацию сайта в 10 раз?

Главная / Интернет-магазин / Интернет-магазин 2.0 / Способы оплаты и платежные системы / Платежные системы / Как разместить на своем сайте форму оплаты Яндекс.Деньгами без Интернет-Магазина.

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

Шаг 1

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

955417421_6638_5c63edfe167ba.png

Шаг 2

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

  955417421_6636_5c63edfec56d2.png

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

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

955417421_7197_5d4003c069a64.png

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

955417421_7198_5d4003f6ee88e.png

Шаг 3

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

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

955417421_7199_5d40045753efa.png

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

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

955417421_6623_5c63edfdedd9c.png

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

 955417421_6634_5c63ee607b963.png

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

955417421_6635_5c63edfe3b2fb.png

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

Шаг 6

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

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

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

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

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

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

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

Если же Вы хотите иметь возможность детальной настройки параметров страницы приема платежей, Вы можете воспользоваться сервисом «Прием платежей» Системы Управления Сайтом CMS.S3.

Используемые источники:

  • https://vmeste-k-uspexu.ru/yandeks-dengi-sozdajom-knopku-ili-formu-na-sajt/
  • https://autoweboffice.com/wiki/doku.php
  • https://support-old.vigbo.com/hc/ru/articles/201311556-как-подключить-оплату-через-яндекс-деньги-
  • http://firstprize.ru/2014/04/25/kak-sdelat-formu-oplaty-yandeks-dengi-i-visa-mastercard-na-sajte/
  • https://help.megagroup.ru/podklyuchenie-formy-yandeks-deneg

Оцените статью
Рейтинг автора
5
Материал подготовил
Илья Коршунов
Наш эксперт
Написано статей
134
Добавить комментарий