{"templateId":"markdown","sharedDataIds":{"sidebar":"sidebar-guides/sidebars.yaml"},"props":{"metadata":{"markdoc":{"tagList":[]},"type":"markdown"},"seo":{"title":"Add credit application modal","llmstxt":{"hide":false,"sections":[{"title":"Table of contents","includeFiles":["**/*"],"excludeFiles":[]}],"excludeFiles":[]}},"dynamicMarkdocComponents":[],"compilationErrors":[],"ast":{"$$mdtype":"Tag","name":"article","attributes":{},"children":[{"$$mdtype":"Tag","name":"Heading","attributes":{"level":1,"id":"add-credit-application-modal","__idx":0},"children":["Add credit application modal"]},{"$$mdtype":"Tag","name":"Heading","attributes":{"level":2,"id":"overview","__idx":1},"children":["Overview"]},{"$$mdtype":"Tag","name":"p","attributes":{},"children":["Before a customer can pay with credit terms, they must have applied and been approved for a Resolve account. This guide shows you how to:"]},{"$$mdtype":"Tag","name":"ul","attributes":{},"children":[{"$$mdtype":"Tag","name":"li","attributes":{},"children":["Display your credit application as modal (so that users never leave your site)"]}]},{"$$mdtype":"Tag","name":"Heading","attributes":{"level":2,"id":"instructions","__idx":2},"children":["Instructions"]},{"$$mdtype":"Tag","name":"ol","attributes":{},"children":[{"$$mdtype":"Tag","name":"li","attributes":{},"children":["Make sure resolve.js is on the webpage that will launch the application modal"]}]},{"$$mdtype":"Tag","name":"CodeBlock","attributes":{"data-language":"markup","header":{"controls":{"copy":{}}},"source":"<script src=\"https://app.resolvepay.com/js/resolve.js\"></script>\n","lang":"markup"},"children":[]},{"$$mdtype":"Tag","name":"ol","attributes":{"start":2},"children":[{"$$mdtype":"Tag","name":"li","attributes":{},"children":["Use jquery to launch the application by calling ",{"$$mdtype":"Tag","name":"code","attributes":{},"children":["resolve.application()"]}]}]},{"$$mdtype":"Tag","name":"CodeBlock","attributes":{"data-language":"markup","header":{"controls":{"copy":{}}},"source":"<html>\n  <script src=\"https://app.resolvepay.com/js/resolve.js\"></script>\n  <script src=\"https://cdnjs.cloudflare.com/ajax/libs/jquery/3.2.1/jquery.min.js\"></script>\n  <script>\n    $().ready(function() {\n      $('.btn-application-modal').click(function() {\n        resolve.application({\n          modal: true,\n          merchant: {\n            id: 'test', // replace this value with your merchant id\n          },\n        });\n      });\n    });\n  </script>\n  <body>\n    <ul>\n      <li>Modal: Pay with Net 60. <span class=\"btn-application-modal\" style=\"color: -webkit-link;cursor:pointer;text-decoration:underline;\">Learn more.</span></li>\n      <li>Redirect: Pay with Net 60. <a href=\"https://app.resolvepay.com/test/apply\">Learn more.</a></li>\n    </ul>\n  </body>\n</html>\n","lang":"markup"},"children":[]}]},"headings":[{"value":"Add credit application modal","id":"add-credit-application-modal","depth":1},{"value":"Overview","id":"overview","depth":2},{"value":"Instructions","id":"instructions","depth":2}],"frontmatter":{"seo":{"title":"Add credit application modal"}},"lastModified":"2026-03-09T16:15:15.000Z","pagePropGetterError":{"message":"","name":""}},"slug":"/guides/credit-application-modal","userData":{"isAuthenticated":false,"teams":["anonymous"]},"isPublic":true}