FastComments.com

Додајте коментаре на BigCommerce сајтове

Са FastComments-ом можемо лако додати коментаре у реалном времену на било који BigCommerce сајт.

Упутства у наставку су за блог изграђен на BigCommerce, али добро функционишу за било који део BigCommerce-а.

Имајте у виду да овај туторијал захтева FastComments налог. Препоручујемо да се прво региструјете, па се вратите овде. Можете направити налог овде.

Корак први: Припремите вашу тему Internal Link

Прво, хајде да направимо прилагођену тему коју ћемо уређивати. Ако већ имате подешену прилагођену тему, можете прескочити овај корак.

Да бисмо то урадили, ићи ћемо на Storefront, а затим на Themes.

Избор Storefront
Избор Storefront
Избор Themes
Избор Themes

За потребе овог упутства користићемо подразумевану тему, али упутства су иста за све теме.

Затим, нећемо кликнути на Customize. Уместо тога, кликните на Advanced и Make a Copy.

Направи копију
Направи копију

Потврдите копирање теме:

Сачувај копију
Сачувај копију

Када завршите, требало би да видите своју тему наведену под Themes на дну странице, овако.

Прилагођена тема је направљена
Прилагођена тема је направљена

Сада можемо уредити нашу нову тему да додамо FastComments.

Уређивање датотека теме
Уређивање датотека теме

Корак други: Уредите исправан шаблон Internal Link

Следећи корак је додавање кода видгета који чини интеграцију функционалном.

Када се налазите у уређивачу теме, као што је објашњено у претходном кораку, видећете прегледач датотека са леве стране и уређивач са десне стране.

Оно што ћемо урадити је уредити шаблон који представља странице постова на блогу.

У навигацији са леве стране идите на templates->pages->blog-post.html.

Отворите шаблон
Отворите шаблон

Корак трећи: Додајте код виџета Internal Link

Затим, копирајте код који ћемо користити за инсталирање FastComments:

BigCommerce Comments Code
Copy 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

Сада ћемо налепити код видгета на Line 6. Важно је да се код дода пре линије са \{{/partial}}.

Налепите на Line 6
Налепите на Line 6

Требало би да добијете нешто овако:

Након додавања кода
Након додавања кода

Сада можемо сачувати датотеку:

Сачувај
Сачувај

...и изађите из уређивача:

Измените уређивач
Измените уређивач

Корак четврти: Активирајте нову тему Internal Link

Наш последњи корак је да користимо нови шаблон теме.

У горњем десном углу сада ћете видети или Publish или Make Active Theme. Кликните на њега да наставите и примените промене уживо:

Објавите промене
Објавите промене

Сада можемо да погледамо наш сајт! Ако одете на објаву на блогу, требало би да видите поље за коментаре на дну.

Промене уживо
Промене уживо

Успех Internal Link

Одличан посао! Додали сте коментарисање уживо на ваш BigCommerce сајт.

Ако сте наишли на грешку 'permission denied', или желите да прилагодите FastComments, наставите са читањем.

Прилагођавање Internal Link

FastComments је осмишљен да се прилагоди вашем сајту.

Ако желите да додате прилагођени стил, или подесите конфигурацију, Погледајте нашу документацију о прилагођавању и конфигурацији да бисте сазнали како.

Додатно: Кôд исечак за градитељ страница Internal Link

Не препоручује се додавање FastComments-а преко BigCommerce Page Builder-а, јер тада код мора бити ручно додат на сваку страницу на којој желите.

Међутим, ако је то жељено, мора се користити следећи фрагмент кода. Фрагменти кода из других туторијала неће радити због природе BigCommerce-а:

Фрагмент кода за BigCommerce Page Builder
Copy 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