직연동 간편결제 문의 드립니다.

https://docs.tosspayments.com/guides/payment-widget/pro/custom#%EA%B2%B0%EC%A0%9C%EC%88%98%EB%8B%A8-%ED%82%A4-%EA%B0%92 위 가이드에서 renderPaymentMethods 값 설정 시 variantKey 값은 미리 설정되어 있는 NAVERPAY, KAKAOPAY, TOSSPAY 설정 하면되고 그이외 결져 수단은 상점페이지 커스텀 결제수단 추가 에서 등록된 이름 key 값중 key 값으로 넣어 주면 되나요? 페이코 결제 수단 추가시에는 어떻게 해야 하는지 문의 드립니다.
커스텀 결제수단·직연동 추가하기 | 토스페이먼츠 개발자센터
토스페이먼츠가 지원하지 않는 결제수단(평생교육바우처, 사내 포인트 등)을 이용하거나 간편결제를 결제위젯에 직연동하고 싶을 때 커스텀 결제수단·직연동 기능을 사용하세요.
41 Replies
토스페이먼츠 BOT
⏳ 잠시만 기다려주세요! 곧 답변드리겠습니다
오류 문의일 경우 아래 정보를 미리 전달해주시면, 빠른 답변에 도움이 됩니다.
- 주문번호(orderId) : - 문의 내용 :
(img를 함께 첨부해주시면 도움이됩니다)
* 계약관련 내용은 1544-7772로 문의주세요. * 주말/공휴일에는 답변이 늦을 수 있어요.
이실장
이실장4mo ago
네 그렇게 하시면 됩니다
이니스프리몰_고도화
페이코는 기본 값이 없는거죠??
이실장
이실장4mo ago
이니스프리몰_고도화
기존 위젯창 호출 하던 부분에서 variantKey 값을 NAVERPAY 세팅하고 호출 하였는데
이니스프리몰_고도화
존재하지 않는 위젯 입니다 라고 메시지가 오네요 간편결제 직연동 추가가 되어 있는걸로 알고 있는데
이실장
이실장4mo ago
왜 variantKey를 naverpay로 호출하시나요
이니스프리몰_고도화
네? 그렇게 하면된다면 위에서
유부장
유부장4mo ago
문서에 설명된 내용 variantKey 가 아니에요
이실장
이실장4mo ago
문서 링크를 붙이셨길래, 문서를 잘 읽으셨을줄 알았습니다.
이실장
이실장4mo ago
커스텀 결제수단·직연동 추가하기 | 토스페이먼츠 개발자센터
토스페이먼츠가 지원하지 않는 결제수단(평생교육바우처, 사내 포인트 등)을 이용하거나 간편결제를 결제위젯에 직연동하고 싶을 때 커스텀 결제수단·직연동 기능을 사용하세요.
이실장
이실장4mo ago
위 링크 한번 확인해보시면 varinatKey는 위젯 UI의 키입니다.
이니스프리몰_고도화
키값이라 되어 있는데요 그럼 뭔 값을 설정해야 하나요?
이실장
이실장4mo ago
샘플 코드 대로 해보시면 이해가 편하실것 같네요 더불어 상점관리자 권한은 없으시다고 들었는데 권한 있으신 분께 DEFAULT UI에 네이버페이 직연동 버튼 추가해달라고 말씀해주시고요
이니스프리몰_고도화
위젯에 나오는 걸 직연동이라 부르는건가요? 저희 쪽에서는 바로 네이버페이가 나 간편결제 페이지가 바로 뜨는걸 원하시는거 같은데요
이실장
이실장4mo ago
이니스프리 1영업팀 분들과 소통중이시죠?
이니스프리몰_고도화
샘플 코드 그대로 호출해도 존재 하지 않는 위젯이라고 메시지가 오네요 직접 소통하지 않고 여기 담당 매니저님하고 대화중입니다. 상점페이지 계정을 받아 오셨어요
이실장
이실장4mo ago
제가 말씀드렸지만, variantKey는 그대로 DEFAULT로 호출해주세요
이니스프리몰_고도화
그럼 기존과 바뀌는게 없는데요
이실장
이실장4mo ago
그리고 상점관리자 결제UI설정에서 default UI에 네이버페이를 추가하시고요
이니스프리몰_고도화
그다음은요? 이미 추가 되어 있고 위젯 호출시에는 간편결제 버튼이 보이긴합니다.
이실장
이실장4mo ago
일단 거기까지 하신 후 그 후에 또 답변드리겠습니다
이실장
이실장4mo ago
/*간편결제 직연동*/
paymentMethods.on("customRequest", (paymentMethodKey) => {
if (paymentMethodKey === "NAVERPAY") {
// 네이버페이로 결제하는 코드
}
});
/*간편결제 직연동*/
paymentMethods.on("customRequest", (paymentMethodKey) => {
if (paymentMethodKey === "NAVERPAY") {
// 네이버페이로 결제하는 코드
}
});
그럼 여기 해보시면 될 것 같네요
이니스프리몰_고도화
네 저번주에 상점 아이디 바꾼 뒤로 \ 네이버페이나 카카오페지기 뜨지 않는건 직연동 등록이 안되어서 그런건가요?
이실장
이실장4mo ago
어디서 안뜬다는 말씀이실까요~? 직연동은 PG사 계약과는 아무 상관없습니다. 말그대로 PG사를 통하지않고, 간편결제사와 직접 연동하는 방법입니다. 결제위젯에서는 직연동된 간편결제수단을 연결해서 쓰실 수 있게, 버튼만 만들어드리고 위에 소스코드처럼 버튼선택했을 때 이벤트만 드리는거고요 안뜬다면, 결제UI설정에서 네이버페이 직연동 버튼 추가해주시면 됩니다.
이니스프리몰_고도화
지금 증상이 이떤거냐이면 상점 아이디 두개를 가지고 있는데 둘다 위젯상에 카카오페이 네이버페이 버튼이 보여요 문제는 하나는 카카오페이나 네이버페이를 선택하고 결제하기를 눌러도 해당 결제 창이 뜨질 않아서 문의 드립니다.
이실장
이실장4mo ago
네 그럼 정상으로 동작한다고 생각하는 mid와, 비정상적으로 동작한다고 생각하시는 mid 알려주세요~
이니스프리몰_고도화
NHN_innisfree : 카카오페이 네이버페이 결제창 확인 innisfree2 : 뜨지 않음
이실장
이실장4mo ago
결제위젯에서는 직연동된 간편결제수단을 연결해서 쓰실 수 있게, 버튼만 만들어드리고 위에 소스코드처럼 버튼선택했을 때 이벤트만 드리는거고요
이부분 설명은 이해하셨을까요? innisfree2가 위에 해당하는 내용입니다
이니스프리몰_고도화
아니요 그 버튼이라는게 위젯에서 보여지는 버튼 말하시는 걸까요?
이실장
이실장4mo ago
네 맞습니다.
이니스프리몰_고도화
아뇨 저희는 그걸 원하는게 아니고 바로 네이버페나 카카오페이 결제창을 호출 할수 있는 방법을 문의 하는거에요 카카오페이 네이버페이 토스페이 페이코는 바로 호출되는걸 로 하고 그이외 결제는 위젯으로 결제 한다고 합니다.
이실장
이실장4mo ago
이니스프리 영업팀에서 '직연동' 방법으로 사용하시겠다고 저희에게 말씀하셨습니다. '직연동'은 쉽게 설명하면 '직접연동'입니다. 즉 네이버페이를 아래 문서보고 직접 연동해주셔야합니다. https://developer.pay.naver.com/ 이건 이니스프리에서 네이버페이를 토스페이먼츠와 계약한게 아니라 네이버페이와 직접 계약한것이기 때문에 그렇게 연동해주셔야해요. 호출도 직접하셔야하고요. 위젯은 호출할 수 있는 '버튼만 제공해드립니다.
네이버페이 개발자센터
네이버페이 개발자센터를 통해 쉽고 빠르게 결제 연동을 지원해 드립니다.
이니스프리몰_고도화
아무래도 저희측에서 커뮤니케이션 문제가 있는게 아닌가 싶습니다. 직연동이라고 해서 각 페이사 직접 세팅하는게 아니냐 했더니 결제창은은 토스에서 호출해서 사용하고 그 이후 처리는 직접 연동한다고 했는데 내용이 전혀 아닌거 같네요 기존 이니스프리 간편결제는 토스랑 문관하다 말씀이시군요
이실장
이실장4mo ago
네 맞습니다.
이니스프리몰_고도화
궁금한게 있는데 정확히 토스에서 말하는 직연동이 뭔가요? 기존 위젯 세팅하는거랑 다른 부분 어떤건지 알수 있을까요? 여기 내부에 분들과 대화를 해야 해서 차이를 말해야 할꺼 같아서요
이실장
이실장4mo ago
https://discord.com/channels/864296203746803753/1262226021550264372/1262233728839585833 여기서 더 설명드릴 건 없습니다. 이해안되시는 부분을 질문해주시는게 더 좋을 것 같습니다~
토스페이먼츠 BOT
❤️ 기술문의 경험이 어떠셨나요?!
간단히 코멘트 남겨주세요! 제품 발전에 큰 힘이 됩니다.