Add Comments to Weebly Sites

Premièrement, assurez-vous d'avoir ajouté quelques articles de blogue à votre site pour voir les résultats de ce tutoriel.

Une fois prêt, nous pouvons ouvrir l'éditeur Weebly et cliquer sur Settings en haut.

Ouvrir les paramètres

Ouvrons maintenant les paramètres de notre blogue en allant à Blog à gauche :

Ouvrir les paramètres du blogue

Ce que nous devons faire maintenant, c'est désactiver le système de commentaires par défaut de Weebly, que nous allons remplacer.

Remarque si vous souhaitez migrer les commentaires existants de votre site Weebly vers FastComments, votre représentant du support peut vous aider pour cette migration.

Réglons maintenant Commenting system sur Default et Comment Default sur Closed :

Désactiver le système par défaut

Ensuite, il ne nous reste plus qu'à ajouter le code du widget FastComments.com !

Pour que l’intégration Weebly et FastComments fonctionne bien, nous devons ajouter deux petits extraits de code.

Le premier extrait sert à masquer le message Weebly "Comments are Closed", et le second sert à charger réellement FastComments.

D'abord, copiez ce petit extrait de code :

Extrait de code - en-tête FastComments

Copy

1

2<style>

3 #comments {

4 display: none;

5 }

6 #commentArea:not(.loaded) {

7 display: none;

8 }

9 #commentArea.loaded {

10 display: block !important;

11 }

12</style>

13

Ensuite, sur la même page de paramètres que Step One, cliquez sur le + à côté de Post header code.

Ouvrir le code d'en-tête de la publication

Vous devriez voir une zone de texte s'ouvrir comme ceci :

Code d'en-tête de la publication ouvert

Collez maintenant notre extrait de code :

Extrait de code d'en-tête collé

Ensuite, il faut ajouter le code de pied de page pour activer FastComments. Cliquez sur le signe plus à côté de Post footer code :

Ouvrir le code de pied de page de la publication

Copiez cet extrait de code conçu spécifiquement pour Weebly :

Extrait de code - pied de page FastComments

Copy

1

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

3<div id="fastcomments-widget"></div>

4<script>

5 (function () {

6 let loaded = false;

7 let interval = null;

8 function attemptLoad() {

9 if (loaded) {

10 clearInterval(interval);

11 return;

12 }

13 const comments = document.getElementById('comments');

14 if (comments) { // remove show comments button

15 comments.remove();

16 }

17 const commentArea = document.getElementById('commentArea');

18 if (!commentArea) {

19 return;

20 }

21 commentArea.innerHTML = '';

22 commentArea.classList.add('loaded');

23 FastCommentsUI(commentArea, {

24 tenantId: "demo",

25 urlId: window.location.pathname

26 });

27 loaded = true;

28 clearInterval(interval);

29 }

30 attemptLoad();

31 interval = setInterval(attemptLoad, 300);

32 })();

33</script>

34

Collez maintenant notre code de pied de page :

Code de pied de page de la publication ajouté

C'est tout !

Il ne nous reste plus qu'à enregistrer nos modifications et publier notre site !

Enregistrer et publier

Succès ! Si vous consultez votre site, vous devriez maintenant avoir FastComments Live Commenting activé :

Succès

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 de personnalisation pour savoir comment.