강동하
강동하13mo ago

결제수단 선택 UI를 커스텀할 수 있나요 ?

안녕하세요! 토스페이먼츠 연동 테스트중인데, 질문사항이 있어서 질문드립니다!! NextJS를 사용해서 개발중인데,
// ------ 결제위젯 렌더링 ------
// @docs https://docs.tosspayments.com/reference/widget-sdk#renderpaymentmethods선택자-결제-금액-옵션
const paymentMethodsWidget = paymentWidget.renderPaymentMethods(
'#payment-method',
{ value: finalPrice },
{ variantKey: 'DEFAULT' }
);

paymentMethodsWidgetRef.current = paymentMethodsWidget;
// ------ 결제위젯 렌더링 ------
// @docs https://docs.tosspayments.com/reference/widget-sdk#renderpaymentmethods선택자-결제-금액-옵션
const paymentMethodsWidget = paymentWidget.renderPaymentMethods(
'#payment-method',
{ value: finalPrice },
{ variantKey: 'DEFAULT' }
);

paymentMethodsWidgetRef.current = paymentMethodsWidget;
해당방법을 사용해서 결제방법을 렌더링중입니다! 혹시 토스페이먼츠에서 제공해주는 결제수단선택 UI 말고, 따로 자체제작한 결제수단선택 컴포넌트를 사용하여 결제수단을 선택할 수 있을까요 ??
10 Replies
토스페이먼츠 BOT
⏳ 잠시만 기다려주세요! 곧 답변드리겠습니다
오류 문의일 경우 아래 정보를 미리 전달해주시면, 빠른 답변에 도움이 됩니다.
- 주문번호(orderId) : - 문의 내용 :
(img를 함께 첨부해주시면 도움이됩니다)
* 계약관련 내용은 1544-7772로 문의주세요. * 주말/공휴일에는 답변이 늦을 수 있어요.
이실장
이실장13mo ago
결제창 / 직연동 결제창 2개 중 확인해보세요
Kimoon Lee
Kimoon Lee13mo ago
말씀하신 대로 UI 를 직접 구현하시려면 결제위젯을 사용하지 마시고 직접 연동하시면 됩니다.
강동하
강동하OP13mo ago
@냥과장 혹시 paymentWidget?.requestPayment 를 호출할 때, 직접 연동한 결제방법을 전달하려면 어떻게 paymentWidget에 결제수단을 전달할 수 있을까요 ?
Kimoon Lee
Kimoon Lee13mo ago
해당 방식을 쓰실수 없습니다. 이실장님이 링크 주신것 참고해서 다른 모듈을 사용하셔야 해요.
강동하
강동하OP13mo ago
아 이해했습니다 ! paymentWidget을 사용하면 따로 커스텀한 결제수단선택 컴포넌트를 사용할 수 없다는 말씀이 맞을까요 ?
Kimoon Lee
Kimoon Lee13mo ago
네 맞습니다.
강동하
강동하OP13mo ago
넵 ! 감사합니다 !!
토스페이먼츠 BOT
❤️ 기술문의 경험이 어떠셨나요?!
간단히 코멘트 남겨주세요! 제품 발전에 큰 힘이 됩니다.

Did you find this page helpful?