해외카드결제 - 카드 결제 정보 선택
안녕하세요
해외 결제 서비스 연동 중에 requestPayment 를 호출 하면 카드 결제 정보를 선택해주세요. 라는 에러가 발생합니다.
설정을 위해 상점관리자 - 결제 UI - 기능에서 UI 를 수정하려고 했는데 등록가능한 카드사가 없어서요. ( 현재 pro 기능을 사용하고 있지 않습니다. )
해외 결제 서비스를 사용하려면 pro 기능을 추가로 계약 해야하는건지, 아니면 제가 어느 부분을 놓쳐서 카드 선택 화면 설정을 못하고 있는건지 알려주시면 감사하겠습니다.
10 Replies
⏳ 잠시만 기다려주세요! 곧 답변드리겠습니다
오류 문의일 경우 아래 정보를 미리 전달해주시면, 빠른 답변에 도움이 됩니다.
- 주문번호(orderId) :
- 문의 내용 :
(img를 함께 첨부해주시면 도움이됩니다)
* 계약관련 내용은 1544-7772로 문의주세요.
* 주말/공휴일에는 답변이 늦을 수 있어요.
requestPayment 를 어떻게 호출하신건지 전체 JSON 을 공유해 주실수 있을까요?
<script>
var paymentWidget, clientKey, customerKey, tot_price, product_name;
function ini_tosspay(){
clientKey = "test_ck_4yKeq5bgrpLEx4jnggb4rGX0lzW6";
customerKey = generateRandomString();
tot_price = $(".print_price").text();
tot_price = tot_price.replace(',', '');
paymentWidget = PaymentWidget(clientKey, customerKey);
product_name = $(".td-item-name b").text();
$("#od_paypal_key").val(customerKey);
// ------ 결제 UI 렌더링 ------
// 결제위젯 UI를 렌더링할 위치를 지정합니다.
#payment-method
와 같은 CSS 선택자와 결제 금액 객체를 추가하세요.
// 해외 결제에는 currency, country 정보가 필수입니다.
// https://docs.tosspayments.com/reference/widget-sdk#renderpaymentmethods선택자-결제-금액-옵션
paymentWidget.renderPaymentMethods(
"#payment-method",
{
value: tot_price,
currency: 'KRW',
country: 'KR',
},
{ variantKey: 'foreign_payment' } // PayPal이 추가된 결제 UI의 variantKey
)
// ------ 이용약관 UI 렌더링 ------
// 이용약관 UI를 렌더링할 위치를 지정합니다. #agree
와 같은 CSS 선택자를 추가하세요.
// https://docs.tosspayments.com/reference/widget-sdk#renderagreement선택자-옵션
paymentWidget.renderAgreement(
'#agreement',
{ variantKey: 'AGREEMENT-EN'} // 영문 이용약관 UI 렌더링
)
}
function exe_tosspay(od_id){
// ------ '결제하기' 버튼 누르면 결제창 띄우기 ------
// 더 많은 결제 정보 파라미터는 결제위젯 SDK에서 확인하세요.
// https://docs.tosspayments.com/reference/widget-sdk#requestpayment결제-정보
paymentWidget.requestPayment({
orderId: 'AD8aZDpbzXs4EQa-UkIX6',
orderName: '토스 티셔츠 외 2건',
successUrl: 'http://localhost:8080/success',
failUrl: 'http://localhost:8080/fail',
// useInternationalCardOnly: true
})
}
function generateRandomString() {
return window.btoa(Math.random()).slice(0, 20);
}
</script>결제위젯 JavaScript SDK | 토스페이먼츠 개발자센터
결제위젯 JavaScript SDK를 추가하고 메서드를 사용하는 방법을 알아봅니다.
페이지 상단에서 ini_tosspay 는 실행 시켰습니다
페이팔 연동 문서는 여기를 참조 해주시면 됩니다.
https://docs.tosspayments.com/guides/payment-widget/integration-paypal
PayPal 연동하기 | 토스페이먼츠 개발자센터
토스페이먼츠 결제위젯 SDK로 PayPal 해외 간편결제를 연동하는 가이드입니다. 결제위젯으로 간편하게 주문서 페이지의 결제 UI를 연동할 수 있기 때문에 해외 간편결제 연동에 추천하는 방법입니다.
페이팔 서비스 말고 해외카드결제 서비스를 이용하려고 하는데 페이팔 문서로 참고하면 될까요?
확인 해보시면
payment method 와 지금 보내주신 샘플이 다른것 확인하실 수 있으실 겁니다
해외카드결제는, 페이팔과는 별개 입니다.
비자, 마스터 등을 말씀 하시는게 맞을까요?
만약 맞다면, 일반적인 방식으로 그대로 진행 하시면 됩니다.
네 비자 마스터 등 카드 결제를 사용하려고 합니다
일반적인 연동 방식
https://docs.tosspayments.com/guides/payment-widget/integration
이대로 하시면 되고,
해외카드 계약 되어 있으시면 됩니다
결제위젯 연동하기 | 토스페이먼츠 개발자센터
토스페이먼츠 결제위젯 연동 가이드입니다. 내 상점의 주문서 페이지에 최적의 주문서 UI를 연동하세요. 결제 연동하기 가장 편리한 로우코드(Low-code) 솔루션입니다.
❤️ 기술문의 경험이 어떠셨나요?!
간단히 코멘트 남겨주세요! 제품 발전에 큰 힘이 됩니다.