Add Comments to Squarespace Sites

Dans cette section, nous allons apprendre comment ajouter des commentaires en direct à votre blog Squarespace.

Vous n'aurez à ajouter le code qu'une seule fois et le widget sera automatiquement ajouté à tous les articles de blog existants, ainsi qu'à tous les articles que vous créerez à l'avenir.

Les fils de commentaires seront uniques à chaque article de blog.

Nous allons commencer par ouvrir Pages à gauche, dans l'Éditeur :

Ouvrir Pages

En bas, vous devriez voir Blog avec une icône d'engrenage à droite. Cliquez sur l'engrenage pour ouvrir les paramètres du blog :

Ouvrir les paramètres du blog

Nous allons maintenant accéder à Advanced puis à Post Blog Item Code Injection :

Ouvrir le paramètre de code de l'article de blog

Vous devriez voir une zone de code vide comme suit :

Zone de code vide

Nous pouvons maintenant copier le fragment de code suivant (utilisez le bouton de copie en haut à droite du fragment) :

Code des commentaires du blog Squarespace

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 const tenantId = 'demo'; // votre identifiant de compte

7

8 function tryLoad() {

9 // essayer de charger pour différentes mises en page

10 let targetDiv = document.querySelector('.blog-item-comments-content');

11 if (!targetDiv) {

12 targetDiv = document.getElementById('fastcomments-widget');

13 }

14 window.FastCommentsUI(targetDiv, {

15 tenantId

16 });

17 }

18

19 tryLoad();

20 })();

21</script>

22

23

...puis collez-le dans la zone de code et cliquez sur Enregistrer :

Coller et enregistrer

Succès ! Vous devriez maintenant voir le widget de commentaires FastComments sur tous vos articles de blog.

Succès !

Félicitations pour l'installation de FastComments avec Squarespace ! Si vous avez rencontré une erreur de domaine, ou si vous souhaitez apprendre comment personnaliser la zone de commentaires, lisez la suite !

Dans cette section, nous allons apprendre comment ajouter des commentaires en direct à toutes les pages de votre site Squarespace.

Vous n'aurez à ajouter le code qu'une seule fois et le widget sera automatiquement ajouté à toutes les pages existantes, et à toutes les pages que vous créerez à l'avenir.

Les fils de commentaires seront uniques à chaque page.

Nous allons commencer par ouvrir les Paramètres à gauche, dans l'Éditeur :

Ouvrir les paramètres

En bas, vous devriez voir Developer Tools. Cliquez dessus :

Ouvrir les Outils de développement

Nous allons maintenant aller dans Code Injection :

Ouvrir l'injection de code

Vous devriez maintenant voir deux zones où nous pouvons ajouter du code, l'une étiquetée HEADER et l'autre étiquetée FOOTER. Nous ajouterons notre code dans la zone FOOTER :

Zone de pied de page vide

À l'étape suivante, nous copierons notre code et l'ajouterons.

Nous pouvons maintenant copier l'extrait de code suivant. Utilisez le bouton de copie qui apparaît en haut à droite de l'extrait.

Il y a quelques éléments que vous pouvez configurer dans le code ; consultez les lignes 4 à 7.

Code des commentaires pour toutes les pages Squarespace

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 const tenantId = 'demo'; // votre identifiant de compte

7

8 function tryLoad() {

9 // essayer de charger pour différentes mises en page

10 let targetDiv = document.querySelector('.blog-item-comments-content');

11 if (!targetDiv) {

12 targetDiv = document.getElementById('fastcomments-widget');

13 }

14 window.FastCommentsUI(targetDiv, {

15 tenantId

16 });

17 }

18

19 tryLoad();

20 })();

21</script>

22

23

...puis collez-le dans la zone de code et cliquez sur enregistrer. Cela devrait ressembler à ceci, avec le code dans le FOOTER block:

Coller et enregistrer

Si vous rencontrez des problèmes, assurez-vous qu'en bas il n'est pas indiqué "tenantId": "demo". Il doit afficher votre tenant id si vous êtes connecté. Sinon, contactez le support.

Succès ! Vous devriez maintenant voir le widget de commentaires FastComments sur toutes vos pages.

Félicitations pour la configuration de FastComments avec Squarespace ! Si vous avez rencontré une erreur de domaine, ou si vous souhaitez apprendre comment personnaliser la zone de commentaires, lisez la suite !

Dans cette section, nous allons apprendre comment ajouter des commentaires en direct à une page spécifique de votre site Squarespace.

Avec cette approche, vous devrez ajouter le code à chaque page sur laquelle vous souhaitez ajouter le widget de commentaires.

Les fils de discussion seront uniques à chaque page.

Lorsqu'on ajoute le widget de commentaires à une page spécifique, nous avons un peu plus de contrôle.

Nous pouvons placer le widget exactement où nous le souhaitons, ce que nous ferons dans ce tutoriel en ajoutant un bloc de code personnalisé.

Tout d'abord, ouvrez la page sur laquelle vous souhaitez ajouter des commentaires, puis cliquez sur Éditer en haut à gauche.

Dans cet exemple, nous allons ajouter une section spécialement pour les commentaires, mais vous pouvez les ajouter à une section existante de la page.

Ajoutons notre section :

Ajouter une section

Nous allons ajouter une section vide :

Ajouter une section vide

Vous verrez une grande zone vide ajoutée. Cliquez sur ADD BLOCK en haut à gauche :

Ajouter un bloc

Faites défiler jusqu'à trouver l'option Code et cliquez dessus :

Sélectionner le widget Code

Positionnez votre bloc de code de la manière dont vous souhaitez que le widget de commentaires soit positionné :

Position

Modifiez le bloc de code :

Modifier le bloc de code

À l'étape suivante, nous copierons notre code et l'ajouterons.

Vous pouvez maintenant copier l'extrait de code suivant. Utilisez le bouton de copie qui apparaît en haut à droite de l'extrait.

Il y a quelques éléments que vous pouvez configurer dans le code, consultez les lignes 4 à 7.

Code pour une page unique Squarespace

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 const tenantId = 'demo'; // votre identifiant de compte

7

8 function tryLoad() {

9 window.FastCommentsUI(document.getElementById('fastcomments-widget'), {

10 tenantId

11 });

12 }

13

14 tryLoad();

15 })();

16</script>

17

18

Cela devrait ressembler à ceci :

Coller et enregistrer

Cliquez maintenant sur Enregistrer en haut à droite.

Notez que l'option Preview in Safe Mode ne fonctionnera pas, mais le widget apparaîtra lorsque vous visiterez votre site.

Si vous rencontrez des problèmes, assurez-vous qu'en bas, il n'est pas indiqué "tenantId": "demo". Il doit afficher votre tenant id si vous êtes connecté. Sinon, contactez le support.

Succès ! Vous devriez maintenant voir le FastComments Comment Widget sur votre page.

Félicitations pour avoir configuré FastComments avec Squarespace ! Si vous avez rencontré une Domain Error, ou si vous souhaitez apprendre à personnaliser la zone de commentaires, lisez la suite !

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

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