Integrating Collect

There are several options for you to choose from when integrating Collect into your application. The options offer a range of solutions, from the quick and easy to the more customizable.

You can see what the Collect checkout looks like, and try out some customizations below:

Collect's Hosted Checkout
This solution is the simplest to integrate into an application, you make a single API request to create a payment session and then redirect your customer to the URL we provide in the response. Collect handles all of the data collection, payment method selection, and authorization in our hosted checkout.

When the user has completed the payment we redirect them to either the success_url or error_url you provided in the create payment session API request. We can also send webhooks to give you real-time updates on their payment status.

Collect's Embedded Checkout
If you would like more control over your customers' payment experience you can embed account-to-account payments in your application.

The payment session is created in your backend in the same way as the Hosted Checkout, but you then embed Collect.js into your web page and it will render the data collection and payment method selection screen on your page. The redirection then happens from your application directly to your customer's payment method authorization flow. Your customer never needs to visit our website.