Ajouter des commentaires aux sites Ionos

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 !

Nous allons maintenant ajouter le code du widget FastComments à votre site. Ce code recherchera tous les formulaires avec le titre FastComments Goes Here et le remplacera par FastComments.

Allons donc dans Settings en bas à gauche de l'éditeur de site :

Ouvrir les paramètres

Ouvrez la section Custom Head Code :

Ouvrir Custom Head Code

Pour Ionos, nous avons besoin d'une version spéciale du code du widget FastComments. Les extraits de code provenant d'autres tutoriels ne fonctionneront pas.

Copiez maintenant le code suivant :

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 // we get the element that is not full width

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

...et collez-le comme indiqué :

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.