Obs.: embora os nossos guias mais acessados tenham sido traduzidos para o português, outros guias estão disponíveis apenas em inglês.

Adicionar um botão Curtir do Facebook

Adicione um botão Curtir do Facebook ao seu site para que os visitantes compartilhem seu conteúdo nos feeds de notícias dos amigos deles no Facebook. Este guia mostra como adicionar um botão "Curtir" personalizado a uma página ou publicação do blog usando um Bloco de Código.

Os steps deste guia incluem o uso de injeção de código e a adição de um código avançado ao Bloco de Código. ambos recursos Premium disponíveis nos planos Business e Commerce.

Antes de começar

A melhor forma de adicionar um botão "Curtir" do Facebook depende da versão do Squarespace do site.

  • Versão 7.1 - não tem opções incorporadas para adicionar o botão Curtir. Siga os steps deste guia para adicionar um.
  • Versão 7.0 – Recomendamos exibir botões Curtir usando os botões de compartilhamento. No entanto, você pode seguir as etapas neste guia se souber programação e desejar mais controle sobre onde o botão deve aparecer. Se você usar código personalizado, primeiro siga as etapas abaixo para desativar o botão Compartilhar do Facebook.

Adicione um botão Curtir do Facebook

Para adicionar um botão Curtir do Facebook ao seu site:

  1. Na versão 7.0, primeiro desative o botão de compartilhamento do Facebook. No Menu Inicial, clique em Marketing e depois em Botão de compartilhamento; em seguida, desmarque Facebook.
  2. Siga as instruções na documentação do desenvolvedor do Facebook para gerar seu código personalizado com configurador de botão curtir do Facebook. Será aberta uma janela com seu código em dois campos.
  3. Copie o código Javascript SDK no primeiro campo.
  4. Abra o seu site do Squarespace em uma nova guia. No Menu Início, clique em Configurações, clique em Avançado e, em seguida, clique em Injeção de código.
  5. No campo Cabeçalho, cole o código do SDK do Javascript e clique em Salvar.
  6. Retorne ao configurador do botão "Curtir" do Facebook e copie o código do segundo campo. Esse é o código do botão Curtir do Facebook.
  7. Abra o editor da página ou da publicação em que deseja adicionar o botão Curtir, clique em um ponto de inserção e selecione Código no Bloco de Menu.
  8. No editor de Bloco de Código, cole o código do botão Curtir.
    Atenção: como medida de segurança, às vezes os códigos incorporados ficam desativados quando você está logado. Caso não veja o código, faça logout ou abra a página no modo privado/anônimo do browser. Saiba mais em Por que o código personalizado não aparece quando estou logado no meu site?

Adicione um botão "Curtir" específico para uma publicação do blog

Você pode modificar seu código personalizado para exibir um botão Curtir do Facebook exclusivo, abaixo de cada uma das publicações do blog. Quando os visitantes clicarem neste botão Curtir, "curtirão" a publicação específica do blog, em vez do site como um todo.

Para adicionar botões Curtir específicos do blog:

  1. No painel Páginas, passe o cursor do mouse sobre uma Página do Blog e clique em gear-icon para abrir as configurações da página.
  2. Na aba Avançado, cole o código do botão Curtir do Facebook (da etapa 6 acima) no campo Injeção de código de item de publicação do blog.
  3. Substitua o URL do site no código por {permalink}.
  4. Clique em Salvar.

The_code_pasted_into_the_Post_Blog_Item_Code_Injection_box.png

O botão Curtir do Facebook será exibido diretamente após o conteúdo de cada publicação do blog.

Atenção: não oferecemos suporte à personalização baseada em código. Isso significa que não podemos ajudar na configuração nem na solução de problemas. Além disso, por ser uma solução baseada em código, não garantimos sua funcionalidade ou compatibilidade integral com o Squarespace, incluindo o comportamento com o nosso design responsivo, especialmente a aparência em dispositivos móveis e o funcionamento em todos os templates. A personalização baseada em código também pode causar problemas de exibição nas futuras versões da nossa plataforma. Não oferecemos suporte, ainda assim, existem muitos recursos que podem auxiliar:

Este artigo foi útil?
Utilizadores que acharam útil: 50 de 73
Adicionar um botão Curtir do Facebook