Tilføj kommentarer til BigCommerce-websteder

Først opretter vi et brugerdefineret tema, som vi skal redigere. Hvis du allerede har et brugerdefineret tema sat op, kan du springe dette trin over.

For at gøre dette går vi til Storefront og derefter Themes.

Vælg Storefront

Vælg Themes

Til formålet med denne vejledning bruger vi standardtemaet, men instruktionerne er de samme for alle temaer.

Dernæst skal vi ikke klikke på Customize. I stedet skal du klikke på Advanced og Make a Copy.

Lav en kopi

Bekræft kopiering af temaet:

Gem kopien

Når det er fuldført, bør du se dit tema opført under Themes i bunden af siden, som vist her.

Brugerdefineret tema oprettet

Nu kan vi redigere vores nye tema for at tilføje FastComments.

Rediger temafiler

Det næste trin er at tilføje widget-koden, der får integrationen til at fungere.

Når du er i temaeditoren, som angivet i det forrige trin, vil du se en filbrowser til venstre og en editor til højre.

Det, vi skal gøre, er at redigere en skabelon, der repræsenterer vores blogindlægssider.

I navigationspanelet til venstre, gå til templates->pages->blog-post.html.

Åbn skabelonen

Kopiér nu den kode, vi skal bruge til at installere FastComments:

BigCommerce Comments Code

Copy

1

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

3<div id="fastcomments-widget"></div>

4<script>

5window.fcConfigs = [{

6 "tenantId": "demo"

7}];

8</script>

9

Nu indsætter vi widget-koden på Line 6. Det er vigtigt, at koden indsættes før linjen med \{{/partial}}.

Indsæt på linje 6

Du skulle ende med noget, der ligner dette:

Efter at have tilføjet koden

Nu kan vi gemme filen:

Gem

...og afslut editoren:

Rediger editoren

Vores sidste trin er at bruge den nye tema-skabelon.

Øverst til højre vil du nu se enten Publish eller Make Active Theme. Klik på det for at fortsætte og gøre ændringerne aktive:

Udgiv ændringerne

Nu kan vi tjekke vores websted! Hvis du går til et blogindlæg, bør du se en kommentarboks nederst.

Ændringerne er live

Godt arbejde! Du har tilføjet live-kommentarer til din BigCommerce-side.

Hvis du er stødt på en 'adgang nægtet'-fejl, eller gerne vil tilpasse FastComments, så læs videre.

FastComments er designet til at blive tilpasset, så det matcher dit websted.

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

Det anbefales ikke at tilføje FastComments via BigCommerce's Page Builder, da koden så skal tilføjes manuelt til hver ønskede side.

Hvis dette ønskes, skal følgende kodeudsnit bruges. Kodeudsnit fra andre vejledninger vil ikke fungere på grund af måden BigCommerce er opbygget på:

BigCommerce Page Builder-kodeudsnit

Copy

1

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

3<div id="fastcomments-widget"></div>

4<script>

5 window.fcConfigs = [{

6 target: '#fastcomments-widget',

7 tenantId: "demo"

8 }];

9</script>

10