3. Add Browser SDK

Now, that can accept Titus as a payment method, the final step is to enable them to advertise to their customers they offer pay at close.

You can do this by including a browser SDK that opens a modal on top of your site where customers can see if they qualify to pay at close, see their rate, and learn more about Titus.

This is a critical step because the whole point of Titus is to grow basket size and increase order conversion. This only happens if the user knows early on that they can pay at close later.

1. Include the SDK in your HTMLCopied!

Paste this into your HTML:

<script src="https://assets.gotitus.com/sdk/v1/titus.js"></script>

Once loaded, this makes the titus global variable available.

Calling methods before before the javascript has fully loaded will trigger an error.

2. Determine where to advertise pay at closeCopied!

You’ll need to add a button customers can click to open the modal.

Minimum recommendations:

  • On every item page (e.g. a page that shows the cost of a service or package)

  • Inside the cart page (e.g. a page that shows current selection and total)

  • Inside the checkout page (e.g. the page where the user checks out)

Additional options:

  • From a banner on top of any page

See the design guidelines for detailed guidance.

3. Add the button and call the modalCopied!

When the button is clicked, the function showEstimateModal() opens Titus estimate page in a modal. This allows users get an estimated rate for their loan.

// typically in a button click handler 
titus.showEstimateModal();

Example inside a button click handler

<button onclick=“titus.showEstimateModal()“>Open Titus Estimate</button>

No additional initialization is needed; the SDK is the same for all platforms and businesses.

You’ve now completed the integration!