# 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. ](https://suporte.love/paypal/)\
**2.** Possuir o link do produto ou o código HTML do botão em mãos. 

### Este artigo abrange os seguintes tópicos:

* Como inserir o link e o código HTML  Via link 
* Como inserir o link e o código HTML Via Código HTML

Nas páginas da leadlovers, é possível inserir o link de compra do seu produto em um botão criado direto pelo nosso editor 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 no Construtor por Componentes.<br>

### **Construtor por Componentes** <a href="#componentes" id="componentes"></a>

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.

### Como inserir o link e o código HTML  Via link

**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.

<img src="https://suporte.love/wp-content/uploads/2022/12/img01-7-195x300.png" alt="" height="431" width="280">

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

**Nº3–** Em **“Url”**, insira o link do PayPal que você copiou no\
tópico\
\&#xNAN;**“Copiando o link”** do tutorial [**“Produtos: Integração PayPal”**.](https://suporte.love/paypal/)

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

<img src="https://suporte.love/wp-content/uploads/2022/12/img02-7-300x151.png" alt="" height="337" width="670">

### Como inserir o link e o código HTML 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.

<img src="https://suporte.love/wp-content/uploads/2022/12/img03-7-197x300.png" alt="" height="426" width="280">

**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.

<img src="https://suporte.love/wp-content/uploads/2022/12/img04-7-300x151.png" alt="" height="337" width="670">

**Nº4–** Neste mesmo local, insira o código HTML que você copiou no\
tópico\
\&#xNAN;**“Copiando o código HTML do botão”** do tutorial[ **“Produtos: Integração PayPal”.**](https://suporte.love/paypal/)

**⚠️&#x20;**<mark style="color:red;">**ATENÇÃO:**</mark>&#x20;

**–** 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.

<img src="https://suporte.love/wp-content/uploads/2022/12/img05-8-300x151.png" alt="" height="337" width="670">

**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**!


---

# Agent Instructions: Querying This Documentation

If you need additional information that is not directly available in this page, you can query the documentation dynamically by asking a question.

Perform an HTTP GET request on the current page URL with the `ask` query parameter:

```
GET https://central.ajudaleadlovers.com/paginas/construtores-leadlovers/construtor-de-paginas/como-inserir-um-botao-do-paypal-nas-paginas-da-leadlovers.md?ask=<question>
```

The question should be specific, self-contained, and written in natural language.
The response will contain a direct answer to the question and relevant excerpts and sources from the documentation.

Use this mechanism when the answer is not explicitly present in the current page, you need clarification or additional context, or you want to retrieve related documentation sections.