> For the complete documentation index, see [llms.txt](https://help.sixshop.com/llms.txt). Markdown versions of documentation pages are available by appending `.md` to page URLs; this page is available as [Markdown](https://help.sixshop.com/ect_01/payment-widget.md).

# 토스페이먼츠 결제 위젯 설정

{% hint style="info" %}
토스페이먼츠 결제 위젯 설정은 현재 고도화 작업 중으로 일부 신규 계정에서만 지원되고 있습니다. 
{% endhint %}

토스페이먼츠 결제 위젯을 통하여 결제 화면 UI와 결제 수단 등을 손쉽게 커스텀할 수 있습니다.

{% embed url="<https://files.gitbook.com/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F-Ld5OD2VFGhsB7IF4FTG%2Fuploads%2FFTG8ENwBNC2kdeF0OQm3%2Ftosspayments-widget-video.mp4?alt=media&token=453450e3-3672-44f0-87ed-bdd3294bc65f>" %}

### 토스페이먼츠결제 위젯 커스텀하기

#### Step1. 토스페이먼츠 상점관리자 로그인(→ [클릭](https://app.tosspayments.com/signin))

* 이메일 주소: 토스페이먼츠 PG 신청 시 신청자 이메일 주소입니다.&#x20;
* 비밀번호: 토스페이먼츠 PG 신청 후 임시 비밀번호가 신청자 이메일 주소로 전달됩니다. \
  비밀번호를 확인할 수 없다면 [비밀번호 찾기](https://app.tosspayments.com/find-password)가 필요합니다.

#### Step2. 상점 들어가기한 후 왼쪽 메뉴에서 '결제 UI 설정' 클릭&#x20;

#### Step3. '라이브' 또는 '테스트' 환경에서 기능과 디자인 커스텀 후 저장

{% hint style="info" %}
토스페이먼츠 결제 위젯에서 결제 수단 설정 시 실제 상점에 반영되기까지 약 10초 소요됩니다.
{% endhint %}

* 라이브: 라이브에서 수정 후 저장하면 내 상점의 결제 화면에 반영됩니다.&#x20;
* 테스트: 테스트에서 수정 후 저장해도 내 상점에 반영되지 않으며 \[라이브에 복사하기]하여 상점에반영할 수 있습니다.&#x20;

플랜 업그레이드 또는 결제 위젯 설정 방법에 대해 더 궁금한 점이 있다면 [토스페이먼츠 결제 위젯 페이지](https://www.tosspayments.com/services/payment-widget)를 확인해 주시거나 토스페이먼츠 고객센터(1544-7772)로 문의해 주세요.&#x20;