Como adicionar um ícone de redes sociais

Deixe os visitantes encontrarem e seguirem você nas suas páginas nas redes sociais.

Ultima atualização 13 de Janeiro de 2025

Adicione um link para redes sociais para que os visitantes vejam o ícone dessas redes e encontrem você onde você tiver presença na web. Os ícones incluem o logotipo de várias plataformas conhecidas, como Facebook, X (antigo Twitter) e Instagram. Você também pode adicionar um ícone com um link ou e-mail que direcione para um site ou endereço de e-mail.

Este guia mostra como adicionar, ajustar o estilo e gerenciar seus ícones de redes sociais. Você pode adicionar ícones a:

  • Uma área de ícones de redes sociais incorporados (todos os sites da versão 7.1 e alguns templates da versão 7.0)
  • Bloco de links para redes sociais
  • Página de entrada (versão 7.0)

Confira a lista de logotipos aceitos na plataforma.

Dica

para autorizar uma conta para divulgar conteúdo, como extrair para o Facebook ou mostrar no seu Instagram, siga os passos em Vinculação de uma conta nas redes sociais.

Confira um exemplo de ícones sociais:

ícones de redes sociais integrados

Adicione um link ao painel Links para redes sociais para mostrar ícones de redes sociais em todo o site.

  • Se reconhecermos a plataforma com base no URL, aparecerá um ícone com o logotipo da plataforma.
  • Se o link for de uma página ou serviço que não reconhecemos, ele será representado por um ícone de link.
  • Se o link for um endereço de e-mail, ele será representado por um ícone de e-mail.

Para adicionar um link:

  1. Abra o painel "Links para redes sociais".
  2. Encontre o campo Adicionar um link para redes sociais ou e-mail.
  3. Copie e cole o URL de uma página de perfil ou um endereço de e-mail no campo. Por exemplo: no Instagram, copie e cole o URL completo do seu perfil no Instagram, como http://instagram.com/seunome.
  4. Pressione Enter no teclado.
  5. Repita esse passo para cada ícone desejado.
  6. Para alterar a ordem dos ícones, arraste e solte as contas no painel. Na maioria dos templates, os ícones de redes sociais aparecem na mesma ordem da esquerda para a direita. No Flatiron, eles aparecem da direita para a esquerda.

Gerencie os ícones

No painel Links para redes sociais, todos os links aparecem como ícones de redes sociais integrados e no bloco de links para redes sociais. Você pode abrir o painel Links para redes sociais em uma das duas áreas para adicionar ou editar os ícones. As alterações em qualquer das duas áreas afetam todo o site.

Ícones de redes sociais integrados

O local em que os ícones de redes sociais incorporados aparecem depende da versão do site:

Você pode editar o estilo dos ícones de redes sociais no painel Design. Para isso, passe o cursor sobre eles e clique em Editar. Saiba mais em "Ícones de redes sociais integrados".

O bloco de links para redes sociais pode ficar em todos os lugares em que você possa adicionar um bloco. É possível alterar o visual desse bloco nas configurações dele.

Para editar um ícone aqui, abra uma página com um bloco de links para redes sociais, clique no bloco e depois clique em Editar ou no ícone de lápis. Saiba mais, em bloco de links para redes sociais.

Página de entrada (versão 7.0)

Todas as páginas de entrada aceitam os ícones de redes sociais. O posicionamento varia de acordo com o layout.

Para editar um ícone, abra a página de entrada, passe o cursor sobre os ícones de redes sociais e clique em Editar ícones de redes sociais. Saiba mais em "Página de entrada na versão 7.0".

Defina a visibilidade do ícone

Após adicionar um link, deixe o ícone visível ou oculto:

  1. Abra o painel "Links para redes sociais".
  2. Clique na conta desejada.
  3. Marque ou desmarque a opção Mostrar ícone de redes sociais.
  4. Clique em Salvar.

Aparecerá a etiqueta Oculto ou Visível abaixo do nome do serviço no painel. Essa ação afeta todos os ícones em todo o site.

Exclua um ícone

Para excluir um ícone de todo o site:

  1. Abra o painel "Links para redes sociais".
  2. Clique no ícone desejado.
  3. Clique em Excluir e depois em Confirmar.

Dica

para excluir os ícones somente de uma determinada área, oculte ícones de redes sociais integrados ou apague o bloco de links para redes sociais.

Logotipos de plataforma disponíveis

Os seguintes logotipos aparecem automaticamente quando você adiciona um URL da plataforma aos links para redes sociais:

  • 500px
  • Podcasts da Apple (saiba mais em Podcast com do Squarespace - visão geral; para ajuda sobre como usar os links personalizados para podcast, consulte Ferramentas de marketing do Apple Podcasts). 
  • Bandsintown
  • Behance
  • CodePen
  • Discord
  • Dribbble
  • Facebook
  • Flickr
  • Foursquare Swarm
  • GitHub (caso você use a Plataforma do Desenvolvedor do Squarespace e precisa de mais ajuda com o Git, confira nossa Documentação do desenvolvedor)
  • Goodreads
  • Google Play
  • Houzz
  • IMDb (somente links que terminam em .com mostram o ícone do IMDb)
  • Instagram
  • LinkedIn
  • Medium
  • Meetup
  • Pinterest
  • Reddit
  • SmugMug
  • Snapchat
  • SoundCloud
  • Spotify
  • Stitcher
  • The Dots
  • Tidal
  • TikTok
  • Threads
  • TripAdvisor
  • Tumblr
  • Twitch
  • Vevo
  • Vimeo
  • VSCO
  • Yelp
  • YouTube
  • X ou Twitter (o ícone que aparece depende do URL usado. Os URLs do Twitter.com mostram o ícone de pássaro, e os URLs do X.com mostram o ícone X.)

Anotação

os links para uma das plataformas não incluídas acima, como Bandcamp ou WhatsApp, aparecem como um ícone genérico de link. Não é possível importar imagens nem logotipos personalizados como ícones de redes sociais, mas você pode adicioná-los a outras áreas do site em um bloco de imagem com um URL de clickthrough.

Se você autorizou as contas de redes sociais no seu painel Contas vinculadas antes de 21 de março de 2019, nós as duplicamos automaticamente no seu painel Links para redes sociais. No entanto, você ainda pode controlar a visibilidade do ícone no painel Contas vinculadas.

Para controlar a visibilidade do ícone nos link para redes sociais, exclua-o do painel "Links para redes sociais" e readicione com o link do URL do perfil.

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.

Como adicionar um ícone de redes sociais