Cartão de Crédito

Para criar uma fatura usando o Cartão de Crédito, é necessário a realização da tokenização prévia do cartão.
No seu Checkout, implement o seguite código e substitua o trecho ACCOUNT pelo valor do ACCOUNT obtido na geração do AccessToken:

Para que o script funcione corretamente, você precisa adicionadar o atributo "data-tryplopay" nos inputs/selects correspondentes dentro do formulário que será enviado para o seu back-end.

Também é necessário incluir as classes btn-buy tryplopay_btn_buy (class="btn-buy tryplopay_btn_buy") no seu botão de envio do formulário e o atributo data-tryplopay="methods" seja do tipo radio ou input com o valor credit_card.

Tipo: Input
data-tryplopay="number" = Número do Cartão
data-tryplopay="verification_value" = Código de Segurança
data-tryplopay="full_name" = Nome no Cartão

ATENÇÃO AO VENCIMENTO DO CARTÃO

Aqui na Tryplo, somos compativeis para 2 fluxos de vencimento, um unico input para a data de validade do cartão, e de forma separada.

Caso use o input ÚNICO:
data-tryplopay="expiration" = Vencimento do Cartão (MM/AA)

Caso use inputs SEPARADOS:
data-tryplopay="expiration_year" = Ano de Vencimento do Cartão (AA)
data-tryplopay="expiration_month" = Mês de Vencimento do Cartão (MM)

Após a validação dos dados do cartão de crédito, feito, pelo nosso próprio script, será gerado um hash do cartão e implementado um input oculto dentro do seu formulário com o atributo name="tryplo_hash", este input deve ser recuperado no seu back-end para enviar o hash no parametro card > token em seu JSON.

SE ATENTE AO 3DS

Para ficar adequado ao nosso fluxo 3DS, basta incluir esses atributos adicionais nos inputs correspondentes do seu checkout.

O atributo AMOUNT, deve ser atualizado sempre que houver mudança no valor total da compra, pois será utilizado em compras 3DS.

Tipo: INPUT
data-tryplopay="zipcode" = CEP
data-tryplopay="street" = Rua
data-tryplopay="city" = Cidade
data-tryplopay="state" = UF do Estado (RS, SC, PR, SP, MG...)
data-tryplopay="email" = Email do Comprador
data-tryplopay="phone" = Telefone do Comprador
data-tryplopay="document" = Documento do Comprador: CPF/CNPJ
Tipo: SELECT
data-tryplopay="installments" = Parcela Escolhida

Para informar o valor total da compra, para ser autenticado via 3DS, uma vez que somos obrigados a informar na requisição de autenticação, para facilitar o seu fluxo de desenvolvimento, somos compativeís de 2 formas: INPUT ou TAG HTML.

TIPO: INPUT
Caso prefira usar um INPUT para informar o valor total da compra, basta incluir o atributo abaixo no input, e manter ele sempre atualizado conforme ocorre alterações de valores.
data-tryplopay="amount" = Valor total da compra

TIPO: TAG HTML
Caso prefira usar uma tag html para otimizar a adequação, evitando novos inputs, basta adicionar os 2 atributos na tag html que será atualizada com o valor total da compra.
data-tryplopay="amount" data-tryplopayAmount="10.50" = Valor total da compra

Aqui, é um código simples para compreensão melhor de como implementar seu no seu código.

Cartão de Crédito

ATENÇÃO AO VENCIMENTO DO CARTÃO#

SE ATENTE AO 3DS#

ATENÇÃO AO VENCIMENTO DO CARTÃO

SE ATENTE AO 3DS