포트원의 통합결제창(체크아웃창)에 신용카드와 간편결제 수단들을 표시하여 고객이 결제수단을 선택 후 결제합니다.
결제수단에 연결되는 PSP는 콘솔에서 설정이 가능하며 다양한 PSP와 결제수단을 한 화면에서 제공할 수 있습니다.

주문페이지에 포트원 Web-SDK 추가 및 객체 초기화

																	
        <script src="https://static.portone.cloud/portone.js"></script>
		
			<script>
				<!--PortOne API Key로 객체 초기화-->
				<!--콘솔 > Settings > API탭의 PortOneKey 입력-->
				const portone = new window.PortOne({
				   	portOneKey : 'pptafmcddmszvgXl',
				   	jwtToken : 'eyJhbGciOiJIUzI1NiIsInR5cCI6IkpXVCJ9....MiwiZXhwIjoxNjczMzM5MDMy'
				})
				....
																	
jwtTokent은 토큰 생성로직 또는 Create JWT Token API를 이용하여 생성하실 수 있습니다.
API Key와 Secret은 벡엔드에서 안전하게 관리해 주세요. PortOne Secret은 재발행이 가능합니다.