Como Gerar o Botão de Compra do Pagseguro

Criar Site no Webnode

Como Gerar o Botão de Compra do Pagseguro

Venda produtos e serviços ou receba doações online com o PagSeguro.

O Pagseguro é um serviço muito útil que permite que qualquer pessoa faça negócios pela internet, oferecendo ferramentas que permitem que seus visitantes efetuem pagamentos via cartão de crédito de várias bandeiras, boleto bancário ou diretamente de outra conta no Pagseguro.

Todo o dinheiro acumulado em sua conta, pode ser utilizado para efetuar compras em sites que também utilizem o Pagseguro ou sacado em qualquer banco brasileiro.

Cartões aceitos pelo Pagseguro

Como Gerar o Botão de Compra do Pagseguro

Sabendo que muitas pessoas tem tido problemas para gerar os botões de implantação para venda de produtos/prestação de serviço, eu resolvi criar este tutorial em que eu mostro o passo a passo de Como Gerar o Botão de Compra do Pagseguro.

Antes de começar, será necessário que você tenha uma conta no Pagseguro e que esteja configurada como vendedor (a conta normal apenas permite receber dinheiro pelo Pagseguro).

Lembrando também que você somente poderá instalar o carrinho e os botões se estiver utilizando qualquer programa ou sistema de criação de sites que permita inserir códigos HTML na página.

Se você já tiver a sua conta ativa no Pagseguro, acesse o painel de controle e clique em “Para seu negócio” e em “Ferramentas” como mostra a imagem abaixo.

Em seguida você terá 3 opções de botões para implantar em seu site, que são os botões de pagamentos, botões de contribuição e carrinho de compras.

Botões de pagamento – Este recurso permite que você implante botões para vendas de um único produto.

Carrinho de compras – Este recurso permite fazer o mesmo que o “Botões de pagamento”, no entanto ele permite que os visitantes comprem vários produtos de uma só vez.

Botões para doações – Este recurso permite criar um botão simples onde seus visitantes poderão fazer doações.

Como criar os botões de compra

Para começar, vamos criar alguns botões de compra clicando na opção “Botões de pagamento”. Na próxima página que se abre, insira o número do ítem (para sua identificação), Título, Valor, Frete (caso seja necessário) e Email para recebimento. Confira um exemplo abaixo.

Após gerar o código, você já poderá colar na página de seu site. Repita este processo para cada produto que deseja vender em seu site.

Gerando o carrinho de compras

Nota
Antes de começar a implantação do carrinho de compras, você deve entender que ele não ficará da mesma maneira que presenciamos em grandes sites de venda online. Cada vez que um visitante clicar em um botão de compra, ele será direcionado para o site do Pagseguro para efetuar o pagamento. Se o visitante quiser continuar comprando, ele terá que voltar ao site para adicionar novos produtos e ou visualizar como está o carrinho de compras.

Após publicar os botões de compras, o próximo passo é gerar o código do carrinho de compras para implantar em seu site. Você pode fazer isso selecionando a opção “Carrinho de compras” como vimos anteriormente.

Na próxima página, você verá duas opções,  opção “Carrinho Pagseguro” que é a mais fácil porque oferece um carrinho pronto e a opção “Carrinho próprio” que exige um bom conhecimento sobre programação e que por motivos óbvios não será abordado neste artigo.

Escolha então a opção “Carrinho Pagseguro” clicando em “Saiba como integrar o carrinho Pagseguro em seu site”.

Na próxima página role até o fim e copie o código presente no campo “Botão ver carrinho” e cole no menu de navegação do seu site em um local de fácil visualização para os visitantes.
Lembre-se de alterar o email “suporte@lojamodelo.com” para o seu endereço de email cadastrado no Pagseguro.

Se você executou todos os passos corretamente, sua loja virtual já está pronta para começar a vender.

Gostou do artigo Como Gerar o Botão de Compra do Pagseguro? Ainda tem dúvidas ou sugestões? Então deixe um comentário abaixo.

Sobre Celso Lemes

Blogueiro Profissional. Conhecimento sobre Marketing Digital, Google SEO, Divulgação Online, Redes Sociais, Webdesign, Divulgação de Empresas
Adicionar a favoritos link permanente.

27 Comments

  1. Online na Web

    ótima dica Celso, pena que não consigo entrar no meu login e senha no site, sempre está dando erro, será que é pelo tempo que eu fiquei sem acessar o PagSeguro? Deve ter uns 7 meses que eu não entro na minha conta.

    • Online na Web,
      Eu também fiquei um bom tempo sem acessar minha conta, mas ela não foi cancelada. Tente entrar em contato com o suporte deles. Tenho quase certeza de que eles irão te ajudar.

      Abraço!

  2. Ola, segui seu tutorial criando os botoes, mas quando adiciono um item ao carrinho vai p/ a pagina de fechamento de compra.Nao me da opcao de continuar comprando e se adiciono outro item, o primeiro desaparece, ou seja, so consigo comprar/pagar um item por vez…
    Voce poderia me ajudar?

    • Ana,
      Para criar uma loja virtual fica um pouco mais complicado. Você teria que adicionar o código do carrinho de compras ao seu site também. Infelizmente não daria para explicar aqui pelos comentários e não sei de nenhum artigo explicando como fazer isso.

      Abraço!

  3. Erro 115 – O campo TIPO não foi informado.
    o amigao por q ta aparecendo esse erro me ajude ai por favor?abraços

  4. Muito boa dica!!
    Eu gostaria de dar uma sugestão na própria pagina do pag seguro tem um
    link de um colaborador que criou um carrinho de compras em que se pode adicionar os produtos e o cliente pode comprar com um só botão.
    é só ler em ex de loja.

  5. Ola man como eu faço para colocar um sistema de cadastro em meu site no webnode?Tem algum site que faça isso?
    obrigado

  6. Nilton José Formento

    Mas eu queria saber se tem que pagar e quanto custa.É que eu faço sites e queria colocar uma ferramenta para pagar com cartão de crédito no site,pois muita gente pede.

    • Nilton,
      No Webnode não tem jeito mesmo. Ele não suporta linguagens dinâmicas e também não dá acesso ao FTP do site. Não tem como instalar um script de cadastro.

      Abraço!

  7. olá,gostaria de saber como faço para colocar o botão pagseguro no webnode?não estou conseguindo.

    • Karina,
      Você tem que alterar o editor de páginas para o modo HTML.Clique no botão <> que aparece no canto direito do menu superior.

      Abraço!

  8. Bom dia meu amigo, gostaria de saber se existe um forma de criar um botão do PAGSEGURO para SERVIÇOS, onde não aparecerá o campo FRETE?

    Obrigado.

  9. Olá, posso criar um site normal e PHP + HTML+ CSS e depois adicionar esses códigos que vai funcionar normal? Sem a necessida de usar CMS como magento, prestashop entra outros? Exemplo: Um site simples com 6 produtos, e abaixo de cada produto um botão configurado em relação ao produto acima.

    Abraço, e parábens!

    • Olá Lucas,
      Pode usar sim. O Pagseguro oferece a opção de ser instalado em praticamente qualquer site.

      Abraço!

  10. Olá.
    Tem como colocar uma imagem própria do carrinho?
    Substituir a imagem do ‘carrinho pagseguro’ no código por outra?

    • Olá Bruno,
      Pelo que eu vi tem sim, mas isso exigiria que você entenda um pouco sobre o que está fazendo, pois exige que você mexa no código do plugin.

      Abraço!

  11. Gostei da matéria.
    Estou pensando em usar o pagseguro para uma loja que pretendo abrir.
    Você sabe informar se ele envia ao vendedor os dados do cliente e qual o produto que ele (o cliente) comprou, ou só informa que houve uma compra?

    • Olá Thamires,
      Ele envia as informações básicas sobre o produto adquirido sim. Dá para saber o que o cliente comprou.

      Abraço!

  12. Por favor, a praticamente virei a noite tentando saber como insiro o botao no meu site. eu criei pelo sitebuilder lá nao há a opção html, mas posso inserir direto no codigo da página? a onde no meio dakeles milhoes de codigos??

    • Olá Mery,
      Se você estiver utilizando um construtor oferecido por uma empresa de hospedagem recomendo que entre em contato com o suporte deles para ver como fazer isso. Cada construtor é diferente do outro, não tem como eu te falar exatamente o que fazer no seu caso.

      Abraço!

  13. Celso muito obrigada pela atenção. Então a Host gator embora tenha me dado este editor eles dizem que nao dao suporte ao editor! O editor é de uma empresa que nao tem site nem suporte em portugues. Por isso essa minha luta… Eu gostaria apenas de poder editar meu site em outro editor, mas ignorantemente não sei se apóes ele por ele estar pronto, se posso fazer isso. eu nao me importaria em exclui-lo nem nada. so quero me livrar deste editor. e usar um como webnode por exemplo. me ajude.

  14. Olá, eu tenho um dúvida, no campo Número do item o que devo colocar? É um número qualquer ou tenho que pegar esse número em algum local do site?

  15. É possível colocar as opções de compras no meu e-mail de vendas ?

    Um abraço
    Otacilio

Deixe uma resposta

O seu endereço de e-mail não será publicado. Campos obrigatórios são marcados com *