Overview

PaymentExpress’s online payment solutions enable you to securely collect payments directly from customers through your website or public-facing application. Whether you want to keep users fully on your site or redirect them to a hosted payment page, both integration styles—Embedded Checkout and Hosted Checkout—connect seamlessly with PaymentExpress APIs to create carts, process payments, and return transaction results to your system.

At a high level, both online options follow the same process:

1. The customer determines the items to be paid and adds them to a cart in your application.
2. Your application creates a cart by sending the item data to the PaymentExpress Cart API.
3. The customer completes their payment either on a page embedded on your site (Embedded Checkout) or on a PaymentExpress checkout page that your application redirects them to (Hosted Checkout).
4. Once the payment has been processed, PaymentExpress returns the confirmation and transaction details to your system for reconciliation.

Embedded Checkout

Embedded Checkout keeps customers within your website or application, providing a seamless checkout experience. PaymentExpress securely collects payment details through a JavaScript widget that loads inside an iframe, allowing users to complete payment without leaving your site.

Workflow Summary

1. Create a cart using the PaymentExpress Cart Creation API.
2. Store the returned cartId.
3. Load the PaymentExpress Checkout Widget embedded into your system of record using JavaScript.
4. Receive a postback notification with final payment details.

Requirements

• Public HTTPS site where the widget can load securely.
• Ability to make authenticated HTTPS API calls to PaymentExpress.
• Support for modern browsers capable of rendering iframe-based content.

Hosted Checkout

Hosted Checkout redirects customers to a secure PaymentExpress-hosted page to complete payment. After payment, PaymentExpress can return customers to your site with transaction confirmation details.

Workflow Summary

1. Create a cart using the PaymentExpress Cart Creation API.
2. Receive a checkoutURL in the API response.
3. Redirect the customer to the PaymentExpress-hosted checkout page.
4. Receive a postback notification with final payment details.

Requirements

• Ability to make authenticated HTTPS API calls to PaymentExpress.
• No client-side or browser integration required.

Comparison Summary

Choosing Between Solutions

Embedded Checkout offers the most control over the user experience, but it requires a front-end integration and widget event handling. Hosted Checkout streamlines implementation, making it an ideal solution for teams that prioritize speed and simplicity.