사용자 환경 권장사항

Google Pay API와 통합하면 웹사이트, 앱 구매 과정, 사용자 환경(UX)에 따라 다양한 상황이 발생할 수 있습니다. 다음 가이드라인에 따라 UX를 개선해 보세요.

기본 결제 수단을 Google Pay로 설정

Google Pay를 기본 결제 수단으로 설정하여 신규 사용자를 등록하거나 계정 설정 화면을 건너뜁니다. isReadytoPaytrue를 반환하면 Google Pay를 기본 결제 수단으로 설정하는 것이 좋습니다. 이렇게 하면 결제 및 배송 정보가 기본적으로 고객의 저장된 결제 수단으로 자동 설정되기 때문에 결제 과정에서 고객이 클릭하는 횟수가 줄어듭니다.

Google Pay 버튼에 카드 정보 사용 설정

Google Pay는 결제 버튼에 소비자의 카드 브랜드 네트워크와 카드의 마지막 4자리 숫자를 제공할 수 있습니다. 이렇게 하면 Google Pay 결제 버튼에 표시된 카드로 결제할 수 있음을 소비자에게 알릴 수 있습니다.

  • 카드 정보를 사용 설정하려면 createButton() API를 구현하고 ButtonOptions.buttonTypebuy 또는 long으로 구성합니다.
  • Google Pay 결제 버튼을 그림 1과 같이 검은색으로 설정하거나 그림 2와 같이 흰색으로 설정하여 결제 페이지 배경과 대비를 이루도록 합니다.
최적화
그림 1: buttonType 속성이 long으로 설정되어 있고 buttonColorblack입니다.

 

최적화
그림 2: buttonType 속성이 long으로 설정되어 있고 buttonColorwhite입니다.

클릭수를 줄이도록 최적화

사용자가 Google Pay를 호출하면 바로 결제 수단에 청구되도록 설정된 경우 다음과 같이 하세요.

  • Google Pay를 호출하기 전에 관련된 최종 가격 합계가 고객에게 표시되어야 합니다.
  • CheckoutOptionCOMPLETE_IMMEDIATE_PURCHASE로 설정하여 사용자에게 Google Pay 선택기 안에서 계속 대신 결제 버튼이 표시되도록 합니다.

이렇게 하면 클릭 한 번으로 결제할 수 있고 사용자에게 청구하기 전에 정확한 예상치가 설정됩니다.

최적화
그림 3: 클릭수를 줄이도록 최적화합니다.

Google Pay의 권장 게재위치

Google Pay를 다음 네 곳에 각각 표시하세요.

Google Pay를 두 개 이상의 위치에 배치하는 경우 모든 위치에서 IsReadytoPayRequest 호출의 일관성을 유지하세요.

제품 페이지에 Google Pay 추가

상품 또는 제품 페이지에 Google Pay를 추가하고 고객이 바로 결제를 사용할 수 있도록 설정합니다. 이렇게 하면 결제 단계가 줄어들고 단일 상품 구매 시 전환율이 증가합니다.

제품 페이지에 Google Pay 추가
그림 4: 제품 페이지에 Google Pay를 추가합니다.

결제 페이지에 Google Pay 추가

결제 또는 장바구니 버튼이 있으면 일반 결제 옵션 근처에 Google Pay를 추가합니다.

이 Google Pay 배치를 선택하면 고객의 사용 환경이 다음과 같이 향상됩니다.

  • 편리하게 장바구니의 모든 항목 확인
  • 관련된 최종 가격 합계 확인
  • 즉시 결제 가능
결제
그림 5: 일반 결제 옵션 근처에 Google Pay를 추가합니다.

결제 옵션 목록의 맨 위에 Google Pay 배치

사용자가 클릭 한 번으로 결제할 수 있음을 알 수 있도록 Google Pay를 눈에 잘 띄게 표시하세요.

결제 옵션 목록의 맨 위에 Google Pay 배치
그림 6: 결제 옵션 목록의 맨 위에 Google Pay를 배치합니다.

결제 정보를 입력하는 수동 입력란 위에 Google Pay 배치

Google Pay가 수동 입력이 필요한 입력란 위에 눈에 띄게 배치되어 있는 경우, 결제 정보나 배송지 및 청구서 수신 주소 데이터가 Google Pay에 이미 존재하면 사용자가 이러한 데이터를 수동으로 입력하지 않아도 됩니다. 이러한 경우 수동 입력이 줄어들고 전환율이 증가합니다.

결제 정보를 입력하는 수동 입력란 위에 Google Pay 배치
그림 7: 결제 정보를 입력하는 수동 입력란 위에 Google Pay를 배치합니다.

Google Pay에서 사용자의 배송 정보 수집

배송 정보가 필요한 경우 고객은 Google Pay 화면에서 결제 정보와 함께 배송지 주소를 확인할 수 있습니다. 그러면 사용자가 주소를 수동으로 입력할 필요가 없습니다. Google Pay API의 응답에 배송 및 결제 정보가 모두 포함됩니다.

결제 정보를 입력하는 수동 입력란 위에 Google Pay 배치
그림 8: Google Pay에 배송지 주소를 설정합니다.

Google Pay를 통한 비회원 결제 사용

사용자가 계정을 만들지 않아도 Google Pay를 통해 간편하게 결제할 수 있는 프로세스를 사용하세요. 이렇게 하려면 Google Pay API에 대한 요청의 일부로 결제에 필요한 결제 및 주소 정보를 요청하세요.

계정 생성을 위한 옵션이 있으면 Google Pay API에서 제공하는 결제 및 주소 정보를 사용하여 계정 생성에 필요한 결제 및 주소 정보를 받으세요. 계정 생성은 구매 후에만 수행하는 것이 좋습니다.

Google Pay API를 통해 이 정보를 요청하는 경우 고객이 결제에 필요한 모든 정보를 수동으로 입력하지 않아도 됩니다. 따라서 결제 흐름이 원활해집니다.

Google Pay를 사용하여 관련 사용자 데이터만 수집

Google Pay API에서 반환하는 데이터를 수집할 때는 이 데이터를 고객의 현재 거래에만 사용해야 합니다. 주문 확인, 배송 알림, 배송 추적, 주문 취소, 환불, 환불 알림 정보가 여기에 포함됩니다.

예를 들어 PaymentDataRequest 객체에서 emailRequiredtrue로 설정하면 Google Pay API가 이메일 주소를 반환합니다.

이 방식을 유지하면 고객의 신뢰를 얻고 충성도를 높일 수 있습니다.