CPD supports an iframe enabled version of the Hosted Payment Page (HPP). The iframe HPP is designed to be included in a surrounding web page and all payment related flows will be handled inside the iframe. The solution is designed to enable CPD customers a rapid integration to a payment solution without a PCI compliance certificate and still be able to control the web design on the web page including the iframe HPP.

Scope

On finalizing the payment – success or failure – CPD will issue a callback to an endpoint controlled by the client. This endpoint will be loaded inside the iframe HPP. Continuation of the payment flow – inside or outside the iframe HPP – is handled by the client.

Example HPP with iFrame

By adding the '' tag within the HPP call you can define the size:

<!DOCTYPE HTML>
<html>
	<body>
		<form action="https://{HPP_HOST}/views/web.php" method="POST" id="order-form" target="paymentpage">
			<input type="hidden" name="country" value="200"/>
			<input type="hidden" name="clientid" value="10022"/>
			<input type="hidden" name="account" value="100220"/>
			<input type="hidden" name="orderid" value="1561120588855"/>
			<input type="hidden" name="email" value="[email protected]"/>
			<input type="hidden" name="mobile-country" value="200"/>
			<input type="hidden" name="mobile" value="9898989898"/>
			<input type="hidden" name="amount" value="1.232"/>
			<input type="submit" value="Pay" class="btn-link"/>
		</form>
		<iframe name="paymentpage" width="1024" height="700"/>
	</body>
</html>

The iframe HPP has a client specific host address. The initialization of the payment is communicated in several hidden input fields – only a subset is used above in the example.