So you want to get going right away. Lite API integration involves only copying some HTML. It’ll get you doing payments on your website in less than 10 minutes.
The following steps are required to integrate your application with Noca:
1. Enter MerchantID (sent to you in an email when you signed up):
2. Pick whether you want the “VISA/MC + Check” button or the “SecureCheck” button:
3. Choose fixed or variable (user-determined) cost:
4. Description of the item you are selling:
5. Choose what URL customers will be sent to after paying:
6. Generate code:
7. Copy and paste the following code where you want to accept payments
<!-- To be added to the HEAD of the page. Omit this part if you want to redirect to Noca website --> <script type="text/javascript" src="https://sandbox.noca.com/static/merchant/jquery.packed.js"></script> <script type="text/javascript" src="https://sandbox.noca.com/res/jqModal.js"></script> <script type="text/javascript" src="https://sandbox.noca.com/res/overlay.js"></script> <link type="text/css" rel="stylesheet" media="all" href="https://sandbox.noca.com/res/jqModal.css"> <!--[if gte IE 5.5]><![if lt IE 7]> <style type="text/css" rel="stylesheet" media="all" href="https://sandbox.noca.com/res/jqModal_ie.css"></style> <![endif]><![endif]--> <!-- End of HEAD code --> <!-- To be added to the BODY of the page --> <!-- BEGIN NOCA ONECLICK PAY FORM --> <form id="OCPform" action=" " method="post"> <input type="hidden" id="OCPformMerchantID" name="OCPformMerchantID" value=" "></input> <input type="hidden" id="OCPformTotalAmount" name="OCPformTotalAmount" value=" "></input> <input type="image" id="OCPsubmit" style="border: 3px outset rgb(0, 0, 200);" src=" "></input> <input type="hidden" id="OCPformDescription" name="OCPformDescription" value=" "></input> <input type="hidden" id="OCPformReplyTo" name="OCPformReplyTo" value=" "></input> </form> <!-- END ONECLICK PAY FORM --> <!-- Omit the part below if you want to redirect to Noca website --> <div id="modalWindow" class="jqmWindow"> <div id="jqmTitle"> <button class="jqmClose"> X </button> <span id="jqmTitleText"></span> </div> <iframe id="jqmContent" name="nocaform" src=""></iframe> </div> <!-- End of BODY code -->
