Inserindo botões de comprar em seu blog

Você pode inserir botões de compra em qualquer blog que suporte a inserção de código HTML. Para começar, acesse o Gerador de Botão Comprar e gere o código HTML para o seu produto.

Em seguida, altere o código gerado, removendo todas as quebras de linha. Por exemplo, o código que estava assim:

<!-- INICIO FORMULARIO BOTAO PAGSEGURO -->
<form target="pagseguro" action="https://pagseguro.uol.com.br/security/webpagamentos/webpagto.aspx" method="post">
<input type="hidden" name="email_cobranca" value="seu_email@lojamodelo.com.br">
<input type="hidden" name="tipo" value="CP"> <input type="hidden" name="moeda" value="BRL">
<input type="hidden" name="item_id_1" value="12">
<input type="hidden" name="item_descr_1" value="Produto de Exemplo - Implementacao Blogs no Guia do desenvolvedor">
<input type="hidden" name="item_quant_1" value="1">
<input type="hidden" name="item_valor_1" value="4000">
<input type="hidden" name="item_peso_1" value="0300">
<input type="image" src="https://pagseguro.uol.com.br/Security/Imagens/btnPagueComBR.jpg" name="submit" alt="Pague com PagSeguro - é rápido, grátis e seguro!">
</form>
<!-- FINAL FORMULARIO BOTAO PAGSEGURO -->

Deve ficar assim:

<!-- INICIO FORMULARIO BOTAO PAGSEGURO -->
<form target="pagseguro" action="https://pagseguro.uol.com.br/security/webpagamentos/webpagto.aspx" method="post">
<input type="hidden" name="email_cobranca" value="seu_email@lojamodelo.com.br">
<input type="hidden" name="tipo" value="CP">
<input type="hidden" name="moeda" value="BRL">
<input type="hidden" name="item_id_1" value="12">
<input type="hidden" name="item_descr_1" value="Produto de Exemplo - Implementacao Blogs no Guia do desenvolvedor">
<input type="hidden" name="item_quant_1" value="1">
<input type="hidden" name="item_valor_1" value="4000">
<input type="hidden" name="item_peso_1" value="0300">
<input type="image" src="https://pagseguro.uol.com.br/Security/Imagens/btnPagueComBR.jpg" name="submit" alt="Pague com PagSeguro - é rápido, grátis e seguro!">
</form>
<!-- FINAL FORMULARIO BOTAO PAGSEGURO -->

Em seguida, selecione e copie o código.

Wordpress

Na tela de edição de post, clique em “HTML” (veja figura) e cole o código gerado.

Blogger / Blogspot

Na tela de edição de post, clique em “Editar HTML” (veja figura) e cole o código gerado.

Outros

O processo é o mesmo para outros sistemas de blogging que suportem a edição de HTML. Edição de HTML é um recurso muito comum, procure no seu sistema.

Mantido por Visie Padrões Web