Add Comments to Shopify Sites

La première étape pour utiliser FastComments avec Shopify consiste à désactiver le système de commentaires de Shopify.

Note Le support FastComments peut vous aider à migrer les fils de commentaires existants.

Pour remplacer le système de commentaires de Shopify, rendez-vous dans le tableau de bord de votre boutique et cliquez sur Blog posts en bas à gauche :

Ouvrir l'administration des articles de blog

Ensuite, cliquez sur Manage blogs en haut à droite :

Gérer les blogs

Cliquez sur le blog que vous souhaitez gérer. Si l'indication Comments are disabled s'affiche, vous pouvez ignorer cette étape et passer à Step Two.

Gérer le blog

Sinon, sélectionnez le blog et assurez-vous que Comments are disabled est sélectionné dans le panneau de droite :

Désactiver les commentaires

Cliquez maintenant sur Enregistrer.

Nous allons maintenant modifier le thème de notre boutique pour ajouter FastComments.

Dans le panneau de gauche, ouvrez Themes :

Ouvrir Themes

Sous Current theme, sélectionnez Actions et puis Edit code :

Modifier le code

Cela ouvrira un éditeur de code, avec un navigateur de fichiers à gauche et le code à droite.

Tout ce que nous devons faire est de copier un petit extrait de code qui ajoute FastComments et de le coller à la bonne ligne dans le bon fichier.

Dans le navigateur de fichiers à gauche, faites défiler vers le bas et cliquez sur Sections :

Sélectionner Sections

Faites maintenant défiler vers le bas et sélectionnez main-article.liquid :

Sélectionner main-article

Ceci ouvrira le modèle de thème utilisé pour afficher un article de blog unique.

Vous devriez maintenant voir quelque chose de similaire à ce qui suit, avec main-article.liquid sélectionné en haut :

main-article ouvert

Next we're going to scroll down to line 100 :

Faire défiler jusqu'à la ligne 100

Now copy the following code snippet, which is designed specifically for Shopify - do not use code snippets from other tutorials :

Extrait FastComments pour Shopify

Copy

1

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

3<div id="fastcomments-widget" class="page-width page-width--narrow"></div>

4<script>

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

6 tenantId: "demo",

7 urlId: window.location.pathname

8 });

9</script>

10

Now we want to put our cursor on line 101 - right after the </div> - and paste. You should have something like this:

Ajouter le code FastComments

Now we can save :

Enregistrer

Maintenant, si nous affichons un article de blog, nous devrions voir FastComments !

Succès !

Félicitations pour la configuration de FastComments avec Shopify ! Si vous avez rencontré une erreur de domaine, ou si vous souhaitez apprendre comment 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 modifier la configuration, Consultez notre documentation sur la personnalisation pour savoir comment.