# Como inserir botão de compartilhamento em redes sociais no editor por Componentes

Objetivo: Ensinar como inserir nas páginas ícones para criar posts de compartilhamento em redes sociais.\
Para que serve: Ao adicionar os ícones para criar posts de compartilhamento, é possível incentivar as pessoas que acessam a sua página a divulgá-la em suas redes sociais.

###  Requisito Obrigatório: 

Ter uma página criada no Construtor por Componentes, o editor padrão da leadlovers.

### Inserindo os ícones na página <a href="#inserindo-icones" id="inserindo-icones"></a>

Nº1– Encontre a opção “Redes Sociais” na aba “Conteúdo” e arraste até o local da página que deseja inserir.

<figure><img src="https://legado.leadlovers.site/wp-content/uploads/2022/01/img01-8.png" alt=""><figcaption></figcaption></figure>

Nº2– Clique sobre os ícones que aparecerem na página.

Nº3– Agora volte para o menu da lateral direita para editá-los. Neste campo, você poderá alterar a estética deles para a que preferir.&#x20;

Nº4– Exclua todos os que já vem por padrão, pois eles são ícones para seguir nas redes e não para criar um post de compartilhamento.

Nº5– Depois que remover todos, clique em “Adicionar ícone novo”.

<figure><img src="https://legado.leadlovers.site/wp-content/uploads/2022/01/img02-8.png" alt=""><figcaption></figcaption></figure>

### Configurando o post de compartilhamento <a href="#configurando-post" id="configurando-post"></a>

Nº6– Na janela que abrir, clique em “Compartilhar na rede”.

Nº7– Escolha dentre as opções disponíveis os ícones das redes sociais que deseja habilitar o compartilhamento. No nosso exemplo, escolhemos Facebook, Twitter e Linkedin.&#x20;

<figure><img src="https://legado.leadlovers.site/wp-content/uploads/2022/01/img03-7.png" alt=""><figcaption></figcaption></figure>

Nº8– Remova a informação “\[ShareOn]” dos campos.

<figure><img src="https://legado.leadlovers.site/wp-content/uploads/2022/01/img04-8.png" alt="" width="375"><figcaption></figcaption></figure>

Nº9– Substitua pelo link da página que quer que seja compartilhada no post que será gerado.

<figure><img src="https://legado.leadlovers.site/wp-content/uploads/2022/01/img05-6.png" alt=""><figcaption></figcaption></figure>

Nº10– Depois que fizer as alterações de acordo com o que deseja, basta salvar a página.

<figure><img src="https://legado.leadlovers.site/wp-content/uploads/2022/01/img06-5.png" alt=""><figcaption></figcaption></figure>

### Testando os ícones <a href="#testando-links" id="testando-links"></a>

Acesse a versão final de sua página e clique sobre os ícones para verificar como o link será compartilhado. Abaixo mostramos exemplos de posts do Facebook, Twitter e Linkedin.&#x20;

<figure><img src="https://legado.leadlovers.site/wp-content/uploads/2022/01/img07-5.png" alt=""><figcaption></figcaption></figure>

#### Facebook: <a href="#facebook" id="facebook"></a>

<figure><img src="https://legado.leadlovers.site/wp-content/uploads/2022/01/img08-2.png" alt=""><figcaption></figcaption></figure>

#### Twitter: <a href="#twitter" id="twitter"></a>

<figure><img src="https://legado.leadlovers.site/wp-content/uploads/2022/01/img09-2.png" alt=""><figcaption></figcaption></figure>

#### Linkedin: <a href="#linkedin" id="linkedin"></a>

<figure><img src="https://legado.leadlovers.site/wp-content/uploads/2022/01/img10-1.png" alt=""><figcaption></figcaption></figure>

**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-botao-de-compartilhamento-em-redes-sociais-no-editor-por-componentes.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.