iFrame

Use the iFrame variant of the CellPoint HPP.

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

The iframe HPP solution has been scoped primarily for Card Payments. Some alternative payment methods (APMs) can be supported as well while others like PayPal are not.

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.