Add Comments to Shopify Sites

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

Упутства у наставку су за блог изграђен на Shopify-у, али код за уградњу се такође може ручно додати на било коју страницу уређивањем других датотека теме. FastComments подршка такође може помоћи са овим.

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

Корак 1: Увезите постојеће коментаре

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

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

Ако вам није важно да сачувате ваше постојеће коментаре, наставите на Корак 2.

Корак 2: Онемогућите подразумевани систем коментара

Први корак при коришћењу FastComments са Shopify је онемогућавање Shopify система.

Напомена Подршка FastComments-а може вам помоћи при миграцији постојећих нити коментара.

Да бисмо заменили Shopify систем коментара, идемо на контролну таблу продавнице и кликнемо на Blog posts у доњем левом углу:

Отворите админ панел блог постова

Затим ћемо кликнути на Manage blogs у горњем десном углу:

Управљање блоговима

Кликните на блог којим желите да управљате. Ако пише Comments are disabled можете прескочити овај корак и прећи на Step Two.

Управљање блогом

Ако није, изаберите блог и уверите се да је у десном панелу изабрано Comments are disabled:

Онемогућите коментаре

Сада кликните на Сачувај.

Корак 3: Отворите шаблон теме блога

Сада ћемо уредити тему ваше продавнице да додамо FastComments.

У левом панелу, отворите Themes:

Отворите Themes

Под Current theme, изаберите Actions и затим Edit code:

Уреди код

Ово ће отворити уређивач кода, са прегледачем датотека лево и кодом десно.

Све што треба да урадимо је да копирамо мали део кода који додаје FastComments и залепимо га на правилну линију у одговарајућој датотеци.

У прегледачу датотека на левој страни, скролујте надоле и кликните Sections:

Изаберите Sections

Сада ћемо скроловати надоле и изабрати main-article.liquid:

Изаберите main-article

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

Сада би требало да видите нешто слично следећем, са main-article.liquid изабраним на врху:

main-article отворен

Корак 4: Додајте код FastComments.com

Следеће ћемо се померити надоле до реда 100:

Померите се до реда 100

Сада копирајте следећи исечак кода, који је дизајниран посебно за Shopify - не користите исечке кода из других туторијала:

Shopify FastComments исечак

Copy

<script src="https://cdn.fastcomments.com/js/embed-v2.min.js"></script>
<div id="fastcomments-widget" class="page-width page-width--narrow"></div>
<script>
    FastCommentsUI(document.getElementById('fastcomments-widget'), {
        tenantId: "demo",
        urlId: window.location.pathname
    });
</script>

Сада желимо да поставимо курсор на ред 101 - одмах после </div> - и налепимо. Требало би да имате нешто овако:

Додајте FastComments код

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

Сачувај

Успешно

Сада, ако прегледамо пост на блогу, требало би да видимо FastComments!

Успешно!

Честитамо што сте подесили FastComments са Shopify-ом! Ако сте наишли на Domain Error, или желите да научите како да прилагодите одељак за коментаре, наставите са читањем!

Грешке домена

Може да се појави грешка ауторизације, као следећа:

Конфигурација домена недостаје

Разлог је што FastComments не зна да треба да дозволи коришћење вашег налога на овом домену.

У том случају, решење је једноставно. Потребно је само да додате свој сајт у ваш FastComments.com налог.

Кликните овде да додате свој сајт у налог.

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

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

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

Језик 🇷🇸 Српски

Инсталација Shopify