• Getting Started
    • Mobile Integration (Android/IOS)
      Enterprise Solutions
      Retail Solutions
      Accept Payments
      Process Payments
      API References
      Other Processes
      Mini Program Platform

      Getting Started


      Merchant will need to add below mentioned script tag within their <head></head> section

      <script type="application/javascript" src="{HOST}/merchantpgpui/checkoutjs/merchants/{MID}.js" crossorigin="anonymous"></script>

      {HOST} - Server host from where merchant configurations are loaded.

      Following are the list of host based on environment

      {MID} - This is a unique identifier provided to every merchant by Paytm. MID is part of your account credentials and is different on staging and production environment. Your staging MID is available here & production MID will be available once your activation is complete.


      A sample example to showcase how the url look like

      • HOST - Production
      • MID - dummyExampleMIDIdentifier
      <script type="application/javascript" src="https://securegw.paytm.in/merchantpgpui/checkoutjs/merchants/dummyExampleMIDIdentifier.js" crossorigin="anonymous" ></script>


      After adding the script and JS Snippet code the basic HTML page will look like the below mentioned HTML. You can also add some configuration if needed.

              <title>Blink Checkout Demo</title>
              <div id="paytm-checkoutjs"></div>
              <script type="application/javascript" crossorigin="anonymous" src="https://securegw.paytm.in/merchantpgpui/checkoutjs/merchants/dummyExampleMIDIdentifier.js" onload="onScriptLoad();"></script>
                  function onScriptLoad(){
                      if(window.Paytm && window.Paytm.CheckoutJS){
                          window.Paytm.CheckoutJS.onLoad(function excecuteAfterCompleteLoad() {
                              // initialze configuration using init method 
                              window.Paytm.CheckoutJS.init(config).then(function onSuccess() {
                                  // after successfully updating configuration, invoke Blink Checkout
                              }).catch(function onError(error){
                                  console.log("error => ",error);