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 –><br /> <form target=”pagseguro” action=”https://pagseguro.uol.com.br/security/webpagamentos/webpagto.aspx” method=”post”><br /> <input type=”hidden” name=”email_cobranca” value=”elcio@visie.com.br”><br /> <input type=”hidden” name=”tipo” value=”CP”><br /> <input type=”hidden” name=”moeda” value=”BRL”><br /> <input type=”hidden” name=”item_id_1″ value=”12″><br /> <input type=”hidden” name=”item_descr_1″ value=”Produto de Teste”><br /> <input type=”hidden” name=”item_quant_1″ value=”1″><br /> <input type=”hidden” name=”item_valor_1″ value=”4000″><br /> <input type=”hidden” name=”item_peso_1″ value=”0300″><br /> <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!”><br /> </form><br /> <!– 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=”elcio@visie.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 Teste”><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.