Add Comments to Squarespace Sites

Nesta seção vamos aprender como adicionar comentários ao vivo ao seu blog do Squarespace.

Você só precisará adicionar o código uma vez e o widget será adicionado automaticamente a quaisquer postagens de blog existentes, e quaisquer postagens de blog que você criar no futuro.

Os tópicos de comentários serão exclusivos para cada postagem do blog.

Começaremos abrindo Páginas à esquerda, no Editor:

Abrir Páginas

Na parte inferior você deve ver Blog com um gear on the right. Clique no gear para abrir as configurações do blog:

Abrir configurações do blog

Agora vamos em Advanced e depois em Post Blog Item Code Injection:

Abrir configuração de código do item do blog

Você verá uma área de código em branco como a seguinte:

Área de código vazia

Agora podemos copiar o trecho de código a seguir (use o botão de copiar no canto superior direito do trecho):

Código de Comentários do Blog Squarespace

Copy

1

2<script src="https://cdn.fastcomments.com/js/embed-v2.min.js"></script>

3<div id="fastcomments-widget"></div>

4<script>

5 (function () {

6 const tenantId = 'demo'; // seu id da conta

7

8 function tryLoad() {

9 // tentar carregar para diferentes layouts

10 let targetDiv = document.querySelector('.blog-item-comments-content');

11 if (!targetDiv) {

12 targetDiv = document.getElementById('fastcomments-widget');

13 }

14 window.FastCommentsUI(targetDiv, {

15 tenantId

16 });

17 }

18

19 tryLoad();

20 })();

21</script>

22

23

...em seguida cole na área de código e clique em salvar:

Colar e Salvar

Sucesso! Agora você deve ver o FastComments Comment Widget em todas as suas postagens do blog.

Sucesso!

Parabéns por configurar o FastComments com o Squarespace! Se você encontrou um Domain Error, ou gostaria de aprender como personalizar a área de comentários, continue lendo!

Nesta seção, aprenderemos como adicionar comentários em tempo real a todas as páginas do seu site Squarespace.

Você precisará adicionar o código apenas uma vez e o widget será automaticamente adicionado a quaisquer páginas existentes, e quaisquer páginas que você criar no futuro.

Os tópicos de comentários serão exclusivos para cada página.

Começaremos abrindo Configurações à esquerda, no Editor:

Abrir Configurações

Na parte inferior você deve ver Developer Tools. Clique em Developer Tools:

Abrir Developer Tools

Agora iremos para Code Injection:

Abrir Code Injection

Agora você deve ver duas áreas onde podemos adicionar código, uma rotulada HEADER e outra rotulada FOOTER. Vamos adicionar nosso código na área FOOTER:

Área de Rodapé Vazia

No próximo passo copiaremos nosso código e o adicionaremos.

Agora podemos copiar o trecho de código a seguir. Use o botão de copiar que aparece no canto superior direito do trecho.

Há algumas coisas que você pode configurar no código, veja as linhas 4 a 7.

Código de Comentários para Todas as Páginas do Squarespace

Copy

1

2<script src="https://cdn.fastcomments.com/js/embed-v2.min.js"></script>

3<div id="fastcomments-widget"></div>

4<script>

5 (function () {

6 const tenantId = 'demo'; // seu ID da conta

7

8 function tryLoad() {

9 // tenta carregar para diferentes layouts

10 let targetDiv = document.querySelector('.blog-item-comments-content');

11 if (!targetDiv) {

12 targetDiv = document.getElementById('fastcomments-widget');

13 }

14 window.FastCommentsUI(targetDiv, {

15 tenantId

16 });

17 }

18

19 tryLoad();

20 })();

21</script>

22

23

...então cole na área de código e clique em salvar. Deve ficar assim, com o código no bloco FOOTER:

Cole e Salve

Se você estiver tendo problemas, verifique se, próximo ao final, não diz "tenantId": "demo". Ele deve mostrar seu tenant id se você estiver logado. Caso contrário, entre em contato com o suporte.

Sucesso! Agora você deve ver o FastComments Comment Widget em todas as suas páginas.

Parabéns por configurar o FastComments com o Squarespace! Se você encontrou um Erro de Domínio, ou gostaria de aprender como personalizar a área de comentários, continue lendo!

Nesta seção vamos aprender como adicionar comentários ao vivo a uma página específica do seu site Squarespace.

Com essa abordagem você terá que adicionar o código a cada página em que quiser adicionar o widget de comentários.

Os tópicos de comentários serão exclusivos para cada página.

Ao adicionar o widget de comentários a uma página específica, temos um pouco mais de controle.

Podemos adicionar o widget exatamente onde quisermos, o que faremos neste tutorial, adicionando um bloco de código personalizado.

Primeiro, abra a página à qual deseja adicionar comentários e clique em editar no canto superior esquerdo.

Neste exemplo vamos adicionar uma seção especificamente para comentários, mas você pode adicioná-los em uma seção existente na página.

Vamos adicionar nossa seção:

Adicionar Seção

Vamos adicionar uma seção em branco:

Adicionar Seção em Branco

Você verá uma grande área em branco adicionada. Clique em ADD BLOCK no canto superior esquerdo:

Adicionar Bloco

Role para baixo até encontrar a opção Code e clique nela:

Selecionar Widget de Código

Posicione seu bloco de código da forma como você quer que o widget de comentários seja posicionado:

Posição

Edite o bloco de código:

Editar o Bloco de Código

No próximo passo, vamos copiar nosso código e adicioná-lo.

Agora podemos copiar o seguinte trecho de código. Use o botão de copiar que aparece no canto superior direito do trecho.

Há algumas coisas que você pode configurar no código, veja as linhas 4 a 7.

Código de Página Única do Squarespace

Copy

1

2<script src="https://cdn.fastcomments.com/js/embed-v2.min.js"></script>

3<div id="fastcomments-widget"></div>

4<script>

5 (function () {

6 const tenantId = 'demo'; // seu ID de conta

7

8 function tryLoad() {

9 window.FastCommentsUI(document.getElementById('fastcomments-widget'), {

10 tenantId

11 });

12 }

13

14 tryLoad();

15 })();

16</script>

17

18

Deve ficar assim:

Colar e Salvar

Agora clique em salvar no canto superior direito.

Observe que a opção Preview in Safe Mode não funcionará, mas o widget aparecerá quando você visitar seu site.

Se estiver tendo problemas, verifique perto do final se não está escrito "tenantId": "demo". Deve mostrar seu tenant id se você estiver logado. Caso contrário, entre em contato com o suporte.

Sucesso! Você agora deve ver o FastComments Comment Widget na sua página.

Parabéns por configurar o FastComments com o Squarespace! Se você encontrou um Domain Error, ou gostaria de aprender como personalizar a área de comentários, continue lendo!

FastComments foi projetado para ser personalizado para se adequar ao seu site.

Se você quiser adicionar estilos personalizados ou ajustar a configuração, Confira nossa Documentação de Personalização para saber como.