# Integração Pagseguro – Botão de Venda Rápida

**Objetivo:** Aprender a integrar o PagSeguro com o leadlovers criando um botão de venda Rápida.\
**Para que serve:** O botão de venda rápida serve para inserir o botão em sua página de venda, agilizando o processo de compra do seu cliente.

\
**Requisito Obrigatório:** \
**1.** Ter feito a integração com o Pagseguro na leadlovers, se você ainda não fez a integração, [clique aqui e veja o tutorial com as instruções!]()

## **Criando um botão venda rápida** <a href="#botao-venda-rapida" id="botao-venda-rapida"></a>

**Nº1–** Em sua conta leadlovers, clique na opção **Produtos** no menu Lateral.

**Nº2–** Acesse o **produto** que deseja realizar a **integração**.

[![](https://legado.leadlovers.site/wp-content/uploads/2020/09/t1-168.png)](https://legado.leadlovers.site/wp-content/uploads/2020/09/t1-168.png)

**Nº3–** Após acessar o produto na leadlovers, clique na aba **Integrações**.

[![](https://legado.leadlovers.site/wp-content/uploads/2020/09/t1-169.png)](https://legado.leadlovers.site/wp-content/uploads/2020/09/t1-169.png)

Procure o quadro chamado **Integração com o PagSeguro**.

**Nº4–** Copie o código informado no campo de **Código de Referência**.

[![](https://legado.leadlovers.site/wp-content/uploads/2020/09/t1-170.png)](https://legado.leadlovers.site/wp-content/uploads/2020/09/t1-170.png)

Mantenha esta aba aberta em seu navegador! Abra outra e acesse sua conta do PagSeguro.

#### **Fazendo login em sua conta do PagSeguro** <a href="#logando-pagseguro" id="logando-pagseguro"></a>

**Nº1–** Acesse a sua conta do PagSeguro e faça o login.

[![](https://legado.leadlovers.site/wp-content/uploads/2020/09/t1-171.png)](https://legado.leadlovers.site/wp-content/uploads/2020/09/t1-171.png)

**Nº2–** No Menu do lado esquerdo, clique na opção **Venda Online.**

**Nº3–** Uma série de opções aparecerá, clique em **Link de Pagamento.**

[![](https://legado.leadlovers.site/wp-content/uploads/2020/09/t1-172.png)](https://legado.leadlovers.site/wp-content/uploads/2020/09/t1-172.png)

>

**Nº4–** Na próxima tela, você terá acesso a todos os botões criados em sua conta.\
Para criar um novo clique em **Criar novo Link de Pagamento.**

**Observação:** Neste processo de integrar vendas feitas no PagSeguro com a leadlovers, não podemos usar uma venda online já criada, pois não podemos editar os dados de uma venda após a sua criação. Por isso, é necessário a criação de uma nova.

[![](https://legado.leadlovers.site/wp-content/uploads/2020/09/t1-173.png)](https://legado.leadlovers.site/wp-content/uploads/2020/09/t1-173.png)\


\
Agora, vamos preencher os dados de venda.

**Nº5–** Nesse campo, o primeiro passo é pôr o código de referência do seu produto (que copiamos no **passo 2**) e depois o seu nome, como na imagem de exemplo abaixo. É importante seguir essa estrutura porque o que **diferencia um produto do outro é o código de referência**, já que o link de pagamento é sempre o mesmo.

[![](https://legado.leadlovers.site/wp-content/uploads/2020/09/t1-178.png)](https://legado.leadlovers.site/wp-content/uploads/2020/09/t1-178.png)

\
**Nº6–** Aqui você determina **qual o valor de venda** que será usado.

**Nº7–** Clique em **Continuar.**

[![](https://legado.leadlovers.site/wp-content/uploads/2020/09/t1-174.png)](https://legado.leadlovers.site/wp-content/uploads/2020/09/t1-174.png)

\
**Nº8–** Nesse campo é possível descrever a **quantidade** do seu produto e se você permite o cliente **alterar a quantidade de itens** no carrinho.

**Nº9–** Aqui você consegue informar se esse botão terá uma **data de expiração.**

**Nº10–** Após todos os preenchimentos, clique em **Criar Link de Pagamento.**

[![](https://legado.leadlovers.site/wp-content/uploads/2020/09/t1-175.png)](https://legado.leadlovers.site/wp-content/uploads/2020/09/t1-175.png)

Depois de salvar, você é direcionado para uma tela informando da conclusão da criação da venda rápida. Agora, você tem acesso ao link e criação de botão de venda!

## **Criando o botão de venda:** <a href="#criando-botao-vendas" id="criando-botao-vendas"></a>

Após realizar o processo acima, você será direcionado a uma nova tela. Nela você poderá obter seu botão de pagamento ou o link de pagamento que foi criado.

#### **Link de Pagamento** <a href="#link-pagamento" id="link-pagamento"></a>

Clicando **neste link**, o seu cliente é direcionado para o checkout e fará, efetivamente, a escolha por comprar o produto e escolher qual método de pagamento. Você pode divulgar este link da maneira que preferir, ou também inserir ele em um botão criado em sua página. Basta clicar em **Copiar Link**.

> [![](https://legado.leadlovers.site/wp-content/uploads/2020/09/t1-179.png)](https://legado.leadlovers.site/wp-content/uploads/2020/09/t1-179.png)

#### **Botões de Pagamento** <a href="#botao-pagamento" id="botao-pagamento"></a>

Além do link que citamos acima, o PagSeguro lhe permite gerar o _white label,_ em outras palavras, um código HTML para incluir um botão estilizado em sua página.

> [![](https://legado.leadlovers.site/wp-content/uploads/2020/09/t1-176.png)](https://legado.leadlovers.site/wp-content/uploads/2020/09/t1-176.png)

Assim que inserir o link ou o botão de pagamento no lugar que desejar, pode [**testar a integração**!]()



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

