Skip to main content

Checkout drop-in SDK

The Malga Checkout and Malga Checkout Full are web/mobile interface drop-ins (components) simple to customize and extend. Within Malga Checkout SDK you get access to integrate a ready-to-go interface on the fire to make charges without one line of code just Malga the SDK into your app.

FeatureMalga CheckoutMalga Checkout Full
Pix module
Credit Card module
Boleto module
NuPay module
Card tokenization
Bind card to the customer
It can integrate to sessions
Highly customizable
Order items list
It can capture customer data
Anti fraud support

Malga Checkout live preview

Below is the interactive version of Malga Checkout, where you can explore and use the interface.

info

You cannot wrap up a charge using the Malga Checkout live preview.

https://example.com/checkout

Malga Checkout Full live preview

You can access a Malga Checkout Full live preview by clicking here..

info

You cannot wrap up a charge using the Malga Checkout Full live preview.

Malga Checkout Full

Why Malga Checkout and Malga Checkout Full

Responsive

The Malga Checkout is designed to be responsive and implement the payment methods you wish, without redirecting, all on your website. On the other hand, the Malga Checkout Full delivers the same responsive and payment methods benefits, but on a complete checkout page.

Customized

Highly customizable componentes, thought to you get the most flexibility to create beautiful interfaces in your way.

PCI Level 1

In compliance with the best payments industry security practices, using the Malga Checkout or Malga Checkout Full you can safe storage all the cardholder's data for future charges, simple and secure.

Simple usage

Our engineers drive up all the efforts to get your work simple, the Malga Checkout and Malga Checkout Full are the best option. Built for different frameworks, you can choose React, Angular, Vue or vanilla javascript.

First steps

  1. Set up your client token in your backend.
  2. Choose the SDK that has the best support for your business.
  3. Initialize the Malga Checkout chosen in your website or mobile app using the client token for public authentication.
  4. The Checkout SDK will collect all the data need to make the charge and create the transaction.
  5. Implement the callback methods paymentSuccess and paymentFailed of the chosen SDK (check the documentation of the chosen framework) to receive the created authorization data.
  6. For async payment methods, like PIX and Boleto, you must implement the webhooks notification in your backend to get noticed about confirmed charges.

Public authentication key

Is it possible to create public authentication key, with restricted access to API services.

You must use these client tokens every time you have to expose you api key in a client side application.

Creating the public authentication key Criando POST /v1/auth

  curl --location --request POST 'https://api.malga.io/v1/auth' \
--header 'X-Client-Id: <YOUR_CLIENT_ID>' \
--header 'X-Api-Key: <YOUR_SECRET_KEY>' \
--header 'Content-Type: application/json' \
--data-raw '{
"scope":["tokens"],
"expires": 31104000"
}'

Response with created public authentication key

{
"clientId": "<YOUR_CLIENT_ID>",
"publicKey": "<YOUR_PUBLIC_KEY>",
"scope": ["tokens"],
"expires": 31104000,
"createdAt": "20200110 00:00:00"
}
caution

Your public key can be used like your secret api key, but has restricted scope and limited expiration time.

Get the Checkout SDK into your web or mobile app

Choose the best SDK distribution based in your preferred javascript framework: