Add Comments to Ionos Sites

D'abord, nous allons ajouter un formulaire de contact que FastComments remplacera.

Pour ce faire, ouvrez l'éditeur de site, et cliquez sur Add Section sur la page désirée.

Ensuite, allez dans Content -> Contact -> Contact Form à gauche, comme montré :

Ajouter un formulaire de contact

Ensuite, nous devons indiquer à FastComments de remplacer notre formulaire. Cliquez sur le titre du formulaire par défaut :

Définir le titre du formulaire

Nous définirons le titre sur FastComments Goes Here. Il est très important que la casse et l'espacement soient identiques, sinon cela ne fonctionnera pas, donc nous vous recommandons de copier ce texte et de le coller.

Une fois terminé, cela devrait apparaître comme suit :

Titre défini

C'est la fin de la première étape !

Next we're going to add the FastComments widget code to your site. This code will search for all forms with the title FastComments Goes Here and replace it with FastComments.

So let's go to Settings in the bottom left of the site editor:

Ouvrir les paramètres

Open the Custom Head Code section:

Ouvrir le code d'en-tête personnalisé

For Ionos we need a special version of the FastComments widget code. Code snippets from other tutorials will not work.

Now copy the following code:

Extrait FastComments pour 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 // nous récupérons l'élément qui n'est pas en pleine largeur

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

...and paste it in as shown:

Coller et enregistrer

Il ne nous reste plus qu'à publier notre site et le tour est joué.

Retournez à l'éditeur de contenu en cliquant sur Content en haut à gauche :

Revenir à Content

Ensuite, nous pouvons publier!

Publier!

C'est tout! FastComments devrait être en ligne sur votre site. Vous devriez voir quelque chose de similaire à ceci :

Terminé!

Beau travail ! Vous avez ajouté des commentaires en direct à votre site Ionos.

Si vous avez rencontré une erreur « permission denied », ou si vous souhaitez personnaliser FastComments, lisez la suite.

FastComments est conçu pour être personnalisé afin de correspondre à votre site.

Si vous souhaitez ajouter des styles personnalisés ou modifier la configuration, Consultez notre documentation sur la personnalisation et la configuration pour savoir comment.