결제 필드: 토스페이먼츠

Pro

✏️ 이전 문항의 응답을 질문에 불러오고 싶다면 응답 파이핑 기능을 이용해보세요.
  1. 토스페이먼츠에서 새로운 상점을 등록해주세요.

  2. 결제 필드를 추가해주세요.


  3. 결제에 필요한 정보를 입력해주세요.

    1. 배리언트 키: 결제 UI를 구분하는 고유한 값으로, 결제필드에 파란색으로 표시된 '결제 UI 배리언트 키 확인하기'에서 확인할 수 있어요.

      • 라이브 UI를 넣으면 실제로 결제가 이루어지고, 테스트 UI를 넣으면 실제 결제가 이루어지지 않으니 잘 구분해서 입력해주세요.

      • 처음 시작하신다면 ‘UI 추가’ 버튼을 눌러 다양한 결제 UI를 설정할 수 있어요.

      • 'UI 추가' 버튼을 누른 후 '국내 일반 결제'를 선택해주세요.

      • 가상 계좌는 이용할 수 없어요.

        • 결제 UI 편집의 [기능]-[결제수단 목록]에서 가상 계좌를 반드시 체크 해제 해주세요.

        • 왈라는 결제 요청 후 응답이 제출되면 결제가 이루어진 것으로 기록되는데, 가상 계좌는 즉시 결제가 이루어지지 않는다는 특성상 제출 이후에 응답자가 결제를 하지 않을 수 있어요. 이렇게 되면 응답 시트에는 응답자가 결제를 했다고 기록되지만, 실제로는 돈이 들어오지 않는 상황이 발생할 수 있답니다. 제대로 결제가 이루어지기 위해 반드시 가상 계좌를 체크 해제 해주세요.

    2. 클라이언트 키, 시크릿 키: 클라이언트 키와 시크릿 키는 토스 페이먼츠 개발자센터 https://developers.tosspayments.com/(opens in a new tab) 의 '내 개발정보'나 결제 필드에 파란색으로 표시된 결제 위젯 연동 키 확인하기에서 확인할 수 있어요.

      • 좌측에서 상점을 선택한 후, 해당 상점의 클라이언트 키와 시크릿 키를 복사해주세요.

    3. 주문 ID: 주문한 결제를 식별하기 위해 고유한 값이 발급되며, '주문ID_랜덤키_시간' 형식으로 표시돼요.

      • 만약 붕어빵 주문 폼을 만들고 싶다면, 주문 ID를 팥붕어빵이면 'redbean', 슈크림 붕어빵이면 'chouxcream' 등 자유롭게 주문 ID를 생성할 수 있어요. d. 상품명: 응답자가 주문할 상품의 이름이에요.

      • 붕어빵 주문 폼의 경우, 상품명은 '팥 붕어빵', '슈크림 붕어빵' 등이 될 거예요. e. 상품 가격: 응답자가 주문할 상품의 가격이에요.

  4. 이제 결제 필드를 이용해 주문서를 제작할 수 있어요.

    • 결제 필드를 복제할 경우, 시크릿 키는 복제되지 않아요. 복제된 필드에서 다시 한 번 입력해주세요.

    • 테스트 UI를 사용하면 실제 결제가 이루어지지 않으니, 라이브 UI와 잘 구분해서 입력해주세요.

    • 로직을 통해 선택지에 따라 서로 다른 결제 필드가 노출되도록 설정할 수 있어요.

    • 예시 설문을 통해 결제 필드를 빠르게 확인해보세요. https://walla.my/v/PaJl6AmkXUW5NRsVoNQT(opens in a new tab)