Iframe integration requires only HTML and Javascript only hence obviating any need for platform specific code. Its quite simple really, we give you the template, you plug-in the values, install and test and off you go.
The following steps are required to integrate your application with Noca.
1. Download Noca payment code.
Download and extract the contents of NocaIntegration.zip. Place NocaPayment.html in a directory on your webserver that is accessible from the web (e.g. /var/www for Linux servers).
2. Add Noca payment capability to your website.
You can choose to integrate the Noca payment functionality using either iframe or redirect.
Iframe integration allows the merchant to embed Noca’s payment option directly into the merchant’s website. This provides the best user experience because users do not need to leave the merchant’s website to pay.
With redirect integration, the merchant can place a special link on the merchant’s website that redirects users to the a Noca-hosted webpage to fill out payment information. This creates a less fluid payment experience for the user.
a. Iframe
Open Readme.html included in NocaIntegration.zip and follow the instructions inside on configuring NocaPayment.html.
Once NocaPayment.html is configured, you only need to insert the following line of code wherever you need Noca’s payment option. Make sure to set the path to the correct location of NocaPayment.html on your server.
b. Redirect
Open RedirectIntegration.txt (a file from NocaIntegration.zip) in a text editor and copy the contents into the appropriate section of HTML in your website’s payment form. Usually that is right before the </body> tag.
Open Readme.html included in NocaIntegration.zip and follow the instructions inside on configuring the JavaScript variables that you copied into your website’s code in the first step.
3. Add Noca images.
You can use Noca images as necessary (for example, as a button for users to click on to select the Noca payment system). You are free to alter the images to match your website as long as you adhere to the Merchant Agreement terms and conditions. Some images you can use are below.
  |
4. Test your new Noca payment functionality.
By default, NocaPayment.html will send transactions to Noca’s test server. Read the Testing Guidelines page for more information.
5. Make live transactions.
Once you are done with testing and you are ready to post to the production server, open NocaPayment.html and change
to
