결제위젯 관련문의
안녕하세요 결제위젯에는 퀵계좌이체,가상계좌가 포함되어 있고 로컬 환경에서는 잘 표시되는데 프로덕션에서는 이 두개가 표시가 되지않습니다.
어떤 문제일까요?
47 Replies
⏳ 잠시만 기다려주세요! 곧 답변드리겠습니다
오류 문의일 경우 아래 정보를 미리 전달해주시면, 빠른 답변에 도움이 됩니다.
- 주문번호(orderId) :
- 문의 내용 :
(img를 함께 첨부해주시면 도움이됩니다)
* 계약관련 내용은 1544-7772로 문의주세요.
* 주말/공휴일에는 답변이 늦을 수 있어요.
사진을 좀 주실 수 있으실까요?
자사몰사진이구요
로컬환경사진입니다
결제위젯은 이렇게 설정되어있구요
키가 서로 다른가요?
네 라이브키랑 테스트키로 달라요
그러면 상점관리자에서
결제 UI 설정에
라이브 환경에서도 위젯 설정을 따로 다시 해주신걸까요?
네 라이브에서 해놨어요
위에 위젯사진이라고 보내드린게 라이브 위젯사진이에요
라이브에 복사하고 저장까지 하신거죠?
아예 새로 라이브에 하나 만들었어요
그럼 varientKey가 다르진 않나요?
이게 서로 같아야, 키만 바꿔도 같은 UI가 나오거든요
서로 다르면 키만 바꾸는게 아니라 varientKey도 라이브에서는 새로 만드신걸 바라봐야하구요.
또 설정한 직후이면 바로 적용이 안되고 몇분 기다려야 하는 경우도 있습니다.
해당 상점은 테스트에는 아예 UI가 설정되어있지않고
라이브에만 제가 해놨네요
그러면 테스트랑 라이브랑 위젯 varientKey가 다르다는 의미인가요?
테스트에는 기본 ui라는 것만있고
라이브에는 제가 mid입력한 UI가 하나있습니다
테스트랑 라이브랑 밑에 varientKey가 다르죠?
똑같이 DEFAULT가 아닐거라서요
네 지금 보고있는 MID는 다릅니다
MID말구요, varientKey요
위에 사진보시면 이해가 되실겁니다.
제 사진을 그냥 보내드려도되나요 여기에?
보내고지우면되죠?
안지우셔도 결제에 보안 상 문제는 없습니다
네 문제가 varientKey: 뒤에 있는 키가 테스트(DEFAULT 사용 중)와 라이브(= DEFAULT로 호출해야 함)가 동일해야, 연동 키만 바꾸면 되는건데요.
varientKey가 varientKey인 또 다른 UI를 만드셨고,
새로운 설정을 추가 UI에 하시고 요청은 DEFAULT로 넘기고 계셔서 그런거로 보입니다.
varientKey가 varientKey인 추가 UI를 삭제하시고
기본 UI에 바라보는 MID를 수정하신 뒤
테스트 기본 UI에서 수정하기 -> 라이브에 복사하기 하시고
5분 있다가 다시 시도하시면 될겁니다.
코드를 보시면 아마 varientKey 값이 비어있거나 DEFAULT로 되어있을거에요.
제가 지금 MID가 2개거든요 그래서 원래 라이브에 2개를 따놨던거구요
그러면 라이브에 UI를 2개 따시되
variantKey를 새로운 MID랑 구분할 수 있도록 설정을 하시구요.
(똑같이 variantKey라고 적으시면 코드 단에서 수정하기 어려우실 거에요.)
테스트에도 라이브에서 딴 것과 똑같은 variantKey로 UI를 따셔서
모두 동일하게 하나하나 세팅하시면 됩니다.
테스트에만 동일하게 따시면, 라이브에 복사하기 기능으로 같은 variantKey를 가지는 UI에 복사하실 수 있으니 참고하시구요.
이게 코드에도 반영이되어야하는건가요?
이렇게맞춰선해놨습니다
그럼 어떨 때 1e2로 끝나는 MID로 결제가 되고
어떨 때 7qe로 끝나는 MID로 결제가 되나요?
두개가 다른 사이트입니다
1번사이트에서 1e2로, 2번사이트에서 7qe로 되어야합니다
그러면 1e2, 7qe모두 UI 보이는건 똑같아야하는거고
MID만 다르면 되는건가요?
1e2에는 애초에 선택권에 퀵계좌이체/가상계좌 선택 옵션이없구요
7qe에는 이 두개가 옵션으로 있어서 이것도 프로덕션 홈페이지 결제창에 띄우고 싶은 상황입니다.
그럼 1e2가 있는 DEFAULT에는 퀵계좌이체/가상계좌 옵션이 없도록 라이브, 테스트 모두 적용하시구요.
7qe에는 두개 옵션을 추가한 상태로 저장을 하신 뒤
7qe로 결제되어야 하는 사이트에 variantKey를 chatgwajang으로 반영하시면 됩니다.
요 부분이 결제 ui 설정 말고 다른부분을 말씀하시는걸까요?
네 이건 코드에요
아 제가 그게 반영이안되어있나봅니다. 이것도 문서에 어떻게 반영하는지 나와있겠죠?
단순히 코드에서 variantKey 설정하신 부분을 찾아서 문자열만 바꾸면 됩니다.
간단하게 글자만 바꾸는거라서 문서가 딱히 나와있진않아요.
네 오늘 도움주셔서 감사합니다.
// 결제 방법 위젯 렌더링
const paymentMethodsWidget = await widgets.renderPaymentMethods({
selector: "#payment-methods",
variantKey: "DEFAULT",
})
paymentMethodsWidgetRef.current = paymentMethodsWidget // 이용약관 위젯 렌더링 const agreementWidget = await widgets.renderAgreement({ selector: "#agreement", variantKey: "AGREEMENT", }) 이 부분을 DEFAULT에서 실제 varientKEY로 바꿨더니 Error: variantKey 에 해당하는 위젯을 찾을 수 없습니다. variantKey 값을 다시 확인해주세요. 라고나오는데 혹시 다른 부분도 같이 바꿔야되는부분이있나요? KEY값은 정확히 입력이되었습니다 여러번 체크해봤습니다
paymentMethodsWidgetRef.current = paymentMethodsWidget // 이용약관 위젯 렌더링 const agreementWidget = await widgets.renderAgreement({ selector: "#agreement", variantKey: "AGREEMENT", }) 이 부분을 DEFAULT에서 실제 varientKEY로 바꿨더니 Error: variantKey 에 해당하는 위젯을 찾을 수 없습니다. variantKey 값을 다시 확인해주세요. 라고나오는데 혹시 다른 부분도 같이 바꿔야되는부분이있나요? KEY값은 정확히 입력이되었습니다 여러번 체크해봤습니다
const paymentMethodsWidget = await widgets.renderPaymentMethods({
selector: "#payment-methods",
variantKey: "DEFAULT",
})
여기만 바꾸면돼요
chatgwajang으로 바꾸시면 됩니다.
// 결제 방법 위젯 렌더링
const paymentMethodsWidget = await widgets.renderPaymentMethods({
selector: "#payment-methods",
variantKey: "chatgwajang",
})
요렇게바꿨는데
이렇게 뜨네요 ㅜㅜ
시간이 넘 늦었으니 다음에 답변 주셔도 괜찮습니다