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

{% hint style="info" %}
토스페이먼츠 결제 위젯 설정은 현재 고도화 작업 중으로 일부 신규 계정에서만 지원되고 있습니다.&#x20;
{% 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;


---

# Agent Instructions: Querying This Documentation

If you need additional information that is not directly available in this page, you can query the documentation dynamically by asking a question.

Perform an HTTP GET request on the current page URL with the `ask` query parameter:

```
GET https://help.sixshop.com/ect_01/payment-widget.md?ask=<question>
```

The question should be specific, self-contained, and written in natural language.
The response will contain a direct answer to the question and relevant excerpts and sources from the documentation.

Use this mechanism when the answer is not explicitly present in the current page, you need clarification or additional context, or you want to retrieve related documentation sections.
