Add Comments to Shopify Sites

Der erste Schritt zur Verwendung von FastComments mit Shopify besteht darin, das Shopify-System zu deaktivieren.

Hinweis FastComments Support kann Ihnen dabei helfen, vorhandene Kommentarstränge zu migrieren.

Um das Shopify-Kommentarsystem zu ersetzen, gehen wir in unser Shop-Dashboard und klicken unten links auf Blog posts:

Blog-Beiträge-Admin öffnen

Anschließend klicken wir oben rechts auf Manage blogs:

Blogs verwalten

Klicken Sie auf den Blog, den wir verwalten möchten. Wenn dort Comments are disabled steht, können Sie diesen Schritt überspringen und zu Step Two wechseln.

Blog verwalten

Falls nicht, wählen Sie den Blog aus und stellen Sie sicher, dass in der rechten Leiste Comments are disabled ausgewählt ist:

Kommentare deaktivieren

Klicken Sie nun auf Speichern.

Nun bearbeiten wir das Theme Ihres Shops, um FastComments hinzuzufügen.

Im linken Bereich öffnen Sie Themes:

Themes öffnen

Unter Current theme, wählen Sie Actions und dann Edit code:

Code bearbeiten

Dadurch wird ein Code-Editor geöffnet, mit einem Dateibrowser links und dem Code rechts.

Alles, was wir tun müssen, ist, ein kleines Code-Stück zu kopieren, das FastComments hinzufügt, und es an die richtige Stelle in der richtigen Datei einzufügen.

Im Dateibrowser links scrollen Sie nach unten und klicken Sie auf Sections:

Sections auswählen

Jetzt scrollen wir nach unten und wählen main-article.liquid aus:

main-article auswählen

Dies öffnet die Theme-Vorlage, die zum Rendern eines einzelnen Blog-Artikels verwendet wird.

Sie sollten jetzt etwas Ähnliches wie das Folgende sehen, wobei main-article.liquid oben ausgewählt ist:

main-article geöffnet

Als Nächstes scrollen wir zu Zeile 100:

Zu Zeile 100 scrollen

Kopieren Sie nun den folgenden Code-Snippet, der speziell für Shopify entwickelt wurde - verwenden Sie keine Code-Snippets aus anderen Tutorials:

Shopify FastComments-Snippet

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

Nun setzen wir den Cursor auf line 101 - direkt nach dem </div> - und fügen ein. Sie sollten so etwas wie das Folgende haben:

FastComments-Code hinzufügen

Jetzt können wir speichern:

Speichern

Wenn wir jetzt einen Blogbeitrag ansehen, sollten wir FastComments sehen!

Erfolg!

Herzlichen Glückwunsch zur Einrichtung von FastComments mit Shopify! Wenn Sie auf einen Domainfehler gestoßen sind oder erfahren möchten, wie Sie den Kommentarbereich anpassen können, lesen Sie weiter!

FastComments ist so konzipiert, dass es an Ihre Website angepasst werden kann.

Wenn Sie benutzerdefinierte Styles hinzufügen oder die Konfiguration anpassen möchten, lesen Sie unsere Dokumentation zu Anpassungen und Konfigurationen, um zu erfahren, wie.