가이드/결제위젯/이해하기
목차

Version 2

새로 나온

결제 UI를 주문서에 렌더링하고 결제수단 삭제・추가, UI 디자인은 노코드로 운영하세요.

결제위젯은 토스페이먼츠만의 기본 결제서비스로, 수많은 상점을 분석해서 만든 최적의 주문서 결제 UI예요. 기존 PG 제공 화면을 생략하고 구매자가 주문서에서 바로 사용 가능한 결제수단, 구매 혜택을 확인할 수 있어요. 결제 시간, 이탈률이 줄어요.

결제 영역을 노코드로 운영할 수 있는 어드민도 제공해요. 최초 1회 개발 연동이 끝나면 간편하게 디자인을 바꾸거나 브랜드페이, 해외간편결제, 퀵계좌이체 등 다양한 결제수단을 도입할 수 있어요.

결제위젯 어드민 체험하기

샌드박스로 시작하기

결제위젯 메인 이미지


연동하기

일반결제카드, 간편결제 등 모든 결제수단을 한 번에 연동하세요.

결제위젯 연동 과정

1. 상점관리자 결제위젯 어드민

토스페이먼츠에 로그인하고 상점관리자의 결제 UI 설정 메뉴를 확인하세요. 연동하고 싶은 결제 UI의 결제서비스를 추가하고 디자인 및 기능을 변경하세요.

상점관리자 결제위젯 어드민

* 어드민은 토스페이먼츠와 계약을 완료한 뒤에 사용할 수 있어요. 체험하기는 테스트 계정과 연결되지 않습니다.

2. 결제 UI의 variantKey 확인

여러 개의 결제 UI를 사용하고 있다면 결제 UI 설정 메뉴에서 연동하고 싶은 variantKey를 복사하세요.

결제 UI의 variantKey 확인

3. 결제위젯 연동

내 상점의 주문서 페이지에 결제위젯을 연동하세요. 결제위젯을 렌더링하는 메서드에 variantKey를 파라미터로 사용하세요.

  • 더 궁금한 내용이 있나요?
  • 코드 샘플을 참고하세요
  • 기술지원이 필요한가요?
    실시간 문의|이메일 보내기