squarepay/templates/frontend/cardentryform.twig

<script type="text/javascript" src="https://js.squareup.com/v2/paymentform"></script>
<script type="text/javascript" src="/extensions/vendor/ginger/squarepay/sq-paymentform.js"></script>
<script>
// For sq-paymentform.js	
var isPaymentsPage = true;
var applicationId = '{{ testmode ? sq_sandbox_app_id : sq_app_id }}';
var locationId = '{{ testmode ? sq_sandbox_location_id : sq_location_id }}';
</script>

<div id="cc-form">
	<form id="nonce-form" novalidate action="/process-square" method="post">
	<input type="hidden" id="card-nonce" name="nonce">
	</form>
	<div class="cc-row">
		<label>Card Number</label>
		<div id="sq-card-number"></div>
	</div>
	<div class="cc-row">
		<label>CVV</label>
		<div id="sq-cvv"></div>
	</div>
	<div class="cc-row">
		<label>Expiration Date</label>
		<div id="sq-expiration-date"></div>
	</div>
	<div class="cc-row">
		<label>Postcode</label>
		<div id="sq-postal-code"></div>
	</div>
	<button class="cc-pay" onclick="requestCardNonce(event)">PAY NOW</button>
</div>