Once you have retrieved an E-Mandate Token, add JavaScript to your calling Payment Page

Add JavaScript to your Site

  • After you have retrieved your E-Mandate token, you need to add some JavaScript to your page.
  • You must reference the Nuapay .js and a .css file.
  • You will need to references either the Sandbox or the Production environment:
Environment JS Link CSS Link
Sandbox https://sandbox.nuapay.com/emandate/static/js/emandates-integration.js https://sandbox.nuapay.com/emandate/static/css/emandates-overlay.css
Production https://api.nuapay.com/emandate/static/js/emandates-integration.js https://api.nuapay.com/emandate/static/css/emandates-overlay.css

To set up your page (for Sandbox):

  1. Use the following JS and CSS references: 
      <script type='text/javascript' src="https://sandbox.nuapay.com/emandate/static/js/emandates-integration.js"></script>
 <link rel="stylesheet" type="text/css" href="https://sandbox.nuapay.com/emandate/static/css/emandates-overlay.css"/>
  2. Add the following script (replacing 90c72f56-5c12-4bd0-aad8-371c5a1db617-24j8rvwov2, in this example, with the retrieved E-Mandate token): 
      <script>
 /*<![CDATA[*/
  EMandates.setToken("90c72f56-5c12-4bd0-aad8-371c5a1db617-24j8rvwov2");
  EMandates.setUrl("https://sandbox.nuapay.com/emandate");    
  };
  /*]]>*/
  </script>
  3. Finally call the overlay method for the onclick event on your calling Web page: