Mingi Choe
Mingi Choe
결제창 JavaScript SDK 무이자 할부
안녕하세요 무이자 관련해서 질문있어 문의드립니다. 국민카드에서 1~5개월까지 무이자를 지원해준다고 가정할 시, 해당 무이자 핸들링의 경우 cardInstallmentPlan만 넘기면 알아서 무이자를 고려해서 결제가 이루어지는걸까요? freeInstallmentPlans의 경우 가맹점이 고객대 신 이자를 부담하고자 할 때 사용하는 값이라고 이해 및 확인을 해서요! 질문을 정리해보면 sdk를 통해 토스페이먼츠 결제위젯 할부와 동일하게 기능을 가져가려면 1. 토스페이먼츠 카드 프로모션 조회 API로 프로모션 조회 2. 조회한 프로모션으로 셀렉트 옵션에 [무이자] 텍스트 노출(ui/ux) 3. cardInstallmentPlan에 고객이 선택한 할부개월 기입 4. 고객이 무이자를 선택한 경우 자동으로 반영되어 결제가 이루어짐 로 이해했는데 맞는지 한번만 확인해주시면 감사하겠습니다!
8 replies
인스타그램 인앱 브라우저에서 몇 유저에게 결제 수단 선택 에러 발생
간혹가다 첨부해드린 영상처럼 결제수단 선택해달라는 에러가 발생하고 있습니다. 환경은 현재 인스타그램 인앱브라우저에서 확인되고 있으며, PC에서는 아직 재현된 건은 없습니다. 현재 구현되어있는 토스페이먼츠 위젯 로직은 아래와 같습니다
const [isWidgetReady, setIsWidgetReady] = useState<boolean>(true);

/** 토스페이먼츠 위젯 추가 */
useEffect(() => {
if (paymentWidget == null) return;

const paymentMethodsWidget = paymentWidget.renderPaymentMethods(
'#payment-widget',
{ value: orderPriceSummary.totalCost },
{ variantKey: 'DEFAULT' },
);

paymentMethodsWidget?.on('ready', () => {
paymentMethodsWidgetRef.current = paymentMethodsWidget;
setIsWidgetReady(false);
});
}, [paymentWidget]);

/** 토스페이먼츠 결제 금액 반영(orderPriceSummary 변경 시 자동으로 값 적용) */
useEffect(() => {
const paymentMethodsWidget = paymentMethodsWidgetRef.current;
if (paymentMethodsWidget == null) return;

paymentMethodsWidget.updateAmount(orderPriceSummary.totalCost);
}, [orderPriceSummary.totalCost, paymentMethodsWidgetRef.current]);

...

<Button
className="mb-12"
type="primary"
fullWidth
size="large"
loading={submitting || isWidgetReady}
onClick={결제하기}
disabled={!결제가능상태()}
>

...
const [isWidgetReady, setIsWidgetReady] = useState<boolean>(true);

/** 토스페이먼츠 위젯 추가 */
useEffect(() => {
if (paymentWidget == null) return;

const paymentMethodsWidget = paymentWidget.renderPaymentMethods(
'#payment-widget',
{ value: orderPriceSummary.totalCost },
{ variantKey: 'DEFAULT' },
);

paymentMethodsWidget?.on('ready', () => {
paymentMethodsWidgetRef.current = paymentMethodsWidget;
setIsWidgetReady(false);
});
}, [paymentWidget]);

/** 토스페이먼츠 결제 금액 반영(orderPriceSummary 변경 시 자동으로 값 적용) */
useEffect(() => {
const paymentMethodsWidget = paymentMethodsWidgetRef.current;
if (paymentMethodsWidget == null) return;

paymentMethodsWidget.updateAmount(orderPriceSummary.totalCost);
}, [orderPriceSummary.totalCost, paymentMethodsWidgetRef.current]);

...

<Button
className="mb-12"
type="primary"
fullWidth
size="large"
loading={submitting || isWidgetReady}
onClick={결제하기}
disabled={!결제가능상태()}
>

...
저희 측에서는 토스페이먼츠 측으로 들어가는 에러 확인이 어려워 이 부분 체크한번 부탁드리겠습니다. 상점 MID : eibijeaz5f 위 이슈 재현되고 있는 customer_key : d5d4cd07616a542891b7ec2d0257b3a24b69856e
13 replies
카드 결제시 일시불 인풋창 미노출 이슈
카드 결제 중에 은행 선택 시, 할부개월을 선택하는 셀렉트 박스가 미노출됩니다. 이후 결제하기 버튼을 클릭 후 취소하면 다시 정상적으로 노출되고 있습니다. 현재 저희 고객 CS 뿐만 아니라 내부에서도 지속적으로 재현되고 있습니다 확인 한번 부탁드리겠습니다!
8 replies
API 로그 사이드 response 영역이 fixed 였으면 좋겠어요.
No description
5 replies
paymentWidget on ready 관련
No description
60 replies
naverpay 머니 포인트 결제 실패
No description
15 replies
네이버페이 지원되지 않는 간편결제 수단
안녕하세요 토스페이먼츠 네이버페이 결제 테스트 중인데, 결제 진행 시 지원되지 않는 간편결제 수단이라는 문구가 뜨고있습니다. 토스페이먼츠 온보딩 매니저 분께서는 심사가 완료되셨다고 전달받았어서요. 계약 문제는 아닌 것 같은데 한번 확인 부탁드립니다. 상점 ID는 eibijeaz5f입니다
7 replies
특정 결제수단 선택 시 특정 이벤트를 발생시키고 싶습니다
No description
8 replies