Checkout Caixa Leve

Utilizando NPM do Checkout Lightbox

O pacote do checkout lightbox pode ser inserido em seu projeto utilizando o npm i adt-lightbox. Após utilizar o código, faça o const AditumLightbox = require("adt-lightbox"); e estará disponível.

Após inserir o script deve ser adicionado no botão de Pagar da sua aplicação os seguintes atributos: data-adt-smartcheckout e data-adt-callback-url. Onde o primeiro vai ser o ID do SmartCheckout que deve ser gerado no endpoint v2/smartcheckout e o segundo vai ser a URL chamada quando tiver sucesso na transação. Ex.: <button type="button" data-adt-smartcheckout="{{SmartCheckoutId}}" data-adt-callback-url="{{SuccessUrl}}">Pagar</button>

Quando o botão for clicado com essas informações preenchidas, a tela vai exibir um novo formulário. Após o cliente executar o pagamento nessa tela exibimos a seguinte tela mostra um simbolo de confirmação e um botão para voltar ao fluxo da loja.