PagSeguro: botão compre com PagSeguro

Como colocar um botão “compre com pagseguro” no seu site de e-commerce

Crie uma conta PagSeguro

?name=-1.png

Acesse: http://pagseguro.uol.com.br e crie uma conta.
Observação: Apenas as contas de Vendedor e Empresarial são liberadas para gerar ferramentas para incorporação nos sites.
Para fazer isto crie uma conta pessoal e depois faça um upgade para uma conta de Vendedor ou Empresarial.

Crie um botão

?name=-2.png

Vá para a Página do PagSegurol, Guia de Desenvolvedor: https://pagseguro.uol.com.br/desenvolvedor/botoes_de_pagamento.jhtml

Preencha todos os campos obrigatórios

?name=-3.png

Depois de preencher todos os campos obrigatórios clique no botão “Gerar código fonte”

Copie o código

?name=-4.png

Selecione e copie o código fonte gerado.

Arraste o Incorporar widget para a página

?name=media_1317218292117.png

Edite o Incorporar Widget

?name=media_1317218445792.png

Clique o botão editar (1)

Cole o código no widget

?name=media_1317218707749.png

Cole o código no campo no painel de configurações widget (1) e depois clique no botão Salvar Mudanças (2).

?name=media_1317218773263.png

O botão do PagSeguro irá aparecer.
Se não aparecer, provavelmente o botão “salvar mudanças” não foi clicado.

Visualize a prévia do seu site para testar o botão

?name=media_1317218816995.png

O botão não irá funcionar no módulo Design.
Teste clicando no botão Visualizar (1).