You can integrate POLi in one of the following ways:
Our shopping cart plugins make it incredibly simple to integrate POLi into your E-commerce website. Almost no technical knowledge is needed.
Firstly, you need to make sure you have signed up for your POLi account – please visit POLi online signup
In step 1, please choose the shopping cart from the pick list – if your shopping cart is not listed then we do not offer a plugin for your site. Please also specify the version number of the shopping cart software your site is running.
Please note, we offer the following E-commerce plugins:
Once you have completed your online signup, we will send you an email with a link to download the best POLi plugin for your E-commerce website.
Please note, if you specify Shopify in your online signup, we will send you an email after you have completed your online signup with credentials and instructions to add POLi to your site.
Integrating POLi with a mobile application is nearly identical to any other form of integration, except for one key point.
We strongly suggest that a middle-ware web-service be developed by the merchant to facilitate POLi as a payment service via their application.
This application integration approach will not compromise the basic authentication in place.
Opening POLi as an embedded option is considered an effective strategy to keeping customers on your site.
This section demonstrates the options available to you and will help you to implement them properly, mitigating some of the common issues encountered.
All embedded options require you (the merchant) to have your own SSL certificate for security reasons.
To open POLi in an iFrame, there are a few rules that need to be observed to preserve a good user experience.
The iFrame should initially open a page on your domain which initiates a transaction before redirecting the user to POLi.
Scrollbars need to be kept to a minimum.
Below is example code for embedding an iFrame into your site:
<div id="outerdiv" style="margin: 0 auto; width: 900px; padding: 0; max-width: 900px; height: 600px; max-height: 600px; border: 1px solid #f00; overflow: hidden; -webkit-overflow-scrolling: touch;"> <iframe src="http://google.com" frameborder="0" style="height:100%;width:100%;margin:0;padding:0;"></iframe> </div>
Due to client interact with the third-party content provider as a first-party website, end user needs to enable both first and third party cookies in client's browser.
The Overlay method is mostly just an iFrame with different CSS styling. The same rules must be observed: minimise scrollbars and redirect to POLi from your domain.
Below is example code for launching POLi in an Overlay:
<div style="width: 100%; background-color: #000; height: 100%; opacity: 0.4; position: absolute; top: 0px; z-index: 100;"></div> <div id="iframeContainer" style="display: inline-block; margin: 20px auto 100px; padding: 0px; width: 75%; max-width: 75%; height: 50%; min-height: 500px; max-height: 50%; overflow: hidden;position: fixed;right: 12%;top: 20%;z-index: 105;"> <iframe src="initiate.php" style="height:inherit;width:100%;margin:0;padding:0;min-height: 500px;" name="poliframe" id="poliframe"></iframe> </div>