Skip to content

Como inserir um botão do PayPal nas páginas da leadlovers

Tópicos do Artigo

Como inserir um botão do PayPal nas páginas da leadlovers

Objetivo: Ensinar como inserir o botão do PayPal nas páginas da leadlovers via link e código HTML.
Para que serve: Clicando no botão de venda inserido na sua página, o lead conseguirá fazer a compra do seu produto no PayPal e ser inserido na área de membros aqui na leadlovers.
Requisitos obrigatórios: 1. Ter a integração com o PayPal já configurada. Se ainda não fez este procedimento, consulte este material. 2. Possuir o link do produto ou o código HTML do botão em mãos. 

Nas páginas da leadlovers, é possível inserir o link de compra do seu produto em um botão criado direto pelos nossos editores ou até mesmo um código HTML com o botão que é gerado automaticamente no PayPal. Neste tutorial, te ensinaremos como fazer esses dois procedimentos nos nossos editores.

 

📢 IMPORTANTE:

Atualmente, o editor padrão de páginas é o “Construtor por Componentes”. Os editores “Construtor por Blocos” e “Editor de Modelos Prontos” foram descontinuados da plataforma, portanto estão disponíveis somente em planos antigos

 

Construtor por Componentes

Neste editor, é possível inserir o link do produto ou o código HTML do botão gerado pelo PayPal. Nos próximos passos ensinaremos como configurar cada uma das opções.

Nº1– Dentro do editor, em “Conteúdo” selecione a opção “Botão” e arraste até o local de sua página que deseja inseri-lo.

 

Nº2– Clique sobre o botão para configurá-lo e faça a sua customização da maneira que preferir. 

Nº3– Em “Url”, insira o link do PayPal que você copiou no tópico “Copiando o link” do tutorial “Produtos: Integração PayPal”.

Nº4– Lembre-se de salvar a página e testar se o botão está funcionando corretamente antes de divulgá-la.

 

Via Código HTML

Nº1– Dentro do editor, em “Conteúdo” selecione a opção “HTML” e arraste até o local de sua página em que deseja inserir o botão.

 

Nº2– Clique sobre o componente com a frase “Sou um novo bloco de HTML”.

Nº3– Na janela que abrir na lateral direita, selecione todo o conteúdo que já vem por padrão e o exclua.

 

Nº4– Neste mesmo local, insira o código HTML que você copiou no tópico “Copiando o código HTML do botão” do tutorial “Produtos: Integração PayPal”. 

 

⚠ ATENÇÃO:

Para que o botão funcione corretamente, é necessário adicionar logo após a tag <form do código a informação: formulario-externo=””. Por exemplo:

<form formulario-externo=”” action=”https://www.paypal.com/cgi-bin/webscr” method=”post” target=”_top”>
<input type=”hidden” name=”cmd” value=”_s-xclick”>
<input type=”hidden” name=”hosted_button_id” value=”00XXXX0X0X0X0″>
<input type=”image” src=”https://www.paypalobjects.com/pt_BR/BR/i/btn/btn_buynowCC_LG.gif” border=”0″ name=”submit” alt=”PayPal – A maneira fácil e segura de enviar pagamentos online!”>
<img alt=”” border=”0″ src=”https://www.paypalobjects.com/pt_BR/i/scr/pixel.gif” width=”1″ height=”1″>
</form>

 

Nº5– Depois que inseri-lo, o botão já aparecerá na sua página. Lembre-se de salvá-la e testar também na versão final se ele está funcionando corretamente.

 

Construtor por Blocos

No Construtor por Blocos, é possível inserir o link do produto ou o código HTML do botão gerado pelo PayPal. No segundo caso, é necessário ter um conhecimento básico em código HTML para que os outros elementos do bloco não sejam alterados. Nos próximos passos ensinaremos como configurar cada uma das opções.

Nº1– Escolha um bloco que já tenha um botão e então selecione o modo de edição “Detalhes”.

Nº2– Clique sobre o botão que deseja inserir o link de compra do PayPal.

 

Nº3– Selecione a aba “Link”.

Nº4– Insira a URL do PayPal que você copiou no tópico “Copiando o link” do tutorial “Produtos: Integração PayPal” no campo indicado na imagem abaixo.

Nº5– Clique em “Salvar Alterações”.

Nº6– Lembre-se de salvar a página para aplicar as alterações e testar para verificar se tudo está funcionando da forma correta.

 

Via código HTML

Se quiser colocar o botão do PayPal por HTML no Construtor por Blocos, é necessário ter um entendimento básico da estrutura do código para inseri-lo corretamente sem alterar os outros elementos do bloco. Caso não tenha muito conhecimento, recomendamos que escolha um bloco com botão e insira o link do PayPal nele conforme ensinamos aqui.

Nº1– No topo da página, selecione o modo de edição “Blocos”.

Nº2– Passe o mouse sobre o bloco e clique em “HTML”.

 

Nº3– Localize o lugar em que deseja inserir o botão e cole o código copiado no tópico “Copiando o código HTML” do tutorial Produtos: Integração PayPal”. 

 

⚠ ATENÇÃO:

Para que o botão funcione corretamente, é necessário adicionar logo após a tag <form do código a informação: formulario-externo=””. Por exemplo:

<form formulario-externo=”” action=”https://www.paypal.com/cgi-bin/webscr” method=”post” target=”_top”>
<input type=”hidden” name=”cmd” value=”_s-xclick”>
<input type=”hidden” name=”hosted_button_id” value=”00XXXX0X0X0X0″>
<input type=”image” src=”https://www.paypalobjects.com/pt_BR/BR/i/btn/btn_buynowCC_LG.gif” border=”0″ name=”submit” alt=”PayPal – A maneira fácil e segura de enviar pagamentos online!”>
<img alt=”” border=”0″ src=”https://www.paypalobjects.com/pt_BR/i/scr/pixel.gif” width=”1″ height=”1″>
</form>

 

Nº4– Clique em “Salvar” para aplicar as alterações.

 

Nº5– Assim que voltar para a edição, já será possível ver como o botão ficará. Lembre-se de salvar a página e testar o botão na sua versão já finalizada.

 

Modelos Prontos

No Editor de Modelos Prontos você pode apenas inserir o link em um botão que já esteja no modelo escolhido. Isso porque as edições são um pouco mais limitadas, visto que não é possível inserir novos elementos na página, apenas editar os já existentes. 

Nº1– Encontre o menu com o botão em que deseja inserir o link. No caso do nosso exemplo, é o “Banner”.

Nº2– Insira no campo correspondente a URL que copiou no tópico “Copiando o link” do tutorial “Produtos: Integração PayPal”.

Nº3– Salve a página para aplicar as configurações e lembre-se de testá-la antes de divulgar para os seus leads.

 

Suporte

Se surgir qualquer dúvida ou situação, ou se precisar de qualquer ajuda durante este procedimento, por favor, entre em contato com o nosso suporte!

 

Artigos relacionados

– Como fazer a integração do PayPal com o Produto EAD da leadlovers?
– Como criar e configurar uma página de captura no Editor por Componentes?

 

 

🏁 É isso, terminamos por aqui!
com amor
equipe leadlovers™

Compartilhe!
Share on facebook
Share on twitter
Share on linkedin

Artigos relacionados

Deixe seu comentário

No comment yet, add your voice below!


Add a Comment

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