Tabela de conteúdo

1. Solicitar pagamentos em uma publicação
2. Solicitar pagamentos utilizando uma aba de aplicativos
   1. Criação do código do botão de pagamento

Solicitar pagamentos em uma publicação

Existem várias formas de receber pagamentos no Facebook, então você deve decidir o que você deseja alcançar e qual experiência de usuário deseja criar. Basicamente, a adição de um botão de pagamento em uma página do Facebook, pode ser feita através da adição de um link para o botão de pagamento. O passo a passo abaixo, demonstrará como criar o botão de pagamento dentro de uma página do Facebook, sem a necessidade de um site externo.

Solicitar pagamentos utilizando uma aba de aplicativos

Nesse passo a passo, vamos demonstrar uma das formas mais simples e rápida de se ter uma loja funcionando. O primeiro passo, obviamente, é ter uma conta PayPal e uma conta Facebook.

1. Em sua conta Facebook, vá até Static iframe Tab e clique em “Install Page Tab”:

2. Na próxima tela, selecione a sua página que receberá o iframe para a loja:

3. Com isso, chegamos na seguinte tela:

Como podemos ver na tela, temos uma área para adição do código da página. Vamos adicionar nesse campo o código do botão de pagamento.

Criação do código do botão de pagamento

A interface de seu cliente com o Website Payments Standard é feita através de um formulário HTML com alguns campos hidden, que definem e configuram o botão de pagamento. Ao clicar no botão, o formulário é submetido para o ambiente seguro da PayPal, onde através das variáveis definidas nos campos do formulário, a página de checkout é montada.

Atributos do formulário

A tag FORM para criação do botão de pagamento possui dois atributos requeridos: method e action. O primeiro atributo define o método de submissão do formulário para a PayPal e o segundo define o local para onde os campos deverão ser enviados.

Abaixo, um formulário com os atributos definidos para o ambiente de produção:

<form action="https://www.paypal.com/cgi-bin/webscr" method="post" target="_blank">
</form>

A definição e configuração dos botões acontece através de alguns campos do tipo hidden, dentro do formulário.Mas a estrutura básica para adição de um novo campo segue o formato abaixo:

<input type="hidden" name="NomeDaVariável" value="ValorDaVariável" />

Como podemos ver no código acima, a tag input possui três atributos. O atributo type possui o valor hidden e não deve ser alterado. Já os atributos name e value definem o nome e o valor da variável.

Definindo o tipo de botão

A variável cmd é requerida dentro de um formulário, pois é essa variável que define qual o tipo de botão será utilizado na integração com Website Payments Standard.

Tipo do botão	Valor da variável
Comprar Agora ou Doação	_xclick
Adicionar ao Carrinho	_cart

Um formulário com o campo que especifica o botão Comprar Agora se parecerá com o seguinte:

<form action="https://www.paypal.com/cgi-bin/webscr" method="post">
    <input type="hidden" name="cmd" value="_xclick" />
</form>

Existem diversos campos que podem ser adicionados ao formulário. Cada campo tem seu significado e pode mudar o comportamento do botão. O Guia de integração com HTML contém todos os detalhes da integração com HTML, seus campos e comportamentos.

Após finalizar a criação do código do botão, basta copiar seu conteúdo para a Aba de aplicativo, criada na seção anterior. O resultado se parecerá com o seguinte: