Checkout payment processing with Checkout Pro

This is a simple example of how you can accept payments by integrating our Checkout PRO

In this repository you will find two main folders:

• client: Basic implementation of a checkout, complying with the necessary security requirements to collect sensitive user information.

  For html/js project: http://localhost:8080

  For reactjs project: http://localhost:3000

• server: Basic server-side implementation, which provides static client-side resources and allows the collected information to be published directly to our API to create preference and process payment request using our payment button. Hosted on http://localhost:8080.

How to run it

Clone or download this project, move to the server implementation of your choice and follow its README instructions.

If you are programming in a different language, we offer a client-side sample which will allow you to write your own server-side implementation using our API Reference as a guideline.

How it looks

cho-pro.mov

The payment button is currently in a migration process. The integration structure will soon change for all countries, but the current one will continue to work. For now, it is only available for Brazil, Chile, Colombia, Mexico, Peru, and Uruguay.

cho-pro-new-structure.mov