Add Comments to Weebly Sites

Com o FastComments, podemos adicionar facilmente comentários ao vivo a qualquer site Weebly.

As instruções abaixo são para um blog construído no Weebly. Para outros tipos de sites, teremos prazer em ajudar — basta entrar em contato com nossa equipe de suporte.

Observe que este tutorial requer uma conta FastComments. Recomenda-se que você se inscreva primeiro e depois volte aqui. Você pode criar uma conta aqui.

Passo 1: Abra as configurações do blog

Primeiro, certifique-se de ter algumas postagens do blog adicionadas ao seu site para ver os resultados deste tutorial.

Quando estiver pronto, podemos abrir o editor do Weebly e clicar em Settings na parte superior.

Abrir Configurações

Agora vamos abrir as configurações do nosso blog indo em Blog no lado esquerdo:

Abrir Configurações do Blog

Agora o que precisamos fazer é desativar o sistema de comentários padrão do Weebly, que iremos substituir.

Observação se você quiser migrar comentários existentes do seu site Weebly para o FastComments, seu representante de suporte pode ajudar com essa migração.

Agora vamos definir o Commenting system para Default e Comment Default para Closed:

Desativar o Sistema Padrão

Em seguida, só precisamos adicionar o código do widget do FastComments.com!

Passo 2: Adicione o código do FastComments.com

Para que a integração do Weebly com o FastComments funcione corretamente, precisamos adicionar duas pequenas partes de código.

O primeiro trecho serve para ocultar a mensagem do Weebly "Comments are Closed", e o segundo é para realmente carregar o FastComments.

Primeiro, copie este pequeno trecho de código:

Trecho de código do cabeçalho do FastComments

Copy

<style>
    #comments {
        display: none;
    }
    #commentArea:not(.loaded) {
        display: none;
    }
    #commentArea.loaded {
        display: block !important;
    }
</style>

Em seguida, na mesma página de configurações do Step One, clique no + ao lado de Post header code.

Abrir Código de Cabeçalho da Postagem

Você verá uma caixa de texto aberta assim:

Código do Cabeçalho da Postagem Aberto

Agora vamos colar nosso trecho de código:

Trecho de Código do Cabeçalho Colado

A seguir vem o código do rodapé para ativar o FastComments. Clique no sinal de mais ao lado de Post footer code:

Abrir Código de Rodapé da Postagem

Copie este trecho de código que foi projetado especificamente para o Weebly:

Trecho de código do rodapé do FastComments

Copy

<script src="https://cdn.fastcomments.com/js/embed-v2.min.js"></script>
<div id="fastcomments-widget"></div>
<script>
    (function () {
        let loaded = false;
        let interval = null;
        function attemptLoad() {
            if (loaded) {
                clearInterval(interval);
                return;
            }
            const comments = document.getElementById('comments');
            if (comments) { // remover botão de exibir comentários
                comments.remove();
            }
            const commentArea = document.getElementById('commentArea');
            if (!commentArea) {
                return;
            }
            commentArea.innerHTML = '';
            commentArea.classList.add('loaded');
            FastCommentsUI(commentArea, {
                tenantId: "demo",
                urlId: window.location.pathname
            });
            loaded = true;
            clearInterval(interval);
        }
        attemptLoad();
        interval = setInterval(attemptLoad, 300);
    })();
</script>