Collect Checkout

Overview

Collect Checkout is a hosted checkout page that can be integrated into most web-based payment workflows. The checkout page lives entirely on the gateway’s servers, ensuring that no payment data ever touches your environment.

Collect Checkout adheres to all modern web standards and delivers your customers a simple, modern checkout flow with as little friction as possible.

Customer Path

At a high level, you need to include a little bit of JavaScript on your website where you’d like a customer to be able to click a link/button/image/etc. and be taken to the checkout page. When the customer is redirected to the checkout page they will see a list of products they are paying for, a total amount, and a short form to fill out their payment details. Upon a successful transaction, the customer will be redirected back to your website where you can display a receipt for the transaction.

Collect Checkout vs Collect.js

Collect Checkout is similar to Collect.js and in many cases either will be a viable solution for your software. The main deciding factor is going to be how much control you want to have over the checkout process. Both solutions allow you to completely offload sensitive payment data collection to the gateway so you do not have to handle things like credit card numbers.

Collect.js gives you full control over the user journey and every part of the UI. The disadvantage is that to get this control, you need to write all the code for processing transactions, handling errors, and showing receipts.

Collect Checkout gives you less control over the details of the checkout process, since the customer is redirected to a page hosted by the gateway, but the benefit is that you as an integrator have much less to worry about when it comes to transaction processing.

In short, if you want full control over the whole checkout experience, then Collect.js is for you. If you want an easier integration then Collect Checkout is likely the better option.