There is no card available for use - Selection of VISA
Hi, i'm reaching out in utilizing Toss Payments for VISA card selection. While developing everything was working fine with the selection of VISA, but now when I continue to checkout i'm getting a "There is no card available for use." From the status code it seems to be a temporary error, but has been going on for some time now. Is there a fix that I need to do?
42 Replies
@kangaryoo Hi, can you share with us the orderId which you've passed on requestPayments(), please?
@kangaryoo
Please share orderId of the transaciton.
❤️ 기술문의 경험이 어떠셨나요?!
간단히 코멘트 남겨주세요! 제품 발전에 큰 힘이 됩니다.
Hi , sorry about the late reply. I'm still in stages of developement and still using the test key. BUt the order id that was created was "1_z8UyizT5G26XRTd7qOy" based on the logs
Post Request to https://api.tosspayments.com/v1/payments/sdk
Seems you are not using Payment Widget product
Please use the key from below link
https://docs.tosspayments.com/guides/payment/integration#api-%ED%82%A4-%EC%A4%80%EB%B9%84%ED%95%98%EA%B8%B0
토스페이먼츠 결제창 연동하기 | 토스페이먼츠 개발자센터
카드 결제창을 연동해보세요.
Hi, so I was looking around, but is this not a working sample project?
https://github.com/tosspayments/payment-widget-sample/blob/main/react/src/pages/Checkout.tsx
This is what I have been referencing...
I think you mixed up with paymentWindow (old-passioned way) and paymentWidget (new, and you're now referencing).
The original request was created on paymentWindow, not paymentWidget, but you passed paymentWidget's credentials and options.
So please correct me if I'm wrong. This example page above has these options
https://github.com/tosspayments/payment-widget-sample/blob/main/react/src/pages/Checkout.tsx#L88C1-L96C18
And this is where the credentials are passed right?
https://github.com/tosspayments/payment-widget-sample/blob/main/react/src/pages/Checkout.tsx#L116
And price is adjusted here
https://github.com/tosspayments/payment-widget-sample/blob/main/react/src/pages/Checkout.tsx#L30
How would one go about fixing this? Sorry if this is basics, but can't seem to be following the logic here. I replicated it exactly the same on my project.
GitHub
payment-widget-sample/react/src/pages/Checkout.tsx at main · tosspa...
토스페이먼츠 결제위젯 샘플 프로젝트입니다. . Contribute to tosspayments/payment-widget-sample development by creating an account on GitHub.
Have you looked our sandbox demo?
https://developers.tosspayments.com/sandbox?frontend=react
토스페이먼츠 개발자센터
토스페이먼츠 결제 연동 문서, API, 키, 테스트 내역, 웹훅 등록 등 개발에 필요한 정보와 기능을 확인해 보세요. 결제 연동에 필요한 모든 개발자 도구를 제공해 드립니다.
That sandbox demo doesn't seem to be working
Can you capture the screen of demo page?
This was the option selected
Do you change the apiKey on demo?
Oh I see
I didn't change anything. Just cliked the blue button
결제하기
Its because of public test api key doent support visa card
if you contract your own apikey and using visa card
it will be work fine
Let me give it a shot and let you know. Thanks. But for testing how would I do it. Do I just need to make small payments to test the end to end procedure?
Is the apiKey you are refereing to this? API 개별 연동 키?
Did you contract with us?
And are you working for Korea Company or operation golbal service?
I'm currently working for an Korean Company
I Believe, the contract has been completed. But i can double check from my end in a bit
I actually got the API now for the widget pay, but it seems like the VISA/MasterCard Option is not available? I'm only getting a subsection of the available cards. Is this normal? I believe, our team already went through the international card process
First of all could you provide us your Korean Company Manger's Email
?
We should check and arrange with him
💡 정보 제출
민감 정보를 안전하게 제출해주세요
You can submit with above '정보제출' btn
Just submitted the form. I also have him on the line, if you need to contact him or want to hop on a quick call
I 've just send him a email
he just sent a reply. With the MID information
we just need this set up asap since we are a time crunch. Really appreciate the help
Yeah I just reply the email with few more question
you are using wrong mid which contract is canceled
Also I ask him to choose the integration method
I sent a reply with my question there as well.
I think your client should choose payment-window or widget
Then i will guide you the right way
He just sent a reply I believe.
They choose to use payment-window
GitHub
payment-samples/payment-window at main · tosspayments/payment-samples
토스페이먼츠 결제 API 및 결제창 샘플 코드입니다. Contribute to tosspayments/payment-samples development by creating an account on GitHub.
결제창 JavaScript SDK | 토스페이먼츠 개발자센터
토스페이먼츠 결제창 JavaScript SDK 사용에 필요한 준비와 메서드 사용법, 결제 실패 및 에러 처리 방법을 알아봅니다.
use brower translate function for eng.
is there a react js example?
Ah I checked the npm example. Will update once i get another blocking point. Thanks!
GitHub
payment-samples/payment-window-all/react at main · tosspayments/pay...
토스페이먼츠 결제 API 및 결제창 샘플 코드입니다. Contribute to tosspayments/payment-samples development by creating an account on GitHub.
Example of React implementation
Does anyone know if I can display as USD and take USD instead of just won and provide an estimate?
only support WON.
If you want to receive in USD, you can use PayPal.
PayPal 연동하기 | 토스페이먼츠 개발자센터
토스페이먼츠 결제위젯 SDK로 PayPal 해외 간편결제를 연동하는 가이드입니다. 결제위젯으로 간편하게 주문서 페이지의 결제 UI를 연동할 수 있기 때문에 해외 간편결제 연동에 추천하는 방법입니다.
*KRW is standard currency code
Only KRW is supported by international/oversea card transaction.
And please note that USD is only can used when you use PayPal integration, which described the link above.
Gotcha thanks. One final question. Is there a way to show the window as english at all for payment-window?
No.
Even we support English payment-window, card company's 3DS verification window doesn't support English.