결제위젯 연동 시 결제창 호출 방법에 대한 문의
안녕하세요, PHP 7.0.* 레거시 환경에서 토스페이먼츠 결제위젯 연동 중 결제창 호출 방법에 대해 문의드립니다.
연동 목적은 숙박 예약 서비스의 예약 정보 전자결제를 진행하기 위함입니다.
우선 저희쪽 데이터 처리 절차에 대해 설명드리자면,
첨부된 첫 번째 이미지와 같이 예약 정보 입력 페이지에서 입력 항목 작성 후 '예약하기' 버튼 클릭을 통해 예약 정보가 등록(신청)됩니다.
이후 문제 없이 데이터가 처리되었다면 결제창을 띄워주고자 하는데요.
결제위젯 연동 가이드 페이지를 확인하면서 결제모듈 호출에 필요한 초기화 파라미터 설정 후
requestPayment(결제정보)
함수를 호출 했을 때 사용자가 선택한 '결제수단'과 상관없이 첨부된 두 번째 이미지처럼
신용카드 결제로만 결제창이 호출되는 것으로 확인이 됩니다.
이 경우 예약 정보 입력 페이지에서 사용자가 선택한 결제수단이 기본으로 동작하게끔 설정이 가능한지 문의드립니다.
미리 답변 감사드립니다.

22 Replies
⏳ 잠시만 기다려주세요! 곧 답변드리겠습니다
오류 문의일 경우 아래 정보를 미리 전달해주시면, 빠른 답변에 도움이 됩니다.
- 주문번호(orderId) :
- 문의 내용 :
(img를 함께 첨부해주시면 도움이됩니다)
* 계약관련 내용은 1544-7772로 문의주세요.
* 주말/공휴일에는 답변이 늦을 수 있어요.
두번째 보내주신 페이지는 결제위젯 결제창이 아닙니다.
결제위젯을 사용하시는 건가요?
네, 현재 상점관리자 페이지를 통해 라이브/테스트 모드에서의 결제위젯 설정을 마친 상황이며, 토스페이먼츠 결제위젯 연동 가이드문서를 보며 결제창을 임의로 호출해본 결과입니다.
그리고 결제위젯의 경우 신용카드, 계좌이체, 가상계좌 등의 정보를 저희가 렌더링해 드리고 있어서 가맹점이 호출하실 필요가 없습니다.
결제위젯 연동을 하신게 아닌것 같아요.
결제위젯 연동하기 | 토스페이먼츠 개발자센터
상점 주문서 페이지에 결제위젯을 연동하세요.
이내용 대로 연동하신게 맞는지 확인 부탁드립니다.
네, 맞습니다. 공유해주신 링크를 보며 연동중이 있었으며, 지금 첨부드리는 이미지는 코드(예)입니다.

아무것도 선택을 안한 상태로 , requestPayments를 호출하셔서 그래요
일단 결제위젯을 먼저 화면에 렌더링해보세요
결제위젯 UI 가 렌더가 되었을텐데요.. 그부분이 잘 보이는지 확인부탁드릴께요.
결제와 상관없는 모든 HTML 태그 및 PHP 코드를 없에고,
토스페이먼츠 결제위젯만을 위한 소스코드만을 남긴 후 실행한 결과입니다.

'아무것도 선택을 안한 상태' 라는 말씀이 어떤 의미인지 알 수 있을까요? 예약 정보 입력 페이지에서의 '결제수단'은 선택했습니다.
저기에서 가상계좌 선택하고 requestpayment 를 호출해 주세요.
카드사를 선택 안하신거 ㅅ아닌가요?
지금 렌더링 하자마자 requestpayment 를 호출하시는데
결제하기 버튼을 만드신후 그걸 눌렀을때 requestpayment 를 호출하게 하시면 됩니다.
결제버튼을 자체적으로 만드시고 onclick 이벤트 받아서 호출해 주시면 돼요
30분 안에 결제 페이지 개발하기 (ft. 결제위젯)
어려운 결제 연동, 토스페이먼츠가 결제위젯으로 쉽게 풀어드려요!
여기를 참고해 보시면 됩니다.
말씀해주신 내용이 맞습니다.
아! 그렇다면 가맹점상(저희쪽)의 예약 정보 입력 페이지에서 '결제수단' 선택 항목은 필요가 없는 요소인게 맞나요?
(결제위젯을 렌더링 시키면 그 안에서 신용카드/가상계좌/계좌이체/기타 등등 중 무엇으로 결제할 것인지를 선택하기 때문에)
만약, 위 내용이 맞다면 결제 후 이 결제가 어떤 수단을 이용했는지에 대해서는 success url에서
결제승인 성공 응답 데이터의 method
를 가지고 판별해야하는 것이죠?
네 맞습니다
그렇군요. 제가 이전 방식(일반결제 연동 방식)으로 연동해 본 기억 때문에
매커니즘을 이해하지 못해 혼동이 있었던 것 같습니다.
답변 주신 분들 덕분에 해결되었네요. 이어 연동해보겠습니다.
감사합니다.
❤️ 기술문의 경험이 어떠셨나요?!
간단히 코멘트 남겨주세요! 제품 발전에 큰 힘이 됩니다.