결제위젯 UI render가 잘 안됩니다.
1. paymentWidget.renderPaymentMethods(선택자, 결제 금액)
메서드를 실행하니 결제위젯 상단의 결제수단 선택까지는 잘 나오는데 하단에 동의하기가 안나옵니다.
2. renderAgreement 로 동의하기 부분을 띄우려고 했으나 UI가 render되지 않습니다.
3. 위젯에서 결제수단을 선택 이후에 아무런 액션이 일어나지 않는게 맞을까요? 사용자가 결제수단을 선택했는지 여부를 어떻게 확인할 수 있나요? 해당 시점에 requestPayment를 호출하려해도 이벤트리스너 메서드가 안보입니다.
감사합니다.
15 Replies
⏳ 잠시만 기다려주세요! 곧 답변드리겠습니다
오류 문의일 경우 아래 정보를 미리 전달해주시면, 빠른 답변에 도움이 됩니다.
- 주문번호(orderId) :
- 문의 내용 :
(img를 함께 첨부해주시면 도움이됩니다)
* 계약관련 내용은 1544-7772로 문의주세요.
* 주말/공휴일에는 답변이 늦을 수 있어요.
안녕하세요 약관동의 화면이 안나타나신다는 말씀이시죠?
3번 먼저 답변해드리면, 결제하기 버튼은 직접 구현 후 아래 스크립트를 실행해주셔야합니다.
https://docs.tosspayments.com/guides/payment-widget/integration#3-%EA%B2%B0%EC%A0%9C%EC%B0%BD%EC%9D%84-%EB%9D%84%EC%9B%8C%EB%B3%B4%EC%84%B8%EC%9A%94-
결제위젯 연동하기 | 토스페이먼츠 개발자센터
상점 주문서 페이지에 결제위젯을 연동하세요.
넵넵 약관동의 화면은 아무리해도 나타나지 않네요ㅠ
3번은 확인하였습니다. 버튼을 직접 구현해야 하는군요
렌더된 화면 한번 캡처해서 보내주실 수 있을까요?

원래 renderPaymethods 실행하면 약관까지 나오는게 맞나요?
source 입니다!

혹시 아래 가려진건 아닐까요..?
확인해볼수 있는 사이트가 있을까요?
그건 아닌것같은데 잠시만요 저희가 회의가 곧 끝나서 배포하고 공유드릴게요!
결제위젯 JavaScript SDK | 토스페이먼츠 개발자센터
결제위젯 JavaScript SDK를 추가하고 메서드를 사용하는 방법을 알아봅니다.
약관 렌더링을 해주셨는지 확인해주세요~!
별도로 약관은 따로 렌더링을 해주셔야 합니다.
아 renderPaymentMethods 만으로는 안되고 renderAgreement 를 따로 실행 해야하는건군요
지금은 잘 됩니다 감사합니다~
❤️ 기술문의 경험이 어떠셨나요?!
간단히 코멘트 남겨주세요! 제품 발전에 큰 힘이 됩니다.