Add Comments to Shopify Sites

Det første skridt til at bruge FastComments med Shopify er at deaktivere Shopifys system.

Bemærk FastComments Support kan hjælpe dig med at migrere eksisterende kommentartråde.

For at erstatte Shopifys kommentarsystem går vi til vores butiks kontrolpanel og klikker Blog posts nederst til venstre:

Åbn Blogindlæg-administration

Derefter klikker vi på Manage blogs øverst til højre:

Administrer blogs

Klik på den blog, vi vil administrere. Hvis der står Comments are disabled, kan du springe dette trin over og gå videre til Step Two.

Administrer blog

Hvis ikke, vælg bloggen og sørg for, at Comments are disabled er valgt i højre panel:

Deaktiver kommentarer

Klik nu på Gem.

Nu vil vi redigere butikkens tema for at tilføje FastComments.

I venstre panel, åbn Themes:

Åbn Themes

Under Current theme, vælg Actions og derefter Edit code:

Rediger kode

Det åbner en kodeeditor, med en filbrowser til venstre og koden til højre.

Alt vi skal gøre er at kopiere et lille stykke kode, som tilføjer FastComments, og indsætte det på den rigtige linje i den rigtige fil.

I filbrowseren til venstre, rul ned og klik på Sections:

Vælg Sections

Nu ruller vi ned og vælger main-article.liquid:

Vælg main-article

Dette åbner tema-skabelonen der bruges til at gengive en enkelt blogartikel.

Du bør nu se noget lignende følgende, med main-article.liquid valgt øverst:

main-article Åben

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

Rul ned til linje 100

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

Shopify FastComments-udsnit

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:

Tilføj FastComments-koden

Now we can save:

Gem

Hvis vi nu viser et blogindlæg, skulle vi kunne se FastComments!

Succes!

Tillykke med at have opsat FastComments med Shopify! Hvis du er stødt på en domænefejl, eller gerne vil lære, hvordan du tilpasser kommentarfeltet, så læs videre!

FastComments er designet til at kunne tilpasses, så det matcher dit websted.

Hvis du gerne vil tilføje brugerdefineret styling, eller justere konfigurationen, Se vores tilpasningsdokumentation for at lære hvordan.