Add Comments to BigCommerce Sites

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

To do this, we will go to Storefront and then Themes.

Vælg Storefront

Vælg Themes

Til dette vejledningsformål vil vi bruge standardtemaet, men instruktionerne er de samme for alle temaer.

Dernæst vil vi ikke klikke på Tilpas. 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 gennemført, bør du se dit tema listet under Themes nederst på siden, sådan som vist.

Brugerdefineret tema oprettet

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

Rediger tema-filer

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 Page Builder, da koden så skal tilføjes manuelt til hver ønsket side.

Hvis det ønskes, skal følgende kodeudsnit bruges. Kodeudsnit fra andre vejledninger vil ikke fungere på grund af, hvordan BigCommerce fungerer:

BigCommerce Page Builder-kodeudsnit

Copy

1

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

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

4<script>

5 (function () {

6 let loaded = false;

7 function attemptLoad() {

8 if (loaded) {

9 return;

10 }

11 if (!window.FastCommentsUI) {

12 return;

13 }

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

15 tenantId: "demo"

16 });

17 loaded = true;

18 }

19 attemptLoad();

20 const interval = setInterval(function () {

21 attemptLoad();

22 if (loaded) {

23 clearInterval(interval);

24 }

25 }, 300);

26 })();

27</script>

28