GuiaRápido PagSeguro - API Checkout Transparente
Indicado para quem?
Estabelecimentos que possuem experiência em e-commerce preferem o Checkout Transparente porque a experiência de compra é customizável e transparente.
Objetivo
Apresentarmos um exemplo prático de aplicação da API Checkout Transparente PagSeguro.
1º Passo: Gerar Token do ambiente de teste:

- Para obter o token de sandbox, acesse nossa página de Sandbox.
- Após realizar o Login, Localize o menu Perfis de Integração e clique em Vendedor. O token de sandbox estará disponível na seção Credenciais. *
2º Passo: Importar biblioteca PagSeguro em JavaScript:

Features:
Método | Descrição | Chamada |
---|---|---|
Gerar sessão | Após importar a biblioteca, o primeiro passo é informar o código de sessão. | setSessionId |
Obter meios de pagamento disponíveis | Obter todos os meios de pagamento disponíveis para sua conta. | getPaymentMethods |
Gerar SenderHash | O senderHash é um identificador com os dados do comprador baseado naquela determinada sessão, garantindo a segurança da venda. | onSenderHashReady |
Obter bandeiras | Utilizado para verificar qual a bandeira do cartão que está sendo digitada. | getBrand |
Obter valor de parcelas | Opções de parcelamento disponíveis ao comprador. | getInstallment |
Gerar token | Utiliza os dados do cartão de crédito para gerar uma criptografia enviada na requisição de cobrança. | createCardToken |
Importando a biblioteca:
Página:

3º Processando o Checkout:

Chamada:
Header:
Linguagem | Type |
---|---|
x-www-form-urlencoded | Content-Type: application/x-www-form-urlencoded; charset=ISO-8859-1 |
XML | Content-Type: application/xml; charset=ISO-8859-1 |
<payment>
<mode>default</mode>
<method>creditCard</method>
<sender>
<name>Jose Comprador</name>
<email>[email protected]</email>
<phone>
<areaCode>11</areaCode>
<number>30380000</number>
</phone>
<documents>
<document>
<type>CPF</type>
<value>22111944785</value>
</document>
</documents>
</sender>
<currency>BRL</currency>
<notificationURL>https://sualoja.com.br/notificacao</notificationURL>
<items>
<item>
<id>1</id>
<description>Notebook Prata</description>
<quantity>2</quantity>
<amount>20.00</amount>
</item>
</items>
<extraAmount>0.00</extraAmount>
<reference>R123456</reference>
<shipping>
<addressRequired>false</addressRequired>
</shipping>
<creditCard>
<token>90c7dd13db854786b05f3896c6dd56d7</token>
<installment>
<quantity>3</quantity>
<value>14.14</value>
</installment>
<holder>
<name>Nome impresso no cartao</name>
<documents>
<document>
<type>CPF</type>
<value>22111944785</value>
</document>
</documents>
<birthDate>20/10/1980</birthDate>
<phone>
<areaCode>11</areaCode>
<number>999991111</number>
</phone>
</holder>
<billingAddress>
<street>Av. Brigadeiro Faria Lima</street>
<number>1384</number>
<complement>1 andar</complement>
<district>Jardim Paulistano</district>
<city>Sao Paulo</city>
<state>SP</state>
<country>BRA</country>
<postalCode>01452002</postalCode>
</billingAddress>
</creditCard>
</payment>
paymentMode=default
&paymentMethod=creditCard
¤cy=BRL
&extraAmount=0.00
&itemId1=0001
&itemDescription1=Notebook Prata
&itemAmount1=10300.00
&itemQuantity1=1
&itemId2=0002
&itemDescription2=Notebook Azul
&itemAmount2=10000.00
&itemQuantity2=1
¬ificationURL=https=//sualoja.com.br/notificacao.html
&reference=REF1234
&senderName=Jose Comprador
&senderCPF=22111944785
&senderAreaCode=11
&senderPhone=56273440
&[email protected]
&senderHash={{hash_do_comprador}}
&shippingAddressStreet=Av. Brig. Faria Lima
&shippingAddressNumber=1384
&shippingAddressComplement=5o andar
&shippingAddressDistrict=Jardim Paulistano
&shippingAddressPostalCode=01452002
&shippingAddressCity=Sao Paulo
&shippingAddressState=SP
&shippingAddressCountry=BRA
&shippingType=1
&shippingCost=01.00
&creditCardToken={{token_do_cartao}}
&installmentQuantity=7
&installmentValue=3030.94
&noInterestInstallmentQuantity=5
&creditCardHolderName=Jose Comprador
&creditCardHolderCPF=22111944785
&creditCardHolderBirthDate=27/10/1987
&creditCardHolderAreaCode=11
&creditCardHolderPhone=56273440
&billingAddressStreet=Av. Brig. Faria Lima
&billingAddressNumber=1384
&billingAddressComplement=5o andar
&billingAddressDistrict=Jardim Paulistano
&billingAddressPostalCode=01452002
&billingAddressCity=Sao Paulo
&billingAddressState=SP
&billingAddressCountry=BRA
Conteúdo completo
Tenha acesso ao conteúdo completo da API no neste link.
Link relacionados:

