Out 21, 2026 - Mais de um cartão no Tokenization SDK

O Tokenization SDK agora permite tokenizar vários cartões na mesma página, o que viabiliza fluxos como o pagamento dividido entre múltiplos cartões no checkout.

Melhorias

Múltiplos cartões na mesma página

Crie uma instância de MalgaTokenization para cada cartão. Cada instância tem os próprios campos, eventos e token.
O container de cada campo aceita qualquer id, desde que seja único na página. Antes, só eram aceitos card-number, card-holder-name, card-cvv e card-expiration-date.
Os eventos registrados com on em uma instância recebem apenas os eventos dos campos daquele cartão.

<div id="card-number-1"></div>
<div id="card-holder-name-1"></div>
<div id="card-cvv-1"></div>
<div id="card-expiration-date-1"></div>

<div id="card-number-2"></div>
<div id="card-holder-name-2"></div>
<div id="card-cvv-2"></div>
<div id="card-expiration-date-2"></div>

const firstCard = new MalgaTokenization({
  apiKey: 'YOUR_API_KEY',
  clientId: 'YOUR_CLIENT_ID',
  options: {
    sandbox: true,
    config: {
      fields: {
        cardNumber: { container: 'card-number-1' },
        cardHolderName: { container: 'card-holder-name-1' },
        cardCvv: { container: 'card-cvv-1' },
        cardExpirationDate: { container: 'card-expiration-date-1' },
      },
    },
  },
})

const secondCard = new MalgaTokenization({
  apiKey: 'YOUR_API_KEY',
  clientId: 'YOUR_CLIENT_ID',
  options: {
    sandbox: true,
    config: {
      fields: {
        cardNumber: { container: 'card-number-2' },
        cardHolderName: { container: 'card-holder-name-2' },
        cardCvv: { container: 'card-cvv-2' },
        cardExpirationDate: { container: 'card-expiration-date-2' },
      },
    },
  },
})

const [first, second] = await Promise.all([
  firstCard.tokenize(),
  secondCard.tokenize(),
])

Não repita o mesmo container em duas instâncias. Um id repetido faz os dados de um cartão se misturarem com os do outro.

Veja o passo a passo em Múltiplos cartões.

Principais novidades:

Tokenização de dois ou mais cartões na mesma página, com uma instância de MalgaTokenization por cartão.
container aceita qualquer id único na página.
Novo evento loading, disparado no início e no fim da tokenização. Veja Eventos.

Ficou com dúvida? Fale com a gente pelo e-mail suporte@malga.io.

​Melhorias

​Múltiplos cartões na mesma página

Melhorias

Múltiplos cartões na mesma página