ddodndn
ddodndn15mo ago

해외카드결제 - 카드 결제 정보 선택

안녕하세요 해외 결제 서비스 연동 중에 requestPayment 를 호출 하면 카드 결제 정보를 선택해주세요. 라는 에러가 발생합니다. 설정을 위해 상점관리자 - 결제 UI - 기능에서 UI 를 수정하려고 했는데 등록가능한 카드사가 없어서요. ( 현재 pro 기능을 사용하고 있지 않습니다. ) 해외 결제 서비스를 사용하려면 pro 기능을 추가로 계약 해야하는건지, 아니면 제가 어느 부분을 놓쳐서 카드 선택 화면 설정을 못하고 있는건지 알려주시면 감사하겠습니다.
10 Replies
토스페이먼츠 BOT
⏳ 잠시만 기다려주세요! 곧 답변드리겠습니다
오류 문의일 경우 아래 정보를 미리 전달해주시면, 빠른 답변에 도움이 됩니다.
- 주문번호(orderId) : - 문의 내용 :
(img를 함께 첨부해주시면 도움이됩니다)
* 계약관련 내용은 1544-7772로 문의주세요. * 주말/공휴일에는 답변이 늦을 수 있어요.
Kimoon Lee
Kimoon Lee15mo ago
requestPayment 를 어떻게 호출하신건지 전체 JSON 을 공유해 주실수 있을까요?
ddodndn
ddodndnOP15mo ago
<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를 추가하고 메서드를 사용하는 방법을 알아봅니다.
ddodndn
ddodndnOP15mo ago
페이지 상단에서 ini_tosspay 는 실행 시켰습니다
유부장
유부장15mo ago
페이팔 연동 문서는 여기를 참조 해주시면 됩니다. https://docs.tosspayments.com/guides/payment-widget/integration-paypal
PayPal 연동하기 | 토스페이먼츠 개발자센터
토스페이먼츠 결제위젯 SDK로 PayPal 해외 간편결제를 연동하는 가이드입니다. 결제위젯으로 간편하게 주문서 페이지의 결제 UI를 연동할 수 있기 때문에 해외 간편결제 연동에 추천하는 방법입니다.
ddodndn
ddodndnOP15mo ago
페이팔 서비스 말고 해외카드결제 서비스를 이용하려고 하는데 페이팔 문서로 참고하면 될까요?
유부장
유부장15mo ago
확인 해보시면 payment method 와 지금 보내주신 샘플이 다른것 확인하실 수 있으실 겁니다 해외카드결제는, 페이팔과는 별개 입니다. 비자, 마스터 등을 말씀 하시는게 맞을까요? 만약 맞다면, 일반적인 방식으로 그대로 진행 하시면 됩니다.
ddodndn
ddodndnOP15mo ago
네 비자 마스터 등 카드 결제를 사용하려고 합니다
유부장
유부장15mo ago
일반적인 연동 방식 https://docs.tosspayments.com/guides/payment-widget/integration 이대로 하시면 되고, 해외카드 계약 되어 있으시면 됩니다
결제위젯 연동하기 | 토스페이먼츠 개발자센터
토스페이먼츠 결제위젯 연동 가이드입니다. 내 상점의 주문서 페이지에 최적의 주문서 UI를 연동하세요. 결제 연동하기 가장 편리한 로우코드(Low-code) 솔루션입니다.
토스페이먼츠 BOT
❤️ 기술문의 경험이 어떠셨나요?!
간단히 코멘트 남겨주세요! 제품 발전에 큰 힘이 됩니다.

Did you find this page helpful?