Как подключить платежную систему

Как сделать оплату на сайте:

Пример работы Пеперони - 649 руб.
В корзину

• Сформировать счет для оплаты
• Подключение платежной системы
• Выбор варианта оплаты
• Оплата на сайте

Одним из важных аспектов, способствующих удобству работы пользователей, является возможность совершать платежи непосредственно на веб-сайте. Благодаря интеграции надежной платежной системы в форму заказа клиенты могут без особых усилий оплачивать свои покупки с помощью предоставляемых системой способов (картой, через систему быстрых платежей или в сервисах рассрочки). Это не только повышает удовлетворенность клиентов, но и увеличивает коэффициент конверсии, поскольку покупатели могут совершать свои транзакции без каких-либо хлопот. Внедрение эффективной платежной системы на веб-сайте стало незаменимым для обеспечения безопасной и удобной электронной коммерции для всех - от небольшого лендинга до крупных интернет-магазинов.

Сформировать счет для оплаты

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

<script src="//code.jquery.com/jquery-1.11.3.min.js"></script>
<script defer src="//lk.easynetshop.ru/frontend/v5/test.js"></script>
<link href="//lk.easynetshop.ru/frontend/v5/test.css" rel="stylesheet">

<button class="btn-ens-action btn-ens-style" data-rel="4a9f99dc105">
	Добавить товар в форму заказа
</button>

Подключение платежной системы

Платежная система после регистрации и присвоения вам идентификатора позволяет получить код кнопки для размещения на сайте. Визуально это может быть простая кнопка оплатить или более сложная форма. В любом случае действует она одинаково: при нажатии на неё покупатель попадает в саму платежную систему, где и должен будет завершить оплату. Кроме вашего id в платежной системе нам нужно еще передать информацию о стоимости и комментарий к заказу, чтобы понять кто и за что заплатил. Это делает корзина, она подставляет в кнопку нужные значения. Для этого необходимо пометить места в коде, куда будут добавлены значения специальным образом (на примере Яндекс.Денег):

Прием платежей через ЮМани

После создания кошелька система присвоит ему уникальный номер. Не забудьте в примере указать свой номер кошелька! Для направления покупателей в систему ЮМани для перевода на этот кошелек потребуется добавить на страницу, где установлена корзина вот такой код:

<div id="easynetshop-custom-orderfinalform">
	Заказ №{%zakaz%} оформлен, с вами свяжется наш менеджер!<br>
	Вы можете оплатить заказ:<br>
	
	<iframe frameborder="0" allowtransparency="true" scrolling="no" 
	src="https://yoomoney.ru/quickpay/fundraise/button?account=410000000000000&button-size=l&button-text=02&default-sum={%itogo%}"></iframe>	
</div>

Далее потребуется активировать в личном кабинете EasyNetShop (раздел Дополнительные функции) модуль "Универсальная форма подтверждения заказа".

Оформив заказ, покупатель увидит в окне сообщение об успешной отправке и кнопку для перехода в систему Юмани с указанной в ней информацией о сумме платежа, полученной из заказа через {%itogo%} и номеру кошелька, на который требуется сделать этот перевод. Не забудьте в примере указать свой номер кошелька!

Прием платежей через ЮКасса

У сервиса ЮКасса есть множество протоколов подключения к сайту. В случае работы с корзиной поребуется через менеджера ЮКассы перевести в режим Email-протокола и получить в соответствии с инструкцией у менеджера параметры ShopID и ScID

Разместите на странице сайта текст для об успешном заказе, содержащий кнопку для перехода к оплате в ЮКассе, например:

<div id="easynetshop-custom-orderfinalform">
	Заказ №{%zakaz%} оформлен, с вами свяжется наш менеджер!<br>
	Вы можете оплатить заказ:<br>
	
	<form action="https://yoomoney.ru/eshop.xml" method="post" target="_blank">
		<input name="shopId" value="00000" type="hidden">
		<input name="scid" value="000000" type="hidden">
		<input name="sum" value="{%itogo%}" type="hidden">
		<input name="orderNumber" value="{%zakaz%}" type="hidden">
		<div class="yamoney-pay-button yamoney-pay-button_type_fly">
	    	<input type="submit" value="" class="yamoney-pay-button__pay">
			<span class="yamoney-pay-button__text">Оплатить</span><br>
			<span class="yamoney-pay-button__subtext">через ЮКасса</span>
		</div>
	</form>
</div>

Далее потребуется активировать в личном кабинете EasyNetShop (раздел Дополнительные функции) модуль "Универсальная форма подтверждения заказа".

Не забудьте в примере указать номер магазина (ShopID и ScID) !

Подключение интернет-эквайринга Тинькофф Касса

Для работы платежной ссылки потребуется на странице сайта разместить виджет

<script src="https://securepay.tinkoff.ru/html/payForm/js/tinkoff_v2.js"></script>

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

<div id="easynetshop-custom-orderfinalform">
	Спасибо! Вы успешно оформили заказ №{%zakaz%} на сумму {%itogo%} руб.<br>
	Информация о деталях заказа направлена на вашу почту: {%email%}

	<form onsubmit="pay(this); return false;">
		<input class="tinkoffPayRow" type="hidden" name="terminalkey" value="Код магазина в системе Тинькофф">
		<input class="tinkoffPayRow" type="hidden" name="frame" value="true">
		<input class="tinkoffPayRow" type="hidden" name="language" value="ru">
		<input class="tinkoffPayRow" type="hidden" name="amount" value="{%itogo%}">
		<input class="tinkoffPayRow" type="hidden" name="order" value="{%zakaz%}" >
		<input class="tinkoffPayRow" type="hidden" name="description" value="Заказ {%zakaz%} в Название магазина">
		<input class="tinkoffPayRow" type="hidden" name="email" value="{%email%}">
		<input class="tinkoffPayRow" type="submit" value="Оплатить">
	</form>
</div>

Прием платежей через WebMoney

Международная система для оплаты только через WM. Настройика кнопки https://www.webmoney.ru/rus/business/accept-payments/online-service/widget.shtml

Сгенерированная кнопка имеет вид (примерно):

<form method="post" action="https://merchant.webmoney.ru/lmi/payment.asp">
	<input name="LMI_PAYMENT_AMOUNT" value="{%itogo%}" type="hidden">
	<input name="LMI_PAYMENT_DESC_BASE64" value="000000000000000000000000000000000" type="hidden">
	<input name="LMI_PAYEE_PURSE" value="R123123123" type="hidden">
	<input style="BORDER-BOTTOM: #538ec1 1px solid; BORDER-LEFT: #538ec1 1px solid; 
		PADDING-BOTTOM: 0px; PADDING-LEFT: 10px; PADDING-RIGHT: 10px; BACKGROUND: #a4cef4; 
		HEIGHT: 30px; COLOR: #fff !important; FONT-SIZE: 12px !important; 
		BORDER-TOP: #538ec1 1px solid; BORDER-RIGHT: #538ec1 1px solid; 
		PADDING-TOP: 0px; font-famaly: Verdana, Helvetica, sans-serif" class="wmbtn" 
		value=" оплатить {%itogo%} WMR " type="submit">
</form>

Прием платежей через PayPal

Сгенирорвать кнопку оплаты можно на странице https://www.paypal.com/ru/cgi-bin/webscr?cmd=_singleitem-intro-outside

Сгенерированная кнопка имеет вид (примерно):

	<form action="https://www.paypal.com/cgi-bin/webscr" method="post" target="_top">
	<input type="hidden" name="cmd" value="_xclick">
	<input type="hidden" name="business" value="xxxxxxxxx@yandex.ru">
	<input type="hidden" name="hosted_button_id" value="ХХХХХХХХХХ">
	<input type="hidden" name="lc" value="USD">
	<input type="hidden" name="item_name" value="shop">
	<input type="hidden" name="item_number" value="{%zakaz%}">
	<input type="hidden" name="button_subtype" value="services">
	<input type="hidden" name="no_note" value="0">
	<input type="hidden" name="currency_code" value="USD">
	<input type="hidden" name="amount" value="{%itogo%}">
	<input type="hidden" name="bn" value="PP-BuyNowBF:btn_buynowCC_LG.gif:NonHostedGuest">
	<input type="image" src="https://www.paypalobjects.com/en_US/GB/i/btn/btn_buynowCC_LG.gif" border="0" name="submit" alt="PayPal – The safer, easier way to pay online!">
	<img alt="" border="0" src="https://www.paypalobjects.com/ru_RU/i/scr/pixel.gif" width="1" height="1">
</form>

Оплата на сайте

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

Выбор варианта оплаты

Скрипт позволяет добавить собственное поле в виде выпадающего списка с перечислением вариантов оплаты. Выбранное покупателем значение будет добавлено в письмо с заказом.

<script type="text/javascript">
	document.addEventListener("EasyNetShopLoaded", function(event) {
		let selhtml = '<div class="easynetshop-modal-body-self" style="padding:0px 20px;">'
		+ '  <div class="easynetshop-form-group">'
		+ '    <div class="easynetshop-6 easynetshop-cb">Вид оплаты : </div>'
		+ '    <div class="easynetshop-6">'
		+ '      <select class="easynetshop-customfield" name="Вид оплаты">'
		+ '      <option> Оплата курьеру </option>'
		+ '      <option> Онлайн-оплата на сайте</option>'
		+ '      </select>'
		+ '    </div>'
		+ '  </div>'
		+ '</div>'
		
		// Добавляем выпадающий список перед футером формы заказа
		ens_jQuery('.easynetshop-modal-cart .easynetshop-footer').before(selhtml);
	}, false);
	</script>