결제위젯은 토스페이먼츠에서 수많은 상점을 분석하여 만든 최적의 주문서 UI입니다. 개발자가 최초 1회만 연동하면 결제수단 추가, 디자인 수정은 코드 없이 상점관리자만으로 가능해요.
결제위젯은 기본적으로 무료 제품이지만, 더 다양한 기능을 결제위젯 Pro 플랜으로 제공하고 있습니다. 결제위젯 Pro 플랜은 추가 수수료가 부과됩니다.
결제 경험에서 PG사 제공 화면을 없애면 아래와 같은 장점이 있어요.
- 이동하는 화면이 적어져서 고객의 결제 시간, 이탈이 줄어요.
- PG사가 노출되지 않아서 일관된 브랜딩이 가능해요.
- 주문서에서 바로 사용 가능한 결제수단, 구매 혜택을 안내할 수 있어요.
결과적으로 구매 전환율이 더 높지만, 주문서를 잘 만들려면 개발 및 디자인 전문 인력이 필요해요. 그래서 토스페이먼츠가 대신 만들어드려요. 결제위젯으로 내 상점만의 최적의 주문서, 최소한의 코드로 만들어보세요.
디자인, 개발 전문 인력이 없어도 상점관리자에서 자유롭게 주문서의 결제 영역을 수정할 수 있습니다. 테마, 결제수단 목록, 레이아웃 등 다양한 옵션을 직접 커스터마이징하세요.
브라우저 스크립트에 결제위젯 SDK를 추가하면 바로 SDK 메서드를 사용할 수 있습니다. 더 자세한 설치 가이드는 결제위젯 JavaScript SDK에서 확인하세요.
<script src="https://js.tosspayments.com/v1/payment-widget"></script>
코드 없이 상점관리자에서 자유롭게 수정할 수 있는 결제위젯 기능입니다.
- 결제수단: 카드, 가상계좌, 계좌이체, 휴대폰, 상품권, 간편결제를 지원합니다.
- 레이아웃: 결제수단은 버튼으로 표시됩니다. 버튼 레이아웃을 변경할 수 있습니다.
- 디자인: 결제위젯 컴포넌트의 색상, 크기, 테두리 등 디자인을 자유롭게 변경할 수 있습니다.
더 자세한 결제수단 연동 가이드는 결제위젯 JavaScript SDK에서 확인하세요.
- 환불 계좌: 결제위젯에서 고객의 환불 계좌 은행, 예금주, 계좌번호를 입력받을 수 있습니다.
- 입금기한: 가상계좌 입금기한을 자유롭게 설정할 수 있습니다.
결제 연동 과정에서 환불 계좌 정보를 확인하는 방법을 알아보세요.
프로모션 혜택을 강조해서 구매 전환율을 높일 수 있습니다.
- 프로모션 배지: 결제수단 버튼에 프로모션 배지를 추가할 수 있습니다.
- 카드사 노출: 특정 카드사를 버튼으로 노출할 수 있습니다.
- 프로모션 안내: 무이자 할부 및 프로모션 안내를 주문서에서 바로 확인할 수 있고, 내용을 별도로 관리할 필요가 없습니다.
결제위젯 체험하기에서 직접 프로모션 영역을 커스터마이징하세요.
완성된 약관으로 법적인 리스크를 줄이고, 개발 비용을 절약합니다.
- 이용약관 UI: 이용약관 체크박스 스타일, 약관 순서를 설정할 수 있습니다.
- 상점 추가 이용약관: PG 필수 이용약관을 제공합니다. 내 상점의 필수 이용약관, 회원·비회원 이용약관도 직접 추가할 수 있습니다.
더 자세한 사용 방법은 결제위젯 이용약관 메서드를 확인하세요.
clientKey : test_ck_D5GePWvyJnrK0W0k6q8gLzN97Eoq | secretKey : test_sk_zXLkKEypNArWmo50nX3lmeaxYG5R
결제위젯 연동할 준비가 되었나요? 문서를 둘러보거나 샘플 프로젝트, 체험하기를 탐색하세요.