Pi Demo

Pi (.js drop in)

This demo of the drop in .js renders the Opayo hosted form in a lightbox, but you can choose how the page is rendered. Because Opayo are hosting the payment details fields and these are communicated from the browser direct to Opayo you will only need to complete a PCI SAQ-A form.

Please note - the fields in this form are not customisable.

Click here to view the demo.

Click the switch in the bottom left hand corner to display the interactions between your systems and Opayo.

Pi (own form)

The server side integration is exactly the same as the drop in checkout, but in this example, the merchant chooses to host their own form (hence has full control over the look and feel). However, this does mean the PCI scope is fulfilled by the completion of an SAQ-A (EP) form.

Click here to view the demo.

Click the switch in the bottom left hand corner to display the interactions between your systems and Opayo.