Blocos de Links de Redes Sociais

Adicione, às suas páginas, ícones com um link para seus perfis nas mídias sociais, como Facebook e Instagram.

Ultima atualização 6 de Outubro de 2023

Use blocos de links para redes sociais para adicionar ícones de redes sociais a qualquer parte do site que aceite blocos. Os ícones são vinculados aos URLs adicionados no painel Links para redes sociais. É comum adicionar esse bloco a um rodapé para que apareça em todas as páginas do seu site.

Para uma lista de logotipos de plataforma disponíveis; e se o seu template mostra outros ícones integrados, veja Adição de ícones de redes sociais.

Dica

para ajudar você no início, o template pode incluir um bloco de links para redes sociais no conteúdo demo. Para personalizar o bloco, clique nele e depois no ícone de lápis.

Assista a este vídeo

Antes de começar

No bloco de links para redes sociais, a aba Conteúdo mostra as informações adicionadas ao painel "Links para redes sociais" do site. Quando você atualiza um link para redes sociais em um bloco de links para redes sociais, ele também é atualizado no painel "Links para redes sociais".

Por isso, todos os Blocos de Links Sociais exibem os mesmos ícones de redes sociais. Se você adicionar ou remover um link social em um Bloco de Links Sociais, todos os outros Blocos de Links Sociais no site refletirão essa alteração. Não é possível fazer os Blocos de Links Sociais exibirem ícones de redes sociais diferentes.

Para adicionar um Bloco de Links de Redes Sociais

  1. Edite uma página ou publicação, clique em Adicionar bloco ou num ponto de inserção e, em seguida, clique em Link para redes sociais. Para ajuda, confira "Adição de conteúdo com blocos".
  2. Para abrir o editor do bloco, clique no ícone de lápis no bloco.
  3. Na aba Conteúdo, adicione ou edite um ícones de redes sociais.
  4. Clique em Design para alterar o design dos links para redes sociais.

Adicione ou edite ícones de redes sociais

Para adicionar um novo ícone de rede social:

  1. Na aba Conteúdo, clique em Adicionar link para redes sociais.
  2. Copie e cole uma URL para uma página de perfil ou endereço de e-mail no campo em branco.
  3. Pressione Enter no teclado.

Para editar um link específico, clique nele na aba Conteúdo. Nessa aba, você pode:

  • Editar o URL ou endereço de e-mail do link para redes sociais.
  • Desativar a opção Exibir ícone de redes sociais para ocultar temporariamente o ícone no seu site.
  • Excluir o link para redes sociais. Lembre-se de que, ao excluir um link para redes sociais, ele será removido imediatamente de todas as partes do site.

Para alterar a ordem dos links para redes sociais, clique em Editar no canto superior direito da aba Conteúdo e, em seguida, clique e arraste o ícone para o lado direito do link que deseja mover. 

Também é possível adicionar e editar um link para redes sociais no painel Links para redes sociais do site. Qualquer alteração feita nesse painel afeta todos os blocos de links para redes sociais do site e vice-versa.

Altere o design

Para personalizar o design dos ícones, use as seguintes configurações na aba Design:

Dica

essas configurações não afetam ícones de redes sociais integrados, que possuem suas próprias configurações de estilo.

Configuração Opções
Borda

Altere a forma da borda ao redor dos ícones. Escolha entre:

  • Sem fronteira
  • Square
  • Circle
  • Quadrado arredondado

Selecione um estilo para a borda a partir das seguintes opções:

  • Knockout
  • Contorno
  • Sólido

Para mudar a largura do contorno, use o controle de espessura.

Alignment (Alinhamento)

Altere o alinhamento dos ícones em relação ao contêiner do bloco. Escolha entre:

  • Esquerda
  • Centro
  • Direita
Size (Tamanho)

Altere o tamanho do ícone. Escolha entre:

  • XS
  • S
  • M
  • L
  • GG

Alterar a cor dos ícones

Você pode alterar as cores dos ícones em um Bloco de Links Sociais para se ajustar à marca do seu site. Suas opções variam dependendo da versão do seu site.

Para alterar as cores dos ícones:

  1. Ao editar uma página, abra Estilos do Site e clique em Cores.
  2. Clique no ícone de lápis no tema do seu bloco de link social.
  3. Role até o Bloco de Links Sociais.
  4. Use a Cor principal para alterar a cor dos ícones de redes sociais. No caso dos ícones com borda Sólida, você também pode usar o ajuste de Cor secundária.
  5. Clique em Salvar para salvar as alterações e continuar editando ou clique em Sair e depois em Salvar para fechar o editor.
    .

Não é possível usar as cores padrão da marca de cada serviço.

  1. Clique em Editar na página com o Bloco de Links Sociais e clique em Editar no bloco.
  2. Clique na aba Design.
  3. Em Cor, escolha entre preto, brancoou padrão. Com Padrão, cada ícone corresponde à identidade visual do serviço. Por exemplo, o ícone do Facebook será azul.

Excluir um link para redes sociais

Antes de excluir um link para redes sociais, lembre-se de que o excluir de um bloco de links para redes sociais o exclui do painel de links do seu site e de todos os outros blocos desse tipo. Não é possível exibir diferentes ícones de redes sociais em diferentes blocos de links para redes sociais.

Para excluir um link para redes sociais:

  1. Clique em Editar na página e, em seguida, clique no ícone de lápis no bloco de links para redes sociais.
  2. Na aba Conteúdo, clique no link para redes sociais que deseja excluir.
  3. Clique em Excluir link para redes sociais e depois em Excluir. Isso remove o link de todos os blocos de links para redes sociais e do painel de links imediatamente. Essa ação não pode ser desfeita.

Como alternativa, você pode ocultar temporariamente um link para redes sociais desativando a opção Exibir ícone de redes sociais.

Para excluir vários links para redes sociais:

  1. Na aba Conteúdo, clique em Editar no canto superior direito.
  2. Clique no ícone de menos ao lado dos links para redes sociais que deseja excluir. Isso remove os links de todos os blocos de links para redes sociais e do painel de links imediatamente. Essa ação não pode ser desfeita.
Footer Image
  • Peça ajuda à nossa comunidade

  • Peça ajuda à nossa comunidade sobre personalizações avançadas.

  • Contrate um Squarespace Expert

  • Ganhe destaque on-line com a ajuda de um designer ou desenvolvedor experiente.