전자 상거래 사이트에서 WooCommerce Apple Pay를 설정하는 방법은 무엇입니까?

게시 됨: 2022-02-13

지불 게이트웨이는 고객의 구매 결정에 직접적인 영향을 미칩니다. 더 많은 지불 방법이 제공될수록 더 많은 판매가 이루어집니다. 이상적인 세상에서는 방문자가 사용할 수 있는 가능한 한 간단한 옵션을 선택합니다. 결과적으로 회사와 잠재적 판매 사이의 장애물을 제거할 수 있습니다. Apple 브랜드는 높은 품질과 보안으로 인해 점점 더 인기를 얻고 있습니다. 온라인 상점을 통합하면 잠재적으로 더 많은 이점을 얻을 수 있습니다. 이 추세를 최대한 활용하려면 Apple Pay 결제 게이트웨이를 WooCommerce 스토어에 추가해야 합니다. 그렇기 때문에 이 기사에서는 Apple Pay 결제에 대한 배경 정보를 제공하고 전자 상거래 사이트에서 WooCommerce Apple Pay 결제 방법을 설정하는 방법을 보여 드리겠습니다.

목차
[보이기][숨기기]
  1. 애플페이란?
  2. Apple Pay에는 무엇이 필요합니까?
  3. WooCommerce Apple Pay 결제 옵션을 설정하는 방법은 무엇입니까?
    1. 1단계: WooCommerce용 Stripe 설정
      1. #1: WooCommerce용 Stripe 플러그인 설치 및 활성화
      2. #2: WooCommerce에서 Stripe 활성화
      3. #3: Stripe 계정 만들기
      4. #4: Stripe API 키 가져오기
      5. #5: API 키를 사용한 링크 스트라이프
    2. 2단계: Stripe 내에서 Apple Pay 결제 활성화
      1. #1: WooCommerce Apple Pay 버튼 활성화
      2. #2: WooCommerce Apple Pay 버튼 문제 해결
    3. 3단계: Apple Pay가 작동하는지 테스트
  4. 마지막 생각들,

애플페이란?

디지털 지갑 및 모바일 결제 시스템인 Apple Pay는 온라인 스토어에서 결제를 받을 수 있는 또 다른 방법을 추가합니다. 다른 모바일 결제 게이트웨이 및 송금 앱(예: Venmo, Amazon Pay, Google Pay)과 마찬가지로 Apple Pay 시스템은 고객이 더 간편하고 편리한 결제 방법을 제공하므로 기기에서 바로 안전하게 구매할 수 있습니다.

woocommerce-apple-pay-1

간단히 말해서, Apple Pay는 신용 카드와 유사하게 작동하지만 결제 정보가 사용자의 기기(일반적으로 전화)에 저장되므로 직접 또는 온라인 결제를 위해 신용 카드를 꺼낼 필요가 없습니다.

Apple Pay 사용자는 직불카드와 신용카드를 연결하여 iPhone의 Wallet 앱에 저장합니다. 온라인 또는 오프라인 매장에서 Apple Pay를 허용하는 경우 몇 초 만에 결제를 처리할 수 있습니다.

결과적으로 Apple Pay는 고객이 지불하는 또 다른 방법이므로 주요 WooCommerce 매장을 운영하든 제휴 매장을 운영하든 웹사이트에서 해당 기능을 제공하는 것이 중요합니다.

Apple Pay에는 무엇이 필요합니까?

WooCommerce 스토어에서 Apple Pay 결제 방법을 선택하려는 경우 다음을 수행해야 합니다.

  • 사파리 브라우저 사용
  • Apple 기기 사용(예: iPhone, iPad, MacBook)
  • 기기에서 Apple Pay 활성화

상점에서 Apple Pay 결제 방법을 수락하려는 상점 소유자의 경우 WordPress 사이트 외에 다음 요소를 추가해야 합니다.

  • 귀하의 사이트를 전자 상거래 상점으로 만드는 WooCommerce 플러그인.
  • Stripe for WooCommerce 플러그인은 결제 수단을 추가합니다.
  • 스트라이프 계정.

WooCommerce Apple Pay 결제 옵션을 설정하는 방법은 무엇입니까?

이 튜토리얼에서는 WordPress 사이트에 WooCommerce 플러그인이 있는지 확인합니다. 따라서 Apple Pay 결제를 수락하려면 아래 단계부터 시작할 수 있습니다.

1단계: WooCommerce용 Stripe 설정

Stripe WooCommerce, Authorize.net, CyberSource, Moneris 및 Square 플러그인용 결제 플러그인과 같이 Apple Pay를 지원하는 많은 플러그인이 있습니다. 이 기사에서는 합리적인 패키지와 직관적인 설정 프로세스를 제공하는 Stripe for WooCommerce를 사용하여 스토어에서 Apple Pay 결제를 설정하는 방법을 보여 드리겠습니다.

#1: WooCommerce용 Stripe 플러그인 설치 및 활성화

WordPress 대시보드에서 플러그인 > 새로 추가 를 클릭하고 Stripe for WooCommerce 플러그인을 검색합니다.

woocommerce-apple-pay-2

그런 다음 지금 설치 > 활성화 를 누르십시오.

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

#2: WooCommerce에서 Stripe 활성화

WordPress 대시보드에서 WooCommerce > 설정 > 결제 를 클릭합니다.

woocommerce-apple-pay-6

페이지 하단으로 스크롤하여 Stripe 신용 카드 결제 옵션을 찾습니다. 제목에 Stripe이 있는 다른 필드를 발견할 수 있지만 지금은 무시하십시오. 먼저 기본 Stripe 신용 카드 기능을 활성화해야 합니다.

스트라이프 신용 카드 스위치를 켭니다. 그런 다음 표시되는 버튼에 따라 설정 또는 관리를 클릭합니다.

woocommerce-apple-pay-7

#3: Stripe 계정 만들기

아직 Stripe 계정이 없다면 지금 Stripe 계정을 만들어야 합니다. 이렇게 하려면 Stripe에서 API 키를 가져오기 위한 비즈니스 계정이 필요합니다.

woocommerce-apple-pay-8

회사 웹사이트에서 회사 이름과 은행 계좌 정보를 포함한 모든 필수 정보를 입력하기만 하면 됩니다.

#4: Stripe API 키 가져오기

이 단계에서 Stripe 계정 키를 받아야 합니다. Stripe 대시보드에서 개발자 > API 키 를 클릭하십시오.

woocommerce-apple-pay-9

그런 다음 게시 가능한 키와 비밀 키를 볼 수 있습니다. 이 값을 복사합니다.

woocommerce-apple-pay-10

그런 다음 이 값을 API 자격 증명 섹션에 붙여넣습니다. 변경 사항 저장 .

그런 다음 Stripe 대시보드에서 끝점 추가 를 클릭하고 WooCommerce에서 웹훅 끝점을 복사하고 Stripe의 끝점 URL에 이 값을 붙여넣습니다.

woocommerce-apple-pay-12

마지막으로 Stripe에서 webhook secret을 복사하고 WooCommerce에 이 값을 붙여넣습니다.

woocommerce-apple-pay-13

그런 다음 변경 사항 저장 을 클릭하여 WooCommerce의 모든 항목을 업데이트하는 것을 잊지 마십시오.

#5: API 키를 사용한 링크 스트라이프

새 페이지에서 API 설정 섹션으로 이동합니다.

woocommerce-apple-pay-14

지불을 수락할 준비가 되었다면 모드라이브 로 변경하십시오. 그렇지 않은 경우 테스트 모드 를 유지합니다.

Stripe 계정 연결 필드에서 연결하려면 클릭 버튼을 클릭합니다. 그러면 Stripe 계정에 로그인하여 WordPress에 연결할 수 있는 새 페이지로 이동합니다.

이제 WordPress는 로그인한 경우 Stripe 계정을 표시하는 타사 연결 페이지로 이동합니다. 결과적으로 Stripe에서 로그인하라는 메시지가 표시되면 계정에 로그인해야 합니다.

로그인한 후 WooCommerce 스토어에 연결할 Stripe 계정을 선택하십시오.

연결 버튼을 클릭합니다.

woocommerce-apple-pay-15

이제 Stripe 계정이 성공적으로 연결되었음을 나타내는 녹색 확인 표시와 메시지가 표시됩니다.

이렇게 하면 게시 가능한 키와 비밀 키가 생성되고 WordPress 대시보드의 해당 필드에 추가됩니다.

참고: Stripe API 섹션에는 해당 키도 표시됩니다. 필요한 경우 Stripe 대시보드에서 키를 얻을 수 있기 때문에 이것은 중요합니다. 자동화된 프로세스가 실패하는 경우 키를 다시 생성하는 것도 좋은 위치입니다.

woocommerce-apple-pay-16

WooCommerce 결제 페이지에서 아래로 스크롤하여 변경 사항 저장 버튼을 클릭합니다.

이렇게 하면 Stripe 키가 WordPress에 저장되고 결제 처리가 가능합니다.

woocommerce-apple-pay-17

2단계: Stripe 내에서 Apple Pay 결제 활성화

#1: WooCommerce Apple Pay 버튼 활성화

현재 귀하의 WordPress 사이트와 Stripe 통합은 고객이 상점의 체크아웃 프로세스를 완료할 때 신용 카드 처리를 허용합니다.

그리고 이것은 Apple Pay 버튼을 추가하는 데 필요한 단계이지만 완료해야 할 몇 가지 단계가 더 있습니다.

woocommerce-apple-pay-18

이제 이 도메인을 실제로 소유하고 있는지 확인해야 합니다. 일반적으로 호스팅된 웹사이트 파일의 섹션에 확인 문서를 업로드해야 합니다( apple-developer-merchantid-domain-association 파일이어야 함).

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 계정이 있는 경우에만 휴대폰에서 사용할 수 있습니다. 따라서 iPhone의 Apple Pay 앱에 신용 카드를 연결하여 자신의 사이트에서 버튼이 어떻게 작동하는지 테스트하고 확인하는 것이 좋습니다.
  • 사이트가 아직 라이브 상태가 아닙니다. 테스트 및 라이브 사이트용 API 키는 별도로 생성됩니다. Stripe가 거래를 시뮬레이션한다는 사실에도 불구하고 Stripe 테스트 모드에 있으면 Apple Pay 버튼이 나타나지 않습니다. 깨어 있어야 합니다.
  • Stripe는 SSL 인증서가 없고 도메인 앞에 "https://"(http://가 아님)가 있는 경우 결제 기능(특히 Apple Pay)을 차단합니다. SSL을 활성화하거나 설치하려면 결제 세부 정보 및 기타 온라인 데이터 보안을 위해 Sectigo Wildcard SSL 인증서(여러 하위 도메인용)와 같은 다양한 옵션에서 SSL을 선택할 수 있습니다.
  • WooCommerce용 Stripe 플러그인은 Stripe API 키를 자동으로 생성할 수 없습니다. – WooCommerce용 Stripe 플러그인이 일반적으로 트릭을 수행하지만 Stripe API 섹션에서 수동으로 렌더링해야 할 수도 있습니다.
  • 플러그인이 소유권을 확인할 수 없습니다. 이 경우 오류 메시지에 제공된 지침에 따라 웹사이트에 확인 파일을 업로드하십시오.

3단계: Apple Pay가 작동하는지 테스트

모든 작업이 완료되면 Apple Pay 결제 옵션을 다시 확인하여 WooCommerce 스토어와 고객 기기에서 완벽하게 작동하는지 확인해야 합니다. 최상의 결과를 얻으려면 다음을 수행해야 합니다.

  • 스마트폰과 컴퓨터 모두에서 Safari 브라우저를 엽니다.
  • 웹사이트를 방문하여 제품 중 하나를 장바구니에 담습니다.
  • Apple Pay를 사용하여 결제할 수 있어야 합니다. Apple Pay가 기기에 표시되지 않습니까?
  • 결제 페이지로 이동합니다.

이 프로세스가 순조롭다면 클라이언트의 장치에서도 잘 작동할 것이라고 믿을 수 있습니다. 그렇지 않은 경우 모든 단계를 다시 확인하고 예상한 결과를 얻을 때까지 잘못된 단계를 수정하십시오.

마지막 생각들,

WooCommerce Apple Pay는 보안, 더 많은 지불 옵션 및 더 나은 UX를 통해 상점 소유자와 고객 모두에게 확실히 이익이 됩니다.

WooCommerce Apple Pay를 웹사이트에 추가하는 것은 현명한 조치입니다. 이 프로세스는 숙련된 WooCommerce 사용자에게는 쉬워 보이지만 초보자에게는 복잡할 수 있습니다. 이 기사가 WooCommerce 스토어에 대한 Apple Pay 결제 게이트웨이를 성공적으로 설정하는 데 도움이 되었기를 바랍니다. 시작하기가 너무 어렵다면 개발자를 고용하여 처리를 도와야 합니다.