Как подключить apple pay к сайту

Как подключить apple pay к сайту

+375 (29) 664-00-24 Понедельник-четверг с 9.00 до 18.00
Пятница с 9.00 до 17.00

Подключите Apple Pay

Простая покупка в одно касание в вашем интернет-магазине или мобильном приложении без ввода карточных данных и верификацией покупателя через Touch ID или Face ID.

Мгновенная оплата товаров и услуг в онлайн-магазине одним касанием в Mac, iPhone и iPad

Как подключить Apple Pay к сайту

Услуга предоставляется всем клиентам bePaid по умолчанию в рамках текущего договора. Никаких дополнительных оплат и комиссий.

• Простое подключение в личном кабинете
• Оплата одним касанием в Mac, iPhone и iPad
• Прием платежей по картам Visa и MasterCard в мобильных приложениях и браузере Safari
• Ограничения по бизнесам
• Apple Pay для благотворительных организаций
• Если есть свой сертификат Apple Pay
• Возможности отслеживания оплат

Воспользуйтесь инструкцией. Заходите в Личный кабинет bePaid —> закладка Apple Pay — > кнопка Править — > Если нет сертификата, включаете сертификат провайдера — > Принимаете пользовательское соглашение Apple Pay — > Качайте верификационный файл и, следуя инструкции, разместите его на вашем сайте —> Выбираете сайты, на которых хотите принимать Apple Pay.

Файл на сайте размещать обязательно. Таким образом заявка поступает Аккаунт-менеджеру, который в течение 1-2 дней подтверждает регистрацию и уведомляет вас. Подтверждение регистрации можете посмотреть в поле Активные бренды (закладка Магазины).

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

Прием платежей через Apple Pay работает с картами Visa и MasterCard. Технология работает в мобильных приложениях и браузере Safari на iPhone, iPad (пятое поколение и более поздние версии), iPad Air 2, iPad mini 3 и более поздних версиях, Apple Watch. Также Apple Pay в Safari можно использовать на любом Mac, выпущенном после 2012 года, на MacOS Sierra и последних MacBook Pro.

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

Чтобы использовать Apple Pay с целью сбора благотворительных пожертвований, зарегистрируйтесь на портале Benevity. Подробнее на портале Benevity

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

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

Подключаем Apple Pay на свой сайт. Зачем и как это сделать: краткий гид

Apple Pay — это современная и удобная система мобильных платежей от компании Apple, предназначенная для организации быстрой оплаты товаров или услуг в интернете и офлайн-магазинах. Если у вашего интернет-магазина подключен Apple Pay, клиентам, у которых есть iPhone, iPad, MacBook или Apple Watch, не нужно каждый раз при покупке вводить реквизиты карточки. А если нет, вы затрудняете им покупку и теряете часть клиентов, которые не нашли удобного для них способа оплаты.

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

Зачем это нужно? Рост конверсии с Apple Pay достигает 20%

Есть несколько причин, и все вместе они подтверждают то, что подключить Apple Pay — это правильное решение.

1. Платежи можно совершать мгновенно, не нужно вручную вводить данные карточки.

2. Высокий уровень безопасности Apple Pay вызывает доверие клиента. А такую репутацию система заслужила, потому что данные о банковской карте передаются на серверы исключительно в зашифрованном виде, их нельзя подделать или перехватить;

3. Эти все преимущества доступны с любого устройства Apple.

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

Как работает оплата Apple Pay?

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

Покупка через платежную систему Apple Pay состоит всего из нескольких шагов:

1. Покупатель выбирает товар, формирует заказ, после чего нажимает кнопку «оплатить Apple Pay».
2. Проверяет правильность данных о доставке и товаре и подтверждает оплату.
3. Деньги списываются с привязанной карточки и поступают продавцу.
4. Клиент получает свой заказ по указанному адресу.

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

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

Добавляем прием Apple Pay в свой интернет-магазин. Способ № 1, сложный и дорогой — самостоятельно

Алгоритм действий в этом случае такой.

1. Зарегистрировать учетную запись разработчика Apple.

2. Заключить договор с банком, потому что без этого не получится принимать платежи. Либо самостоятельно основать финансовую компанию и получить лицензию на такую деятельность у НБУ, но временные и денежные затраты будут оправданы, только если у вас магазин уровня Rozetka.

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

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

4. Подтвердить компании Apple факт владения доменом интернет-магазина.

5. Интегрировать виджет Apple Pay в систему сайта.

6. Установить на сайт кнопку Apple Pay.

Главная проблема в собственной разработке — время и стоимость

Придется искать разработчиков, которые разбираются в теме. Во-первых, их не так много, а во-вторых, стоить их работа в общей сложности будет от 100 000 долларов. Это цена IT-части из пункта 4, сделанная командой из семи айтишников в течение трех месяцев.

Плюс нужно будет тратить около 35 000 долларов в месяц, чтобы эту систему поддерживать и обновлять.

В дополнение к расходам на пункты выше нужно будет платить Apple от 99 долларов в год за аккаунт. К тому же банк тоже будет брать комиссию, примерно 2%+ с каждого платежа, что лишь немногим меньше, чем комиссия компаний, которые берут интеграцию на себя (например, Fondy).

Способ № 2, простой и дешевый — с Fondy

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

Как настроить с Fondy

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

2. Обязательно укажите реквизиты компании (номер расчетного счета в банке или номер пластиковой карточки) для выплат.

3. В соответствующий раздел личного кабинета загрузите сканы необходимых документов. Их перечень можно найти в «Настройках мерчанта» — «Финансовые настройки».

4. Администрация платежного сервиса Fondy выполнит проверку указанных данных и активирует функцию оплаты в течение двух суток.

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

Перед регистрацией убедитесь, что ваш интернет-магазин соответствует правилам платежных систем

Без этого не получится сотрудничать ни с Fondy, ни с их конкурентами. Но в общем их правила простые. Они нацелены на то, чтобы сайт выглядел адекватно, не отпугивал покупателей и предоставлял им полную и качественную информацию о товарах, способах оплаты, условиях работы и доставки, о продавце и тому подобное. Полностью они описаны по ссылке .

Сколько стоит?

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

Работает на всех сайтах

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

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

Попытаться можно, но кто сказал, что это будет безопаснее?

У Fondy есть своя антифрод-система , которая выявляет мошенничество. Передача данных зашифрована. У Fondy работает протокол 3D-Secure (защита в виде смс с паролем для подтверждения платежа).

А еще Fondy обладает сертификатом безопасности PCI DSS Level 1 . Его выдает организация , которая занимается вопросами безопасности платежей. Ее для этого учредили Visa, MasterCard, American Express и другие платежные системы. Компании, у которых есть этот сертификат, ежегодно проходят аудит, и его осуществляют аудиторские компании, одобренные платежными системами. И каждый квартал проходят сканирование на наличие уязвимостей компаниями, которые также одобрены платежными системами.

Какие еще преимущества у Fondy?

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

А еще у них есть партнерская программа , ее участники заработали более 1 миллиона гривен.

Услугами Fondy пользуются Glovo, SkyUp, Uklon и многие другие известные компании.

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

Рубрика Технологии Просмотров 1531

• Поделиться на Facebook 0
• a

Читайте также

Подключение интернет-эквайринга CloudPayments

С интернет-эквайрингом CloudPayments вы можете легко получать платежи онлайн как на сайте, так и в приложении. CloudPayments позволит вашим клиентам оплатить покупки банковской картой и методами быстрой оплаты: СБП, Яндекс Пэй, Tinkoff Pay, Mir Pay, по ссылке или QR-коду. Подключите интернет-эквайринг с готовыми модулями для CMS и мобильных SDK. Также партнерам СloudPayments доступна облачная онлайн-касса и способ фискализации без кассы Cloud-чеки.

Подключить

Порядок подключения

Пошаговая инструкция по подключению интернет-эквайринга

• Шаг 1. Оставьте заявку на сайте
• Шаг 2. Дождитесь ответа менеджера
• Шаг 3. Получите логин и пароль для тестового доступа
• Шаг 4. Заполните необходимые документы для получения платежного терминала
• Шаг 5. Интегрируйте интернет-эквайринг в ваш сайт
• Шаг 6. Проверьте прием и вывод платежей в режиме теста
• Шаг 7. Сообщите менеджеру об успешном тесте и получите полный доступ к интернет-эквайрингу
• Шаг 8. Получайте онлайн-платежи с карты и другими способами оплаты в один клик.

Как подключить интернет-эквайринг на сайт или в мобильное приложение?

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

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

Checkout – платежный скрипт оплаты

Checkout — это скрипт приема платежей. Он обрабатывает данные, введенные клиентом, и взаимодействовать с сервером, чтобы совершить транзакцию. Скрипт сокращает время оформления заказов, что повышает вероятность их завершения. Также скрипт оплаты уменьшает количество ошибок, связанных с неправильным введением данных клиентом.

Прием платежей по ссылке или QR-коду

Платежную ссылку можно разместить в онлайн-трансляции или отправить в личном сообщении.

В личном кабинете CloudPayments можно самостоятельно создавать и настраивать QR-код для оплаты. Размещайте его где угодно — на сайте, в приложении или на листовках, буклетах и билбордах.

Мобильные SDK

Готовые наборы инструментов, которые помогают безопасно принимать платежи в мобильных приложениях на Android и iOS.

API

Программный интерфейс Cloudpayments, который взаимодействует с вашим сайтом и помогает выполнять платежи, проводить отмену оплаты, возврат денежных средств, завершать платежи, создавать и отменять подписки на рекуррентные платежи, а также отправлять счета по e-mail.

Модули для CMS

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

Подключаем оплату через 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;
• HTTPS на странице, использующей 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 на устройстве. Реализуется это так:

if (window.ApplePaySession) < //Apple Pay JS API доступно >

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

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

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

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

const paymentRequest = < total: < label: 'ivi.ru', amount: 50 >, countryCode: 'RU', currencyCode: 'RUB', merchantCapabilities: ['supports3DS'], supportedNetworks: ['masterCard', 'visa'] >; const applePaySession = new window.ApplePaySession(1, paymentRequest);

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

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

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

applePaySession.begin();

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

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

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

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

applePaySession.onvalidatemerchant = (event) => < // отправляем запрос на валидацию сессии performValidation(event.validationURL) .done( (merchantSession) => < // завершаем валидацию платежной сессии this.applePaySession.completeMerchantValidation(merchantSession); >).fail( () => < this.applePaySession.abort(); // показ сообщения об ошибке и т.п. >); >;

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

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

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

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

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

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

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

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

applePaySession.completePayment(success);

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

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

• Блог компании Онлайн-кинотеатр Иви
• Веб-разработка
• Платежные системы