Vendas Online via API com PayPal - #2 Pagamento com Botões

19/01/2021

Neste tutorial aprenderemos como criar botões personalizados para efetuar vendas em um website ou blog online.

Botões do PayPal

index.html

Precisamos criar primeiramente nossa base HTML e posteriormente inserir o código dentro dessa base, conforme código abaixo:

<html>
    <head>
       <title>Pet Shop</title>
    </head>

    <body>
        <div><img src="banner.png"></div>

        <div style="float:left; width: 30%; margin: 30px 1.5%; border-radius:5px;  box-shadow: 0 10px 20px #999; text-align: center; padding: 10px;">
        Casinha de Cachorro <br>
        R$300,00 <br>

        <img src="casa.jpg"><br>

        <form action="https://www.paypal.com/cgi-bin/webscr" method="post" target="_top">
        <input type="hidden" name="cmd" value="_s-xclick">
        <input type="hidden" name="hosted_button_id" value="H4KNAXSEMCL3C">
        <input type="image" src="https://www.paypalobjects.com/pt_BR/BR/i/btn/btn_buynowCC_LG.gif" border="0" name="submit" alt="PayPal - A maneira fácil e segura de enviar pagamentos online!">
        <img alt="" border="0" src="https://www.paypalobjects.com/pt_BR/i/scr/pixel.gif" width="1" height="1">
        </form>
        </div>

        <div style="float:left; width: 30%; margin: 30px 1.5%; border-radius:5px;  box-shadow: 0 10px 20px #999; text-align: center; padding: 10px;">
        Coleira de Cachorro <br>
        R$50,00 <br>

        <img src="coleira.jpg"><br>

        <form action="https://www.paypal.com/cgi-bin/webscr" method="post" target="_top">
        <input type="hidden" name="cmd" value="_s-xclick">
        <input type="hidden" name="hosted_button_id" value="SHTZ9F5RFAN68">
        <input type="image" src="https://www.paypalobjects.com/pt_BR/BR/i/btn/btn_buynowCC_LG.gif" border="0" name="submit" alt="PayPal - A maneira fácil e segura de enviar pagamentos online!">
        <img alt="" border="0" src="https://www.paypalobjects.com/pt_BR/i/scr/pixel.gif" width="1" height="1">
        </form>

        </div>
    </body>

</html>

Não esqueça de no código acima trocar os formulários pelos formulários criados na sua conta do PayPal.

Então é isso pessoal, sucesso nos códigos e na vida!

Precisa de um professor particular? webdesignemfoco@gmail.com

Receba as aulas da Webdesign em Foco em Seu Email

Posts Relacionados

Vendas Online via API com PayPal - #1 Introdução

Nesse curso iniciaremos o curso de vendas online via API utilizando o gateway Paypal. Passaremos desde as vendas básicas até o checkout transparente.

Vendas Online via API com PayPal - #3 Introdução à API

Iniciamos hoje a trabalhar com a API do PayPal e consequentemente com o checkout transparente da plataforma.

PayPal

Nessa playlist você aprenderá como realizar vendas com o facilitador de pagamento PayPal. Aprenderá também a fazer o checklist transparente com PayPal.