Add Comments to Shopify Sites
Avec FastComments, nous pouvons facilement ajouter des commentaires en direct à n'importe quel site Shopify.
Les instructions ci‑dessous s'appliquent à un blogue construit sur Shopify, mais le code d'intégration peut aussi être ajouté manuellement à n'importe quelle page en modifiant d'autres fichiers de thème. L'assistance FastComments peut également aider à ce sujet.
Notez que ce tutoriel nécessite un compte FastComments. Il est recommandé de vous inscrire d'abord, puis de revenir ici. Vous pouvez créer un compte ici.
Étape 1 : Importer les commentaires existants 
FastComments peut exécuter un outil sur votre blogue pour importer vos commentaires existants. Cependant, cela doit être fait avant que vous les désactiviez à l'étape 2, sinon ils ne seront pas disponibles lorsque nous exécuterons l'outil.
Veuillez créer un ticket de support pour cette étape. Habituellement, l'importation est terminée en moins d'une journée.
Si vous ne tenez pas à conserver vos commentaires existants, passez à l'étape 2.
Étape 2 : Désactiver le système de commentaires par défaut
La première étape pour utiliser FastComments avec Shopify consiste à désactiver le système de Shopify.
Remarque Le support de FastComments peut vous aider à migrer les fils de commentaires existants.
Pour remplacer le système de commentaires de Shopify, rendez-vous sur le tableau de bord de votre boutique et cliquez sur Blog posts en bas à gauche :
Ensuite, cliquez sur Manage blogs en haut à droite :
Cliquez sur le blogue que vous souhaitez gérer. S'il indique Comments are disabled vous pouvez ignorer cette étape et passer à Step Two.
Sinon, sélectionnez le blogue et assurez-vous que Comments are disabled est sélectionné dans le panneau de droite :
Cliquez maintenant sur Enregistrer.
Étape 3 : Ouvrir le modèle de thème du blogue
Nous allons maintenant modifier le thème de notre boutique pour ajouter FastComments.
Dans le panneau de gauche, ouvrez Themes:
Sous Current theme, sélectionnez Actions et puis Edit 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:
Faites maintenant défiler vers le bas et sélectionnez main-article.liquid:
Cela ouvrira le modèle de thème utilisé pour rendre un seul article de blogue.
Vous devriez maintenant voir quelque chose de similaire à ce qui suit, avec main-article.liquid sélectionné en haut:
Étape 4 : Ajouter le code de FastComments.com
Ensuite, nous allons faire défiler jusqu'à la ligne 100 :
Copiez maintenant l'extrait de code suivant, qui est conçu spécifiquement pour Shopify - n'utilisez pas les extraits de code provenant d'autres tutoriels :
Maintenant, nous voulons placer notre curseur sur line 101 - juste après le </div> - et coller. Vous devriez avoir quelque chose comme ceci :
Maintenant, nous pouvons enregistrer :
Succès
Maintenant, si nous consultons un article de blog, nous devrions voir FastComments !
Félicitations pour la configuration de FastComments avec Shopify ! Si vous avez rencontré une erreur de domaine, ou si vous souhaitez apprendre à personnaliser la zone de commentaires, lisez la suite !
Erreurs de domaine
You may get an authorization error, like the following:
This is because FastComments doesn't know it's supposed to allow your account to be used on this domain.
In this case, the fix is simple. You just have to add your site to your FastComments.com account.
Rendez-vous ici pour ajouter votre site à votre compte.
Personnalisation
FastComments est conçu pour être personnalisé afin de s'harmoniser avec votre site.
Si vous souhaitez ajouter un style personnalisé ou modifier la configuration, Consultez notre documentation sur la personnalisation et la configuration pour savoir comment.