header-logo
Confira como usar o Wix para construir seu site e negócio.
Personalize e gerencie seu site com os recursos do Wix.
Gerencie assinaturas, planos e faturas.
Administre seu negócio e conecte-se com os membros.
Compre, conecte ou transfira um domínio para o seu site.
Expanda seu negócio e presença online.
Aumente sua visibilidade com recursos de SEO e marketing.
Acesse recursos avançados e otimize sua produtividade.
Encontre soluções, problemas conhecidos ou contate-nos.
placeholder-preview-image
Domine novas habilidades com nossos cursos e tutoriais.
Confira nossas dicas de web design, marketing e mais.
Aumente o tráfego orgânico vindo dos motores de busca.
Desenvolva um site único com a nossa plataforma full-stack.
Alcance seus objetivos com a ajuda de um especialista.
placeholder-preview-image
  1. Início
  2. Wix Studio, Parceiros e empresas
  3. Wix Studio
  4. Use o Editor do Wix Studio
  5. Adicione elementos do Editor do Wix Studio
  6. Editor do Wix Studio: adicionar e personalizar uma barra de redes sociais

Editor do Wix Studio: adicionar e personalizar uma barra de redes sociais

4 min
Neste artigo
  • Adicionar uma barra de redes sociais ao site
  • Personalizar a barra de redes sociais
  • Personalizar o layout da barra de redes sociais
Use uma barra de redes sociais para incentivar os visitantes a explorar as contas das redes sociais do seu cliente. A barra de redes sociais mostra ícones das plataformas que você deseja incluir, vinculadas às contas relevantes. Você também pode selecionar os designs dos ícones e ajustar seu tamanho e espaçamento.

Adicionar uma barra de redes sociais ao site

Adicione uma barra de redes sociais à sua página e coloque-a em um local que os visitantes possam notar facilmente. Por exemplo, você pode mostrar a barra de redes sociais no cabeçalho do site para que ela apareça no topo de cada página.  

Para adicionar uma barra de redes sociais:

  1. Clique em Elementos no lado esquerdo do editor.
  2. Clique em Incorporar e social.
  3. Clique em Barras de redes sociais.
  4. Arraste a barra de redes sociais para o local desejado na página. 
Uma captura de tela do painel Barras de redes sociais.

Personalizar a barra de redes sociais

A barra de redes sociais vem com ícones padrão, mas pode ser personalizada da forma que seu cliente preferir. Você pode substituir os ícones, adicionar novos e definir os links das redes sociais relevantes. Você também pode remover ícones desnecessários.

Para personalizar a barra de redes sociais:

  1. Clique na barra de redes sociais no editor. 
  2. Clique em Configurar ícones de redes sociais.
  3. Escolha como deseja personalizar a barra de redes sociais:

Personalizar o layout da barra de redes sociais

Personalize o layout e a aparência da barra de redes sociais. Você pode alterar o tamanho dos ícones, ajustar o espaçamento entre os ícones e escolher sua orientação e direção.

Para personalizar o layout:

  1. Clique na barra de redes sociais no editor. 
  2. Clique no ícone Layout .
  3. Personalize o layout usando qualquer uma das opções abaixo:
    • Tamanho do ícone: defina o tamanho do ícone da rede social.
    • Espaçamento: defina o espaço entre os ícones de redes sociais.
    • Orientação: escolha se a barra é horizontal ou vertical.
    • Direção: defina se a barra é lida da esquerda para a direita ou da direita para a esquerda. 
O painel Layout da barra de redes sociais. O cursor está clicando na opção de direção da esquerda para a direita.
Precisa virar ou girar os ícones?
  1. Clique na barra de redes sociais no editor. 
  2. Clique na seta Abrir inspetor  no canto superior direito do editor.
  3. Clique em Ajustar e insira o ângulo desejado (por exemplo: 180°) ao lado de Girar.
Uma captura de tela do dropdown Ajustar no painel Inspetor.

Esse artigo foi útil?

|
Contrate um profissionalEncontre um Parceiro Wix que pode ajudar você a alcançar os objetivos do seu site.
Começar
Neste artigo
  • Adicionar uma barra de redes sociais ao site
  • Personalizar a barra de redes sociais
  • Personalizar o layout da barra de redes sociais

Esse artigo foi útil?

|