Add Comments to Ionos Sites

Primeiro, vamos adicionar um formulário de contato que o FastComments substituirá.

Para fazer isso, abra o editor do site, e clique Add Section na página desejada.

Em seguida, vá para Content -> Contact -> Contact Form à esquerda, como mostrado:

Adicionar formulário de contato

Em seguida, precisamos dizer ao FastComments para substituir nosso formulário. Clique no título padrão do formulário:

Definir título do formulário

Vamos definir o título como FastComments Goes Here. É muito importante que a capitalização e o espaçamento sejam exatamente os mesmos; caso contrário, não funcionará, portanto recomendamos que você copie este texto e cole-o.

Quando terminar, deverá aparecer da seguinte forma:

Título definido

Isso conclui o primeiro passo!

A seguir, vamos adicionar o código do widget FastComments ao seu site. Este código irá procurar por todos os formulários com o título FastComments Goes Here e substituí-los pelo FastComments.

Então vamos em Settings no canto inferior esquerdo do editor do site:

Abrir Configurações

Abra a seção Custom Head Code:

Abrir Custom Head Code

Para o Ionos precisamos de uma versão especial do código do widget FastComments. Trechos de código de outros tutoriais não funcionarão.

Agora copie o código a seguir:

Trecho do FastComments para Ionos

Copy

1

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

3<script>

4 (function () {

5 let loaded = false;

6 let interval = null;

7

8 function attemptLoad() {

9 const nodes = document.querySelectorAll('h2');

10

11 nodes.forEach(function (node) {

12 if (node.innerText && node.innerText.trim() === 'FastComments Goes Here') {

13 // obtemos o elemento que não ocupa a largura total

14 const target = node.parentNode.parentNode.parentNode.parentNode.parentNode;

15 target.innerHTML = '';

16 FastCommentsUI(target, {

17 tenantId: "demo"

18 });

19 interval && clearInterval(interval);

20 loaded = true;

21 }

22 });

23 }

24

25 attemptLoad();

26 if (!loaded) {

27 interval = setInterval(attemptLoad, 300);

28 }

29 })();

30</script>

31

...e cole-o conforme mostrado:

Colar e Salvar

Agora só precisamos publicar nosso site e estamos prontos.

Volte ao editor de conteúdo clicando em Content no canto superior esquerdo:

Volte ao editor de conteúdo

Então podemos publicar!

Publicar!

É isso! FastComments deve estar ativo no seu site. Você deverá ver algo semelhante a isto:

Pronto!

Bom trabalho! Você adicionou comentários ao vivo ao seu site Ionos.

Se você encontrou um erro de permissão negada, ou gostaria de personalizar o FastComments, continue lendo.

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

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