Começando em UI SDK's

​

Checkout drop-in SDK

O Malga Checkout e Malga Checkout Full são drop-ins (componentes) de interface para web e mobile altamente customizáveis e extensíveis. Através dos Checkouts SDKs você tem disponível para integração interfaces prontas para realizar cobranças por cartão de crédito, pix e boleto sem ter que desenvolver uma linha de código, basta plugar no seu site ou aplicativo e usar.

​

Live preview do Malga Checkout

Você pode acessar uma demo do Malga Checkout neste link.

​

Live preview do Malga Checkout Full

Você pode acessar uma demo do Malga Checkout Full neste link.

​

Benefícios do Malga Checkout e Malga Checkout Full

​

Responsivos

O Malga Checkout foi projetado para ser responsivo e implementar os métodos de cobrança que você desejar, sem redirecionamento, tudo no seu site. Já o Malga Checkout Full entrega os mesmos benefícios de responsividade e métodos de cobrança, porém em uma página completa de checkout.

​

Customizáveis

Componentes altamente customizáveis pensados para que você tenha o máximo de flexibilidade para deixar a experiência do seu jeito.

​

PCI Level 1

Em conformidade com as melhores práticas de segurança da industria de pagamentos, com o Malga Checkout e Malga Checkout Full você pode salvar os dados de cartão para compra futura, de maneira segura.

​

Fáceis de usar

Nosso time de desenvolvedores pensou em tudo para simplificar o seu trabalho, o Malga Checkout e Malga Checkout Full são os únicos do mercado disponibilizados em diversos frameworks, você escolhe se quer usar em React, Angular, Vue, ou javascript vanilla.

​

Primeiros passos

1. Crie um chave pública de autenticação no seu backend.
2. Escolha o SDK que atende melhor a sua necessidade.
3. Inicialize o Malga Checkout escolhido no seu site ou aplicativo com a chave pública de autenticação criada.
4. O Checkout SDK irá coletar os dados necessários para cobrança e criar uma nova transação.
5. Implemente os métodos paymentSuccess e paymentFailed do Checkout SDK que você usará (verifique a documentação da implementação de cada tecnologia) para receber os dados da autorização criada.
6. Para os métodos de pagamento assíncronos, como PIX e Boleto, implemente o recebimento das notificações de webhooks no seu backend para ser avisado quando um pagamento é confirmado.

​

Chave pública de autenticação

É possível criar chaves públicas de acesso temporária a API com escopo e tempo de expiração limitados.

Recomendamos o uso deste tipo de chave quando você tiver que expor a chave em uma aplicação client side.

Criando uma chave de autenticação pública 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"
    }'

Resposta da chave pública criada

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

​

Implemente o Checkout SDK no seu site ou app

Escolha o SDK ideal para o seu site de acordo com o framework de sua preferência:

• Implementações do Malga Checkout:

  • Javascript
  • React
  • Vue
  • Angular

• Implementações do Malga Checkout Full:

  • Javascript
  • React
  • Vue
  • Angular