Add credit application modal

Overview

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:

Display your credit application as modal (so that users never leave your site)

Instructions

Make sure resolve.js is on the webpage that will launch the application modal
```
<script src="https://app.resolvepay.com/js/resolve.js"></script>
```
Use jquery to launch the application by calling resolve.application()

<html>
  <script src="https://app.resolvepay.com/js/resolve.js"></script>
  <script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.2.1/jquery.min.js"></script>
  <script>
    $().ready(function() {
      $('.btn-application-modal').click(function() {
        resolve.application({
          modal: true,
          merchant: {
            id: 'test', // replace this value with your merchant id
          },
        });
      });
    });
  </script>
  <body>
    <ul>
      <li>Modal: Pay with Net 60. <span class="btn-application-modal" style="color: -webkit-link;cursor:pointer;text-decoration:underline;">Learn more.</span></li>
      <li>Redirect: Pay with Net 60. <a href="https://app.resolvepay.com/test/apply">Learn more.</a></li>
    </ul>
  </body>
</html>

PreviousErrors NextMerchant operations

Last updated 1 year ago

Was this helpful?

Add credit application modal

Overview

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:

Display your credit application as modal (so that users never leave your site)

Instructions

Make sure resolve.js is on the webpage that will launch the application modal
```
<script src="https://app.resolvepay.com/js/resolve.js"></script>
```
Use jquery to launch the application by calling resolve.application()

<html>
  <script src="https://app.resolvepay.com/js/resolve.js"></script>
  <script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.2.1/jquery.min.js"></script>
  <script>
    $().ready(function() {
      $('.btn-application-modal').click(function() {
        resolve.application({
          modal: true,
          merchant: {
            id: 'test', // replace this value with your merchant id
          },
        });
      });
    });
  </script>
  <body>
    <ul>
      <li>Modal: Pay with Net 60. <span class="btn-application-modal" style="color: -webkit-link;cursor:pointer;text-decoration:underline;">Learn more.</span></li>
      <li>Redirect: Pay with Net 60. <a href="https://app.resolvepay.com/test/apply">Learn more.</a></li>
    </ul>
  </body>
</html>

PreviousErrors NextMerchant operations

Last updated 1 year ago

Was this helpful?