Как настроить WooCommerce Apple Pay на вашем сайте электронной коммерции?

Опубликовано: 2022-02-13

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

Оглавление
[Показать спрятать]
  1. Что такое ApplePay?
  2. Что требует Apple Pay?
  3. Как настроить способ оплаты WooCommerce Apple Pay?
    1. Шаг 1. Настройте Stripe для WooCommerce
      1. №1: Установите и активируйте плагин Stripe для WooCommerce.
      2. № 2: Включить Stripe в WooCommerce
      3. № 3: Создайте учетную запись Stripe
      4. № 4. Получите ключи Stripe API
      5. # 5. Link Stripe с использованием ключей API
    2. Шаг 2. Включите платежи Apple Pay в Stripe
      1. № 1. Активируйте кнопку Apple Pay WooCommerce
      2. № 2. Устранение неполадок с кнопками WooCommerce Apple Pay
    3. Шаг 3. Проверьте, работает ли Apple Pay.
  4. Последние мысли,

Что такое ApplePay?

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

woocommerce-apple-pay-1

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

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

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

Что требует Apple Pay?

Для тех, кто хочет выбрать способ оплаты Apple Pay в вашем магазине WooCommerce, им необходимо:

  • Используйте браузер Сафари
  • Используйте устройство Apple (например, iPhone, iPad, MacBook)
  • Включите Apple Pay на своем устройстве

Для вас, владельцев магазинов, которые хотят принимать способ оплаты Apple Pay в своем магазине, вам необходимо добавить следующие элементы в дополнение к сайту WordPress:

  • Плагин WooCommerce, превращающий ваш сайт в магазин электронной коммерции.
  • Плагин Stripe для WooCommerce для добавления способа оплаты.
  • Полосатый аккаунт.

Как настроить способ оплаты WooCommerce Apple Pay?

В этом уроке мы убедимся, что у вас есть плагин WooCommerce на вашем сайте WordPress. Поэтому, чтобы принять платеж Apple Pay, вы можете начать с шагов, описанных ниже.

Шаг 1. Настройте Stripe для WooCommerce

Существует множество плагинов, поддерживающих Apple Pay, таких как платежные плагины для Stripe WooCommerce, Authorize.net, CyberSource, Moneris и плагин Square. В этой статье я покажу вам, как настроить оплату Apple Pay в вашем магазине с помощью Stripe для WooCommerce, потому что он предлагает разумные пакеты и интуитивно понятный процесс настройки.

№1: Установите и активируйте плагин Stripe для WooCommerce.

На панели инструментов WordPress нажмите « Плагины» > «Добавить новый », найдите плагин Stripe for WooCommerce.

woocommerce-apple-pay-2

Затем нажмите «Установить сейчас» > «Активировать».

woocommerce-apple-pay-3
woocommerce-apple-pay-4

№ 2: Включить Stripe в WooCommerce

На панели инструментов WordPress нажмите WooCommerce > Настройки > Оплата .

woocommerce-apple-pay-6

Прокрутите страницу вниз, чтобы найти вариант оплаты Stripe Credit Cards. Вы можете заметить некоторые другие поля с полосой в заголовке, но пока игнорируйте их; вы должны сначала включить базовую функциональность Stripe Credit Cards.

Включите переключатель Stripe Credit Cards . Затем, в зависимости от того, какая кнопка появится у вас, нажмите «Настроить» или «Управление».

woocommerce-apple-pay-7

№ 3: Создайте учетную запись Stripe

Если у вас еще нет учетной записи Stripe, вам следует создать учетную запись Stripe. Для этого вам понадобится бизнес-аккаунт, чтобы получить ключи API от Stripe.

woocommerce-apple-pay-8

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

№ 4. Получите ключи Stripe API

На этом этапе вы должны получить ключи от своей учетной записи Stripe. На панели управления Stripe щелкните Разработчики > Ключи API .

woocommerce-apple-pay-9

Затем вы сможете просмотреть свои публикуемые и секретные ключи. Скопируйте эти значения.

woocommerce-apple-pay-10

После этого вставьте эти значения в раздел учетных данных API. Сохранить изменения .

Затем на панели управления Stripe нажмите « Добавить конечную точку », скопируйте конечную точку веб-перехватчика в WooCommerce и вставьте это значение в URL-адрес конечной точки в Stripe.

woocommerce-apple-pay-12

Наконец, скопируйте секрет веб-перехватчика в Stripe и вставьте это значение в WooCommerce.

woocommerce-apple-pay-13

Затем не забудьте нажать «Сохранить изменения », чтобы обновить все в WooCommerce.

# 5. Link Stripe с использованием ключей API

Перейдите в раздел « Настройки API » на новой странице.

woocommerce-apple-pay-14

Если вы готовы принимать платежи, измените Mode на Live . Если нет, оставайтесь в тестовом режиме .

В поле « Подключить учетную запись Stripe» нажмите кнопку « Нажмите, чтобы подключиться ». Это приведет вас на новую страницу, где вы сможете войти в свою учетную запись Stripe и подключить ее к WordPress.

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

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

Нажмите кнопку Подключить .

woocommerce-apple-pay-15

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

Это генерирует публикуемый ключ и секретный ключ, которые затем добавляются в соответствующие поля на панели управления WordPress.

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

woocommerce-apple-pay-16

Прокрутите вниз страницу «Платежи WooCommerce» и нажмите кнопку « Сохранить изменения ».

Это гарантирует, что ваши ключи Stripe будут храниться в WordPress и готовы к обработке платежей.

woocommerce-apple-pay-17

Шаг 2. Включите платежи Apple Pay в Stripe

№ 1. Активируйте кнопку Apple Pay WooCommerce

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

И хотя это необходимый шаг к добавлению кнопки Apple Pay, необходимо выполнить еще несколько шагов.

woocommerce-apple-pay-18

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

woocommerce-apple-pay-15

Однако вам почти никогда не придется делать это вручную. Просто перейдите в раздел Apple Pay и нажмите кнопку « Зарегистрировать домен ».

woocommerce-apple-pay-16

После этого вы должны увидеть сообщение о том, что домен успешно зарегистрирован.

Перейдите на панель управления Stripe и нажмите « Настройки» > «Способы оплаты» > «Apple Pay» , чтобы убедиться, что все работает правильно.

woocommerce-apple-pay-17

Ваше доменное имя должно появиться в списке веб-доменов.

woocommerce-apple-pay-18

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

Когда клиент получает доступ к вашему веб-сайту через мобильное устройство с настроенной учетной записью Apple Pay, он теперь увидит кнопку « Купить с Apple Pay » на странице продукта или странице оформления заказа.

woocommerce-apple-pay-19

№ 2. Устранение неполадок с кнопками WooCommerce Apple Pay

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

  • Пользователь не использует мобильное устройство с поддержкой Apple Pay. Apple Pay можно использовать на телефоне только в том случае, если у пользователя есть учетная запись Apple Pay. Поэтому мы рекомендуем привязать кредитную карту к вашему приложению Apple Pay на iPhone, чтобы проверить и посмотреть, как кнопка работает на вашем собственном сайте.
  • Сайт еще не запущен — ключи API для тестового и рабочего сайтов генерируются отдельно. Кнопка Apple Pay не появится, если вы находитесь в тестовом режиме Stripe, несмотря на то, что Stripe имитирует транзакции. Вы должны бодрствовать.
  • Stripe блокирует функции оплаты (особенно Apple Pay), если у вас нет SSL-сертификата и «https://» (не http://) перед доменом. Чтобы включить или установить SSL, вы можете выбрать любой SSL из различных вариантов, таких как SSL-сертификат Sectigo Wildcard (для нескольких субдоменов) для платежных реквизитов и другой защиты данных в Интернете.
  • Плагин Stripe для WooCommerce не смог автоматически сгенерировать ключи Stripe API. Хотя плагин Stripe для WooCommerce обычно делает свое дело, вам может потребоваться отобразить их вручную в разделе Stripe API.
  • Плагин не может подтвердить право собственности. В этом случае загрузите файл подтверждения на свой веб-сайт, следуя инструкциям, приведенным в сообщении об ошибке.

Шаг 3. Проверьте, работает ли Apple Pay.

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

  • Откройте браузер Safari на смартфоне и компьютере.
  • Зайдите на свой сайт и положите один из товаров в корзину.
  • Вы должны быть в состоянии оплатить с помощью Apple Pay. Apple Pay не отображается на вашем устройстве?
  • Перейдите на страницу оформления заказа.

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

Последние мысли,

WooCommerce Apple Pay, безусловно, приносит пользу как вам, владельцу магазина, так и покупателям благодаря безопасности, большему количеству способов оплаты и лучшему UX.

Добавление WooCommerce Apple Pay на ваш сайт — разумный шаг. Этот процесс кажется простым для опытных пользователей WooCommerce, однако может быть сложным для новичков. Надеемся, что эта статья помогла вам успешно настроить платежный шлюз Apple Pay для вашего магазина WooCommerce. Если вам так сложно начать, вам следует нанять разработчика, который поможет вам справиться с этим.