Ecwid поддержка apple pay

Подключаем оплату через Apple Pay на сайте

Сейчас, в том числе и у нас на сайте, и в приложениях ivi, есть явная тенденция роста аудитории на мобильных устройствах. Также растет и доля покупок, совершаемых в интернете с мобильных устройств. В отличие от десктопа, помимо традиционных вариантов оплаты, доступны системы мобильных платежей, например Apple Pay, Android Pay, Samsung Pay. Эти системы можно использовать не только для оплаты в терминалах, принимающих банковские карты, но и для оплаты в приложениях и на веб-сайтах.

Внедрение мобильных платежей мы начали с веб-версии ivi и выбрали мобильный сайт и систему Apple Pay.

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

В этой статье я расскажу об использовании библиотеки Apple Pay JS.

Библиотека предназначена для использования Apple Pay на сайтах. Apple Pay JS API поддерживается на:

  • iOS начиная от 10 версии в браузере Safari и моделях iPhone, поддерживающих бесконтактные платежи (SE и старше 6);
  • macOS от версии 10.12 в браузере Safari на компьютерах с Touch ID или при подключенном iPhone или Apple Watch для подтверждения платежей.

Для того чтобы принимать платежи через Apple Pay на сайте, вам потребуется:

  • Девелоперский аккаунт Apple;
  • HTTPS на странице, использующей Apple Pay;
  • Выбрать платежный шлюз, с которым вы будете работать. Мы пользуемся услугами Payture.

Далее нужно зарегистрировать Merchant ID, создать сертификаты Merchant Identity Certificate и Payment Processing Certificate и верифицировать домены, на которых будет использоваться Apple Pay. Описание процесса есть в инструкции от Payture.

  • Merchant ID — идентификатор продавца, представляющий его в Apple Pay;
  • Payment Processing Certificate — сертификат, используемый для передачи платежных данных на стороне платежного шлюза. Сервера Apple Pay используют публичный ключ этого сертификата для шифрования платежных данных. Приватный ключ используется для расшифровывания данных при проведении платежа;
  • Merchant Identity Certificate — TLS сертификат, используемый для подтверждения данных продавца и авторизации платежных сессий через сервера Apple. Платежная сессия создается при инициализации процесса оплаты. Сертификат используется только на стороне сайта.

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

После всей подготовительной работы можно приступить к интеграции Apple Pay на сайт. Процесс интеграции состоит из 3 основных частей:

  • Создание платежной сессии, показ диалога платежа и обработка событий платежной сессии. Тут используется Apple Pay JS API;
  • Верификация платежной сессии. Требуется для того, чтобы система Apple Pay могла убедиться, что запрос идет от зарегистрированного продавца. Реализуется на бекенде;
  • Проведение платежа через платежный шлюз и завершение платежной сессии.

Создание платежной сессии

Перед показом кнопки оплаты через Apple Pay нужно проверить доступен ли Apple Pay на устройстве. Реализуется это так:

Далее с помощью Apple Pay JS API можно проверить есть ли у пользователя активные карты, привязанные к Apple Pay. Предоставляется 2 метода canMakePayments и canMakePaymentsWithActiveCard . Первый проверяет только факт поддержки Apple Pay, второй помимо этого позволяет узнать есть ли по крайней мере 1 карта, привязанная к Apple Pay.

У нас, например, эти проверки используются для того, чтобы решить показать кнопку оплаты через Apple Pay над остальными способами оплаты или под ними. В случае если добавленных карт нет, выводится кнопка Set Up Apple Pay, по клику открываются настройки телефона с разделом Wallet. В итоге пользователь уходит с сайта, а процесс оплаты прерывать не стоит, поэтому кнопка располагается под основными типами оплаты и даже не видна без скролла экрана.

Читайте также:  Как делать футажи айфон

Страницы оплаты для настроенного и ненастроенного Apple Pay:

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

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

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

  • onvalidatemerchant срабатывает при открытии платежной формы Apple Pay. В обработчике этого события требуется верифицировать платежную сессию. Процесс верификации описан далее;
  • onpaymentauthorized срабатывает когда пользователь подтверждает платеж на платежной форме Apple Pay с помощью Touch ID, Face ID или кода. Здесь доступен платежный токен, который нужно передать в платежный шлюз для проведения платежа;

После создания объекта ApplePaySession нужно вызвать метод begin для отображения диалога оплаты:

В результате пользователь увидит следующее:

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

Верификация платежной сессии

В параметре события onvalidatemerchant приходит поле validationURL . На этот адрес с бекенда нужно отправить данные, подписанные сертификатом Merchant Identity Certificate.

Метод performValidation возвращает промис от запроса на валидацию. Обработчик этого запроса находится на нашей стороне, реализация такая: на URL из параметра события onvalidatemerchant отправляется post запрос.

В теле запроса содержится json:

Параметры MERCHANT_IDENTIFIER и DISPLAY_NAME берутся из девелоперского аккаунта (их настроили в самом начале), а HOST — это домен, с которого делается оплата.

Запрос должен быть подписан сертификатом Merchant Identity Certificate. В ответе придет json, его и нужно вернуть. После получения этого ответа, вызываем у платежной сессии метод completeMerchantValidation .

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

Проведение платежа

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

Как только платеж проведен, завершаем оплату на стороне клиента.

в success нужно передать один из 2 статусов window.ApplePaySession.STATUS_SUCCESS или window.ApplePaySession.STATUS_FAILURE .

На этом процесс оплаты через Apple Pay заканчивается. Более подробно про Apple Pay JS можно почитать в официальной документации.

Источник

Apple Pay on the Web — Integration for Ecwid?

Hi
After seeing Apple WWDC Keynote Address that Apple Pay is now coming to the web and that many online commerce services are preparing to accept it, i wondered if Ecwid is Planning to add Apple pay feature to payment methods?
Would be pretty ‘Epic’ as they say at Apple
People can buy stuff using their touch id cross platform between Mac and Ios devices. I think it would make Ecommerce more successful due to very fast payment with ease and skip all those pages after pages of paypal etc — billing and shipping adresss typing would probably also be skipped because Apple id has already added to user account, and could be drawn from apple to fill in the fields of the customer address in Ecwid for orders (perhaps)

Attached Images

IMG_5409.JPG (103.1 KB, 900 views)
IMG_5408.JPG (91.6 KB, 873 views)

This is Wendy with Ecwid customer care team. Thanks for getting in touch with us!

Apple Pay is available in a native e-commerce app that is synced with your Ecwid Store: ShopApp.

ShopApp is a customized, branded mobile app that compliments your Ecwid store. It puts your store right into your customers’ pockets. Customers can download the app on their mobile devices to have instant access to your storefront. The app is available for iPhones and Android phones.

Apple Pay option is included to iOS app. For more details about the ShopApp feature, please refer to this link https://www.ecwid.com/shopapp

Читайте также:  Apple tv звук через наушники

ShopApp is available on the Annual Unlimited plan. The Unlimited plan includes all of Ecwid’s features and functionality as well as 12 hours of customized development. Check our official pricing page for more details: https://www.ecwid.com/pricing

I hope this will help.

If you have other concerns, please feel free to write me back and it will be my pleasure to assist you further. Have a wonderful day!

__________________
Wendy
Ecwid Customer Care Team
Help Center

⬇ Please click Thanks if my reply helped you.

Источник

How to Accept Apple Pay (And Why It Makes Sense for Small Businesses)

As a business owner, it’s important to stay up to date with new technology that can help you run things more efficiently and securely. This is especially true when it comes to payments. And right now, it’s mobile payments like Apple Pay that should be on your radar. Here’s an overview of how to accept Apple Pay when you’re selling at your or offline — and why that’s a smart move.

What is Apple Pay?

Apple Pay is Apple’s mobile wallet. In stores, the app allows you to pay by holding your iPhone over a payments reader that can accept Apple Pay. If you’ve been to large retailers like Whole Foods or Walgreens recently (or visited a small business that has Square’s contactless and chip reader), you may have noticed Apple Pay in action.

Apple Pay Has Lots of Great Benefits:

  1. It’s super secure. Apple Pay uses sophisticated technology to encrypt and protect every transaction. Card numbers are never actually stored. Instead, Apple assigns something called a Device Account Number to each added card, which is essentially a code name for that card. That Device Account Number is then encrypted and stored securely in a dedicated chip in the device.
  2. It’s fast. Apple Pay transactions take just seconds. They’re faster than card transactions, and leagues faster than chip card (EMV) transactions, which are especially sluggish. The adoption of EMV as the standard for credit card processing, in fact, may be what accelerates the adoption of Apple Pay in the United States. When customers (and merchants, for that matter) realize how long EMV transactions take, Apple Pay may become the preferred form of payment.
  3. It’s convenient. Because it’s all through your mobile device (which you probably have with you all the time anyway), using Apple Pay means that you don’t have to carry around a wallet And if you leave your wallet at home, you won’t be left without a way to pay for things.

How Can I Accept Apple Pay at My Business?

If you accept offline payments (at your brick and mortar, or at fairs, markets or shops), it makes sense to start accepting Apple Pay.

To do so, you need to implement a POS that’s equipped with NFC technology, which stands for near field communication. NFC is a technology by which two devices (like a payments terminal and a phone) can talk to each other wirelessly when they are close together.

This may sound complicated (and expensive), but it’s not. Square’s contactless and chip reader plugs right into your mobile device and is just $49. And if you sell with Square’s POS, you can even sync your Ecwid store to your Square account, making selling online and a breeze.

Once you’re all set up, it’s a good idea to let customers know that they can now pay via Apple Pay. The easiest way to do this is with some signage on your countertop. Apple has a kit that lets you download things like register decals. Or you could get creative and make your own sign.

You also want to make sure that you put the reader in a good spot. The ideal place is halfway between you and customers. That way, they can hold up their mobile devices to pay.

Читайте также:  Когда можно будет обновиться iphone

With the Square contactless and chip reader, you’ll be up and running with mobile payments in no time — offering the best possible checkout experience for your customers.

Источник

Как подключить к интернет-магазину Apple Pay и Google Pay бесплатно и без разработчика

По оценке аналитиков эквайрингового сервиса Тинькофф — Тинькофф Оплаты, до 30% покупок в интернет-магазинах происходит при помощи сервисов нативной оплаты Apple Pay и Google Pay. Подключить их самостоятельно — сложно. Рассказываем, как сделать все в два клика.

Использование платежных сервисов Apple Pay и Google Pay в интернет-магазинах позволяет покупателям не вводить данные карт. Покупатель один раз привязывает карту в телефоне и дальше только подтверждает платеж отпечатком пальца, паролем или Face ID.

Интернет-магазины, которые не используют Apple Pay и Google Pay, теряют клиентов: некоторые покупатели бросают заказ на этапе оформления, потому что под рукой нет карты или не хочется вводить ее данные.

Подключить Apple Pay и Google Pay в интернет-магазине сложно, потому что нужно соответствовать требованиям Apple и Google к устройству сайта и безопасности.

Часто интернет-магазины работают на самописном сайте или используют CMS-систему, например Битрикс, но доделывают ее под себя, добавляя дополнительные функции. Чтобы подключить нативную оплату, владельцу интернет-магазина приходится нанимать разработчика, который должен разобраться в существующем устройстве сайта, привести его в соответствие с требованиями Apple и Google и получить сертификаты на установку Apple Pay и Google Pay.

Кроме зарплаты разработчику владелец интернет-магазина должен заплатить за регистрацию в Apple 99$ за каждый год использования Apple Pay.

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

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

Все, у кого есть интернет-эквайринг от Тинькофф Оплаты, теперь могут сами подключать Apple Pay и Google Pay в личном кабинете. Владельцы интернет-магазинов нажимают две кнопки — и Apple Pay и Google Pay работают на сайте.

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

К мобильному приложению подключить Apple Pay и Google Pay можно при помощи SDK — специального комплекта средств разработки. Полностью автоматизировать этот процесс нельзя из-за ограничений со стороны Apple и Google, но техническая поддержка Тинькофф Оплаты готова ответить на все вопросы клиента по ходу интеграции.

Новым решением уже начали пользоваться клиенты Тинькофф Оплаты. Подключение Apple Pay и Google Pay сразу дает результаты.

Увеличились продажи. Клиенты, которые подключили нативную оплату, стали больше зарабатывать: пришли новые покупатели, а постоянные стали покупать больше. Покупать без карт проще: клиенты не бросают заказ на этапе оплаты и количество продаж растет.

Например, одними из первых решением Тинькофф Оплаты воспользовалась крупная сеть аптек. За месяц до подключения нативной оплаты интернет-магазин приносил около 4000 продаж в месяц. В месяц подключения продажи выросли до 5000 платежей. Из них 1600 были сделаны с помощью Apple Pay — это 30% от общего числа продаж.

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

Нативная оплата даст покупателям возможность платить так, как им удобно: интернет-магазины будут больше зарабатывать и не терять деньги на неуспешных платежах. Тинькофф Оплата подключает Apple Pay и Google Pay в личном кабинете бесплатно: клиентам нужно только подключить интернет-эквайринг — и можно зарабатывать.

Источник

Оцените статью