결제 필드

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

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

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

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

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

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

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

     • 결제 UI 편집의 [기능]-[결제수단 목록]에서 가상 계좌를 반드시 체크 해제 해주세요.
     • 왈라는 결제 요청 후 응답이 제출되면 결제가 이루어진 것으로 기록되는데, 가상 계좌는 즉시 결제가 이루어지지 않는다는 특성상 제출 이후에 응답자가 결제를 하지 않을 수 있어요. 이렇게 되면 응답 시트에는 응답자가 결제를 했다고 기록되지만, 실제로는 돈이 들어오지 않는 상황이 발생할 수 있답니다. 제대로 결제가 이루어지기 위해 반드시 가상 계좌를 체크 해제 해주세요. b. 클라이언트 키, 시크릿 키: 클라이언트 키와 시크릿 키는 토스 페이먼츠 개발자센터 https://developers.tosspayments.com/ (opens in a new tab) 의 '내 개발정보'나 결제 필드에 파란색으로 표시된 결제 위젯 연동 키 확인하기에서 확인할 수 있어요.

   • 좌측에서 상점을 선택한 후, 해당 상점의 클라이언트 키와 시크릿 키를 복사해주세요. c. 주문 ID: 주문한 결제를 식별하기 위해 고유한 값이 발급되며, '주문ID_랜덤키_시간' 형식으로 표시돼요.

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

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

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

   • 결제 필드를 복제할 경우, 시크릿 키는 복제되지 않아요. 복제된 필드에서 다시 한 번 입력해주세요.
   • 테스트 UI를 사용하면 실제 결제가 이루어지지 않으니, 라이브 UI와 잘 구분해서 입력해주세요.
   • 로직을 통해 선택지에 따라 서로 다른 결제 필드가 노출되도록 설정할 수 있어요.
   • 예시 설문을 통해 결제 필드를 빠르게 확인해보세요. https://walla.my/v/PaJl6AmkXUW5NRsVoNQT (opens in a new tab)