원클릭 결제
작동 방식
원클릭 결제를 통해 사용자는 지원되는 장치에서 익숙하고 안전한 기본 결제 수단(예: Apple Pay 및 Google Pay)을 사용하여 결제할 수 있습니다. 이러한 결제 시스템은 추가적인 보안 메커니즘을 사용하여 무단 거래를 방지합니다. 빠르고 원활한 결제 프로세스를 보장하려면 추가 구성이 필요할 수 있습니다.
한 번의 클릭으로 결제할 때 사용자 흐름:
- 사용자는 결제 UI로 이동하여 구매를 진행합니다.
- 사용자가 버튼을 클릭하여 기본 방법 중 하나로 결제합니다.
- 사용자는 전자 지갑으로 리디렉션되어 결제할 카드를 선택합니다.
- 사용자는 장치 내 생체 인식을 통해 인증 절차를 통과합니다.
- 사용자는 결제 성공 상태를 표시하는 결제 UI로 되돌아갑니다.
Apple Pay
결제 UI에 Apple Pay를 통한 원클릭 결제 옵션을 추가하는 방법:
- 이 옵션을 사용하도록 설정하려면 요청을 생성합니다. 이렇게 하려면 다음과 같이 진행하십시오:
a. 관리자 페이지에서 프로젝트를 열고 지원 허브 섹션으로 이동합니다.
b. 요청 제출을 클릭합니다.
c. 창이 열리면 입력란을 기입합니다:
- 요약. 예를 들어, 원클릭 결제 설정.
- 설명. 결제 UI를 여는 데 사용되는 도메인(예:
amazing.Store.com
)을 지정하고 원클릭 결제 옵션(Apple Pay 또는 Apple Pay와 Google Pay 모두)을 표시합니다. - 프로젝트 ID. 드롭다운 목록에서 프로젝트 ID를 선택합니다. 여러 프로젝트에 대해 일회성 결제 옵션을 구성하려면 설명 필드에 해당 프로젝트의 ID를 지정하십시오.
d. 전송을 클릭합니다.
- 도메인 연결 파일을 기다립니다. 이 단계는 엑솔라에서 수행합니다:
- 엑솔라가 도메인을 Apple에 등록합니다.
- 엑솔라가 Apple로부터 도메인 연결 파일을 수신합니다.
- 엑솔라는 도메인 연결 파일을 이메일로 전송하고 업로드 위치에 대한 지침을 제공합니다.
- 결제 UI를 여는 방법에 따라 아래 표에 설명된 바와 같이 추가 구성을 완료합니다:
- 엑솔라 이메일에 회신하고 도메인 연결 파일을 지정된 위치로 업로드했는지 확인합니다.
- 엑솔라에서 도메인이 Apple에 성공적으로 인증되었는지 여부와 관련하여 확인을 기다립니다.
주의
엑솔라 웹 사이트 빌더 또는 Web Shop을 사용하여 사이트를 생성한 경우, 원클릭 결제를 사용하려면 다시 게시해야 합니다.
결제 UI를 열기 위한 추가 구성
결제 UI 열기 옵션 | 추가 구성 |
---|---|
새 창 | 추가 구성이 필요하지 않습니다. |
Iframe | parent_domain 쿼리 매개 변수 예를 들어, parent_domain=amazing.Store.com 에 도메인을 전달하고 allow=”payment” 특성을 추가합니다. |
페이 스테이션 임베드 스크립트 | 스크립트를 1.5.0 이상 버전으로 업데이트하고 parent_domain 쿼리 매개 변수 예를 들어, parent_domain=amazing.Store.com 에 도메인을 전달합니다.1.5.0 버전 스크립트는 기본적으로 allow="payment" 특성을 지원합니다. |
Copy
- html
1<iframe src="https://secure.xsolla.com/paystation4/?token=token_body&parent_domain=amazing.store.com" allow="payment""></iframe>
페이 스테이션 임베드 스크립트로 결제 UI를 여는 예시:
Copy
- html
1<script>
2 const options = {
3 access_token: 'PAYMENT_TOKEN',
4 lightbox: {
5 width: '800px',
6 height: '700px',
7 },
8 queryParams: {
9 parent_domain: 'amazing.store.com'
10 }
11 };
12 const s = document.createElement('script');
13 s.type = "text/javascript";
14 s.async = true;
15 s.src = "https://cdn.xsolla.net/payments-bucket-prod/embed/1.5.0/widget.min.js";
16 s.addEventListener('load', function (e) {
17 XPayStationWidget.init(options);
18 }, false);
19
20 const head = document.getElementsByTagName('head')[0];
21 head.appendChild(s);
22</script>
제한 사항:
- 외부 브라우저의 새 탭에서 결제 UI를 열도록 토큰 요청에 settings.ui.is_independent_windows 매개 변수를 전달하면 Apple Pay를 통한 원클릭 결제를 활성화할 수 없습니다. 그러나 이 매개 변수의 전달 여부와 관계없이 새 탭에서 열면 Apple Pay를 통한 결제를 수락할 수 있습니다.
- SDK를 사용하는 경우 최신 버전을 사용해야 합니다.
- 페이 스테이션 임베드 스크립트를 사용하는 경우 버전 1.5.0 이상이어야 합니다.
Google Pay
결제 UI에 Google Pay를 통한 원클릭 결제 옵션을 추가하는 방법:
- 결제 UI를 여는 방법에 따라 다음과 같이 추가 구성을 완료합니다:
결제 UI 열기 옵션 | 추가 구성 |
---|---|
새 창 | 추가 구성이 필요하지 않습니다. |
Iframe | allow="payment" 특성을 추가합니다. |
페이 스테이션 임베드 스크립트 | 스크립트를 1.5.0 이상 버전으로 업데이트합니다. 1.5.0 버전 스크립트는 기본적으로 allow=”payment” 특성을 지원합니다. |
Android WebView | 추가 구성이 필요하지 않습니다. |
사용자 정의 탭 | 추가 구성이 필요하지 않습니다. |
Copy
- html
1<iframe src="https://secure.xsolla.com/paystation4/?token=token_body" allow="payment""></iframe>
- 이 옵션을 사용하도록 설정하려면 요청을 생성합니다. 이렇게 하려면 다음과 같이 진행하십시오:
a. 관리자 페이지에서 프로젝트를 열고 지원 허브 섹션으로 이동합니다.
b. 요청 제출을 클릭합니다.
c. 창이 열리면 입력란을 기입합니다:
- 요약. 예를 들어, 원클릭 결제 설정.
- 설명. 결제 UI를 여는 방법을 지정하고 원클릭 결제 옵션(Google Pay 또는 Google Pay와 Apple Pay 모두)을 표시합니다.
- 프로젝트 ID. 드롭다운 목록에서 프로젝트 ID를 선택합니다. 여러 프로젝트에 대해 일회성 결제 옵션을 구성하려면 설명 필드에 해당 프로젝트의 ID를 지정하십시오.
d. 전송을 클릭합니다.
- 프로젝트에서 원클릭 결제 옵션이 성공적으로 활성화되었는지 여부와 관련하여 엑솔라의 확인을 기다립니다.
주의
엑솔라 웹 사이트 빌더 또는 Web Shop을 사용하여 사이트를 생성한 경우, 원클릭 결제를 사용하려면 다시 게시해야 합니다.
제한 사항:
- 외부 브라우저의 새 탭에서 결제 UI를 열도록 토큰 요청에 settings.ui.is_independent_windows 매개 변수를 전달하면 Apple Pay를 통한 원클릭 결제를 활성화할 수 없습니다. 그러나 이 매개 변수의 전달 여부와 관계없이 새 탭에서 열면 Apple Pay를 통한 결제를 수락할 수 있습니다.
- 페이 스테이션 임베드 스크립트를 사용하는 경우 버전 1.5.0 이상이어야 합니다.
- 게임 엔진은 팝업 창을 지원하지 않습니다. 이러한 이유로, Unity용 엑솔라 SDK(WebGL 빌드 제외) 및 언리얼 엔진을 사용할 때 Google Pay 원클릭 결제를 사용할 수 없습니다.
- 브라질 법률을 준수하기 위해 사용자는 Google Pay로 결제할 때 납세자 식별 번호(CPF)를 직접 입력해야 합니다. 이러한 이유로, 브라질에서는 Google Pay 원클릭 결제를 사용할 수 없습니다.
- Unity에서 WebGL을 빌드하는 경우 최신 SDK 버전을 사용해야 합니다.
이 기사가 도움이 되었나요?
의견을 보내 주셔서 감사드립니다!
메시지를 검토한 후 사용자 경험 향상에 사용하겠습니다.오자 또는 기타 텍스트 오류를 찾으셨나요? 텍스트를 선택하고 컨트롤+엔터를 누르세요.