Ajude os visitantes a divulgarem seu conteúdo nos feeds no 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 passos deste guia incluem o uso de injeção de código e a adição de código avançado ao bloco de código. São recursos disponíveis nos planos Essencial, Plus, Avançado, Business, Commerce Básico e Commerce Avançado. Saiba mais em "Escolhendo o plano certo no Squarespace".

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. Se seu site está na versão 7.0, primeiro desative o botão de compartilhamento do Facebook.Abra o painel de botões de compartilhamento e 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 seu site Squarespace em uma nova aba. Abra o painel "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 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.

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:

• Conheça as práticas recomendadas para adicionar um código personalizado.
• Leia o nosso guia geral sobre personalizações baseadas em código.
• Para obter ajuda com as ferramentas para desenvolvedores do Facebook, acesse a documentação deles.
• Visite nosso Fórum do Squarespace para clientes e desenvolvedores.
• Contrate um Squarespace Expert para criar um código personalizado para o seu site.