Editor do Wix Studio: adicionar e personalizar os botões de compartilhamento
4 min de leitura
Neste artigo
- Adicionar e configurar botões de compartilhamento
- Escolher quais botões mostrar
- Ajustar o layout dos botões de compartilhamento
- Fazer o design dos botões de compartilhamento
Os botões de compartilhamento são uma ótima maneira de gerar mais exposição para o site do seu cliente. Os visitantes usam os botões para compartilhar a página inicial do site ou a página atual em que estão.
Os botões já estão integrados com plataformas como Facebook e WhatsApp, tornando o processo mais fácil do que nunca.
Adicionar e configurar botões de compartilhamento
Adicione seu design preferido e, em seguida, escolha se o botão vincula à página atual ou à página inicial do site.
Para adicionar e configurar os botões de compartilhamento:
- Clique em Elementos
no lado esquerdo do editor.
- Clique em Incorporar e redes sociais.
- Clique em Botões de compartilhamento.
- Arraste o design que você mais gostou para a página.
- Escolha a página para a qual os botões são vinculados:
- Clique em Configurações.
- Selecione a opção relevante em Qual página é compartilhada?.
![O painel Configurações do botão de compartilhamento onde você escolhe para qual página os botões direcionam](https://d2x3xhvgiqkx42.cloudfront.net/12345678-1234-1234-1234-1234567890ab/8696077d-830a-4b1e-bd86-9df98f89994a/2023/11/13/82daa82e-8c4f-437a-ae92-1c2e6b3964c7/cc864460-13bb-44fe-8192-6c33204a12e4.png)
Escolher quais botões mostrar
Decida em quais redes sociais você deseja incentivar os visitantes a compartilhar o site. Você pode ocultar botões que são irrelevantes e reordenar os botões de acordo com suas preferências.
Para escolher quais botões mostrar:
- Selecione o elemento Botões de compartilhamento.
- Clique em Gerenciar botões de compartilhamento.
- Escolha o que fazer a seguir:
Ocultar um botão
Mostrar um botão
Reordenar os botões
![O painel Gerenciar botões de compartilhamento, onde você pode ocultar, mostrar e reordenar os botões](https://d2x3xhvgiqkx42.cloudfront.net/12345678-1234-1234-1234-1234567890ab/8696077d-830a-4b1e-bd86-9df98f89994a/2023/12/06/1169bd50-c866-4be5-a1b7-72a5da9905e8/2cd06b55-669c-4f0a-bf9c-a325e1a1f7d2.png)
Ajustar o layout dos botões de compartilhamento
Ajuste o layout dos botões para que eles combinem com o seu site. Escolha se deseja mostrar os ícones de redes sociais, apenas texto ou ambos lado a lado. Você também pode editar opções como alinhamento e espaçamento para garantir uma exibição clara para os visitantes.
Para ajustar o layout dos botões:
- Selecione o elemento Botões de compartilhamento.
- Clique no ícone Layout
.
- Escolha o que ajustar:
- Escolha um layout: decida se os botões serão exibidos na horizontal ou na vertical.
- Escolha o que exibir: escolha se deseja mostrar apenas os ícones, apenas texto ou ambos.
- Posição do ícone: quando você define texto e ícones para aparecer, você pode escolher onde o ícone aparece em relação ao texto (por exemplo: acima do texto).
- Alinhamento do botão: alinhe os botões à esquerda, à direita ou ao centro do elemento.
- Espaçamento: arraste os sliders para aumentar ou diminuir o espaço entre os botões, linhas e ícone e texto (quando aplicável).
- Direção do botão: controla a ordem dos botões, com base na forma como você os organizou no painel Gerenciar botões de compartilhamento.
Observação: esta opção só está disponível se você escolher o layout Horizontal.
![O painel Layout do botão de compartilhamento no Editor do Wix Studio](https://d2x3xhvgiqkx42.cloudfront.net/12345678-1234-1234-1234-1234567890ab/8696077d-830a-4b1e-bd86-9df98f89994a/2023/12/06/d0bc5061-762d-442d-a482-cef36b456c40/6df0eff9-16a6-4110-8b74-cf62634c0ad1.png)
Fazer o design dos botões de compartilhamento
Existem muitas maneiras de personalizar o design dos botões de compartilhamento. Adicione um background interessante, redimensione os ícones, personalize o texto e muito mais. Você pode personalizar os botões para 2 estados separados: normal e ao passar o mouse.
Para fazer o design dos botões:
- Selecione o elemento Botões de compartilhamento.
- Clique na seta Abrir inspetor
no canto superior direito do editor.
- Role para baixo até Design.
- Selecione um estado no dropdown: Normal ou Interativo.
- Escolha como personalizar os botões:
- Background: escolha uma cor, gradiente ou preenchimento de imagem para os botões. Você pode adicionar várias camadas e ajustar sua opacidade para um efeito mais interessante.
- Bordas: adicione bordas na cor e estilo que deseja para destacar os botões.
- Cantos: deixe os cantos dos botões quadrados ou arredondados.
- Sombras: adicione uma sombra atrás do elemento para um efeito 3D legal.
- Texto: personalize e formate o texto que aparece no elemento.
- Layout: adicione preenchimento ao redor dos ícones para tornar os botões maiores.
- Ícone: ajuste o tamanho e o ângulo do ícone.
![As opções de design no painel Inspetor, ao lado de um elemento personalizado de Botões de compartilhamento](https://d2x3xhvgiqkx42.cloudfront.net/12345678-1234-1234-1234-1234567890ab/8696077d-830a-4b1e-bd86-9df98f89994a/2023/12/07/9b0fb200-e378-4a57-a28f-47ed0a60e41c/6330500e-38cb-442d-8d9f-38380b30863c.png)