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

Adicione uma barra de redes sociais para ajudar os visitantes a encontrar e seguir as contas de redes sociais do seu cliente. A barra de redes sociais exibe ícones das plataformas que você escolher, e cada ícone leva à conta relevante. Você também pode escolher os designs dos ícones e personalizar o tamanho e o espaçamento deles.

Adicione a barra de redes sociais à página e coloque-a onde os visitantes podem encontrá-la com facilidade. Por exemplo, você pode adicionar a barra social ao cabeçalho do site para que ela apareça na parte superior de todas as páginas.

1. Vá para o seu editor.

2. Passe o mouse sobre o ícone Elementos no canto superior esquerdo do editor.

3. Clique no ícone Redes sociais .

4. Arraste a barra de redes sociais para o local desejado na página.

A barra de redes sociais inclui ícones padrão, mas você pode personalizá-la para combinar com as contas sociais do seu cliente. Substitua ícones existentes, adicione novos ícones, conecte cada ícone ao link da rede social relevante ou remova os ícones de que você não precisa.

1. Vá para o seu editor.

2. Selecione o elemento relevante.

3. Clique em Gerenciar itens.

4. Escolha como você quer personalizar a barra de redes sociais:

Ajuste o layout e o design da barra de redes sociais para se adaptar à página. Você pode alterar o tamanho dos ícones, definir o espaçamento entre eles e escolher se os ícones aparecem na horizontal ou na vertical.

1. Vá para o seu editor.

2. Selecione a barra de redes sociais.

3. Clique no ícone Abrir inspetor no canto superior direito do editor.

4. Clique na aba Design.

5. (Opcional) Selecione um estado no dropdown Estado: Normal ou Interativo.

6. Personalize a barra de redes sociais usando qualquer uma das opções abaixo:
   Observação: as opções de personalização disponíveis dependem do estado que você selecionar: Normal ou Interativo.

   • Alinhamento dos ícones: alinhe a barra de redes sociais na página ou dentro do contêiner dela.

   • Espaçamento: defina o espaço horizontal e vertical entre os ícones de redes sociais.

   • Comportamento:

     • Aplicar direção do site: ative a alavanca para que a barra siga a direção do site (da esquerda para a direita ou da direita para a esquerda).

     • Alinhamento: escolha como os ícones são alinhados dentro da barra.

   • Ícones: use o controle deslizante ou insira um valor para definir o tamanho dos ícones de redes sociais.

   • Posição: escolha o Tipo de posição e defina as margens ao redor da barra de redes sociais.

   • Aparência: defina a opacidade e a rotação da barra de redes sociais.

   • Cursor: clique em Adicionar imagem ou SVG para fazer upload de um cursor personalizado que aparece quando os visitantes passam o mouse sobre a barra de redes sociais.

   • Âncora: ative a alavanca Adicionar âncora para adicionar uma âncora à barra de redes sociais.

   • CSS personalizado: adicione seu próprio CSS para estilizar ainda mais a barra de redes sociais.