Add Comments to Ionos Sites

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

Pour ce faire, ouvrez l'éditeur du site, et cliquez sur Add Section sur la page souhaitée.

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

Ajouter un formulaire de contact

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

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 Custom Head Code

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 // on récupère 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 c'est tout.

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

Retournez à 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 'permission denied error', 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 un style personnalisé ou modifier la configuration, Consultez notre documentation sur la personnalisation pour savoir comment.