Dodajte komentare na Shopify sajtove
FastComments је доступан на Shopify App Store. Инсталирајте апликацију и додајте FastComments блокове на било који блог пост, страницу производа или прилагођену страницу из уређивача тема у Shopify-у. Није потребно уређивање кода.
Када инсталирате апликацију, Shopify конфигурише ваш FastComments налог, повезује домен ваше продавнице и аутоматски подешава наплату. Нема потребе да се посебно пријављујете на fastcomments.com.
Странице у овом упутству обрађују сваки FastComments блок који апликација пружа, како ради једнократно пријављивање (single sign-on) за ваше Shopify купце и како да увезете постојеће коментаре из Shopify-а пре преласка.
Instalirajte FastComments aplikaciju 
Инсталирајте са Shopify App Store
- Отворите FastComments страницу на Shopify App Store.
- Кликните Add app и изаберите план који желите током процеса инсталације.
- Shopify ће вас вратити у FastComments админ унутар Shopify-а када се инсталација заврши.
То је цела инсталација. Нема ништа што треба да налепите у фајлове теме.
Шта се подешава за вас
Инсталација покреће све што бисте иначе радили ручно:
- За вашу продавницу се креира FastComments tenant и повезује се са доменом ваше продавнице.
- URL ваше продавнице се додаје у овлашћене домене tenant-а, тако да се коментари учитавају без грешке везане за домен.
- Уметнуто је метаполе продавнице
fastcomments.tenant_idтако да сваки блок зна против ког tenant-а да приказује. - Једнократно пријављивање (Single sign-on) за ваше Shopify купце је подешено подразумевано.
- Плаћање се обрађује преко Shopify Managed Pricing. Трошкови се појављују на вашем редовном Shopify рачуну. Надоградите, спустите ниво или откажите у Подешавања > Апликације и канали продаје > FastComments у вашем Shopify администратору.
Ако је ваша продавница већ била FastComments корисник пре него што сте инсталирали апликацију, инсталација ће поново користити постојећи tenant уместо да креира нови.
Угралдни админ
Када отворите FastComments апликацију из вашег Shopify админ панела, наћи ћете се на контролној табли са плочицама за једним кликом које воде у пун FastComments бекенд:
- Dashboard: подешавања налога, коришћење и детаљи претплате.
- Moderation Queue: одобрите, одбите и одговорите на коментаре широм ваше продавнице.
- Customize: подесите боје видгета, фонтове, правила модерације и конфигурацију.
- Ratings & Reviews Helper: подесите звездице за оцене и питања за рецензије ако желите да користите Reviews Summary блок.
Свака плочица отвара FastComments са једнократним линком за пријаву, па вам није потребно посебно пријављивање.
Следеће: додајте блокове у вашу продавницу
Отворите уређивач теме у Shopify-у (Онлајн продавница > Теме > Прилагоди), отворите шаблон у који желите да додате коментаре или рецензије и кликните Add block. FastComments блокови се појављују под Apps. Остатак овог водича обухвата сваки од њих.
Dodajte komentare na blog postove i proizvode
Блок FastComments је главни виџет за коментаре. Додајте га на шаблоне блог постова, шаблоне производа или било коју другу страницу где желите дискусију или живи ћаскање.
Додавање блока
- Отворите Shopify уређивач теме (Online Store > Themes > Customize).
- Изаберите шаблон на коме желите коментаре: Blog post, Product или било који други шаблон странице или секције.
- У секцији где желите да се коментари појаве, кликните Add block.
- Под Apps, изаберите FastComments.
- Кликните Save.
Блок се појављује одмах. Нема Tenant ID-ја за унос; tenant вашег продавнице се повезује аутоматски када инсталирате апликацију.
Подешавања
| Подешавање | Шта ради | Подразумевано |
|---|---|---|
| Tenant ID (опционо) | Одређује на који FastComments tenant блок приказује. Оставите празно да бисте користили аутоматски конфигурисани tenant продавнице. Ручни tenant ID можете пронаћи на fastcomments.com/auth/my-account/api-secret. | (празно) |
| SSO | Аутоматски пријављује посетиоца као његов Shopify кориснички налог пре коментарисања. Погледајте Аутоматска пријава Shopify купаца. | Укључено |
| Стил коментарисања | Threaded за угнежђене одговоре и гласање, или Streaming за фид ћаскања у реалном времену. | Threaded |
| Custom URL ID | Замењује аутоматски детектован идентификатор странице. Користите ово када желите да два URL-а деле једну нит коментара. | (аутоматски детектовано) |
Како се бира идентификатор странице
Свака нит коментара је кључена по URL ID-ју. Блок га бира аутоматски:
- Шаблон блог поста:
shopify-article-{article.id}, што је стабилно упркос променама slug-а и наслова. - Шаблон производа:
shopify-product-{product.id}, што је стабилно упркос променама slug-а и наслова. - Други шаблони: путања захтева.
Ако поставите Custom URL ID, та вредност се користи уместо тога. Користите исти Custom URL ID на више блокова (на пример, на локализованој варијанти странице производа) да делите једну нит коментара.
Threaded у односу на Streaming
Threaded је подразумевано. Посетиоци одговарају једни другима, гласају, а алати за модерирање раде како се очекује. Најбоље за блог постове и рецензије производа.
Streaming уклања гранање и приказује нове коментаре у реалном времену како се објављују, попут фида ћаскања. Најбоље за лансирања производа, догађаје уживо и странице заједнице.
Више блокова на истој страници
Блок се може додати више пута на исти шаблон. На пример, Резиме рецензија на врху странице производа и FastComments блок на дну. Блокови деле URL ID, тако да резиме одражава коментаре испод.
Савети
- Блок се сакрива у прегледу уређивача теме са жутим обавештењем ако не може да пронађе tenant. Ако се то појави у вашој живој продавници, поново инсталирајте FastComments апликацију.
- За страницу производа, FastComments блок служи и као виџет рецензија производа. Упарите га са FastComments - Reviews Summary за резиме са звезданицама на врху странице.
Dodajte bedž sa brojem komentara
Блок FastComments - Comment Count приказује мали број коментара за једну страницу. Користите га у листама блог постова, картицама производа или у било ком шаблону који води ка страници са коментарима, тако да посетиоци могу да виде колико је нека тема активна пре него што кликну.
Додавање блока
- Отворите Shopify уредник теме.
- Отворите шаблон у ком желите да се бројач прикаже. На пример, шаблон Blog (листа постова) или секцију са листом производа.
- Кликните Add block у секцији која приказује сваку ставку.
- Под Apps, изаберите FastComments - Comment Count.
- Кликните Save.
Подешавања
| Подешавање | Шта ради | Подразумевано |
|---|---|---|
| Tenant ID (опционо) | Одлучује са ког FastComments тенанта бројач чита податке. Оставите празно да би се користио аутоматски конфигурисан тенант продавнице. | (празно) |
| Custom URL ID | Одлучује који идентификатор странице бројач тражи. Користите ово када се бројач налази на другачијој страници од FastComments блока који прати. | (аутоматски детектовано) |
Како бројач проналази нит коментара
Блок Comment Count користи исту логику аутоматске детекције као и блок FastComments:
- Шаблон блог поста:
shopify-article-{article.id} - Шаблон производа:
shopify-product-{product.id} - Остали шаблони: путања захтева
Ако сте поставили Custom URL ID на FastComments блоку на некој страници, поставите исти Custom URL ID и на блоку Comment Count како би оба указивали на исту нит.
Савети
- Бројачи за све ставке на страници се преузимају једним захтевом, тако да додавање блока на сваку ставку у дугој листи не изазива додатне трошкове мрежних захтева.
- Један блок Comment Count по чланку или производу у листи је очекивана употреба; блок може бити додат онолико пута колико вам је потребно.
Dodajte feed sa najnovijim komentarima
Блок FastComments - Recent Comments приказује најновије коментаре у целој вашој продавници. Користите га да прикажете свежу активност у бочној траци, подножју или одељку почетне странице.
Додајте блок
- Отворите уређивач теме у Shopify-у.
- Отворите шаблон у којем желите да поставите фид. Одељак бочне траке, почетна страница или индекс блога су сви добар избор.
- Кликните на Add block у одељку који треба да га садржи.
- Под Apps, изаберите FastComments - Recent Comments.
- Кликните на Save.
Подешавања
| Подешавање | Шта ради | Подразумевано |
|---|---|---|
| Tenant ID (optional) | Преписује који FastComments tenant се користи за читање фида. Оставите празно да се користи tenant који је аутоматски подешен за продавницу. | (blank) |
| Number of comments | Колико најновијих коментара приказати. Опсег од 1 до 50. | 5 |
Савети
- Сваки коментар води на страницу на којој је објављен, тако да блок служи и као навигациони подсетник „о чему људи тренутно говоре“.
- Фид је за целу продавницу. Да бисте приказали најновије коментаре за појединачну страницу, уместо тога користите блок FastComments на тој страници.
Dodajte feed sa najnovijim diskusijama
Блок FastComments - Recent Discussions приказује странице ваше продавнице са најновијом активношћу коментара, по један унос по страници. Користите га када желите да посетиоци открију активне дискусије, а не појединачне коментаре.
Додавање блока
- Отворите Shopify уређивач теме.
- Отворите шаблон у ком желите фид, нпр. бочну траку, подножје, индекс блога или секцију насловне странице.
- Кликните Add block у секцији која треба да га садржи.
- Под Apps, изаберите FastComments - Recent Discussions.
- Кликните Save.
Подешавања
| Подешавање | Шта ради | Подразумевано |
|---|---|---|
| Tenant ID (опционо) | Одређује из ког FastComments тенанта фид чита податке. Оставите празно да би се користио аутоматски конфигурисан тенант продавнице. | (празно) |
| Number of comments | Колико недавних дискусија приказати. Опсег од 1 до 50. | 20 |
Recent Discussions у односу на Recent Comments
Оба блока вуку податке из истог извора, али приказују различите погледе:
- Recent Comments: равна листа најновијих појединачних коментара. Најбоље за „шта је управо речено".
- Recent Discussions: један унос по страници, поређан по најновијој активности. Најбоље за „које дискусије су тренутно живе".
Можете користити оба на истој продавници. На пример, Recent Comments у бочној траци блога и Recent Discussions на насловној страници.
Dodajte listu najpopularnijih stranica
Блок FastComments - Top Pages наводи странице у вашој продавници са највише активности коментара уопште. Користите га да истакнете највише дискутоване постове или производе.
Додајте блок
- Отворите Shopify уређивач теме.
- Отворите шаблон у који желите листу, на пример бочни панел, подножје или одељак индекса блога.
- Кликните на Add block у одељку који би требало да га садржи.
- Под Apps, изаберите FastComments - Top Pages.
- Кликните на Save.
Подешавања
| Подешавање | Шта ради | Подразумевано |
|---|---|---|
| Tenant ID (optional) | Замените који FastComments tenant се користи за читање листе. Оставите празно да бисте користили tenant који је продавница аутоматски конфигурисала. | (празно) |
Top Pages у односу на Recent Discussions
- Top Pages рангира по укупном ангажману, тако да исти постови обично остају при врху неко време. Погодно за бочни панел „популарни постови“.
- Recent Discussions рангира по најновијој активности, тако да се листа брзо мења. Погодно за панел „шта је сада популарно".
Dodajte pregled recenzija
Блок FastComments - Reviews Summary приказује агрегирану звездичасту оцену и преглед расподеле рецензија за страницу. Упарите га са блоком FastComments на шаблонима производа за стандардни распоред рецензија: сажетак на врху, образац за рецензије и рецензије испод.
Предуслов: подесите Ratings & Reviews
Блок Reviews Summary приказује питања за оцењивање која сте конфигурисали за своју продавницу. Прво их подесите:
- Отворите FastComments апликацију у свом Shopify админ панелу.
- Кликните на плочицу Ratings & Reviews Helper (или отворите Ratings & Reviews Helper директно).
- Додајте питања на која желите да сваки рецензент одговори (укупна звездичаста оцена, „како је стајала величина", итд.).
Без конфигурисаних питања, блок сажетка нема шта да агрегира.
Додајте блок
- Отворите Shopify уређивач теме.
- Отворите шаблон Product (или шаблон странице на којој желите сажетак).
- Кликните Add block близу врха одељка странице, изнад места где ће бити блок FastComments.
- Под Apps, изаберите FastComments - Reviews Summary.
- Додајте блок FastComments ниже на истој страници ако га још немате, како би посетиоци могли да оставе рецензије.
- Кликните Save.
Подешавања
| Подешавање | Шта ради | Подразумевано |
|---|---|---|
| Tenant ID (опционо) | Замењује од ког FastComments тенанта сажетак чита. Оставите празно да бисте користили аутоматски конфигурисаног тенанта продавнице. | (празно) |
| Custom URL ID | Замењује идентификатор странице према којем се сажетак агрегира. Користите ово када се сажетак налази на другачијој страници од FastComments блока који одражава. | (аутоматски детектовано) |
Како сажетак упарује рецензије
Блок Reviews Summary користи исту логику аутоматске детекције као блок FastComments:
- Шаблон производа:
shopify-product-{product.id} - Шаблон блог поста:
shopify-article-{article.id} - Остали шаблони: путања захтева
За уобичајену страницу производа, сажетак и нит коментара аутоматски деле URL ID, без икакве конфигурације.
Савети
- Сажетак је само за читање. Да бисте прикупљали рецензије, потребан вам је блок FastComments на истој страници.
- Ако промените питања за оцењивање у Ratings & Reviews Helper након прикупљања рецензија, сажетак се поново израчунава према новом скупу питања.
Automatsko prijavljivanje Shopify kupaca
Блок FastComments подржава систем једнократног пријављивања (SSO) тако да ваши Shopify купци могу коментарисати као сами себи без креирања посебног FastComments налога.
Како то функционише
Када посетилац који је пријављен у вашу продавницу отвори страницу са блоком FastComments:
- Блок открива Shopify
customerобјекат. - Он шаље име и имејл купца у FastComments преко потписаног app proxy захтева.
- FastComments креира или поклапа корисника кључног имена
shopify-{customerId}, тако да исти купац увек одговара истом FastComments кориснику кроз сесије и поновна инсталирања. - Име посетиоца се појављује на њиховим коментарима. Не тражи им се да се поново пријаве.
Ако посетилац није пријављен у продавницу, блок прелази на анонимно коментарисање (или FastComments ток пријаве, у зависности од конфигурације вашег видгета).
Искључивање SSO
SSO је подразумевано укључен за сваки блок FastComments. Да бисте га искључили на одређеном блоку:
- Отворите Shopify уређивач тема.
- Отворите шаблон који садржи блок и кликните на блок да бисте га изабрали.
- Поништите избор за SSO.
- Кликните на Save.
Искључите SSO ако желите да коментатори одаберу посебан идентитет за разговор. На пример, унутрашња страница заједнице где особље коментарише под другим приказним именом.
Шта FastComments добија
SSO payload који се шаље за сваког купца садржи:
- Кориснички ID изведен из Shopify customer ID (
shopify-{customerId}). - Имејл купца (користи се за идентификацију корисника; не приказује се јавности).
- Приказно име купца (користи се као име аутора коментара).
Ни историја поруџбина, ни подаци о плаћању или адреси нису послати. Тело поруке (payload) је потписано на серверској страни; прегледач купца никада не види креденцијале.
Линкови за пријаву и одјаву
Када је SSO укључен, линкови за пријаву и одјаву у видгету за коментаре упућују на /account/login и /account/logout, стандардне руте Shopify корисничког налога. Нема ништа за конфигурисање. Линкови раде за било коју продавницу која има омогућене корисничке налоге.
Uvezite postojeće komentare
Ако већ имате коментаре на вашим Shopify блог објавама и желите да их сачувате, увезите их у FastComments пре него што онемогућите нативно коментарисање на Shopify-у.
Увоз мора да се покрене док су нативни коментари на Shopify-у још увек активни и видљиви. Када их онемогућите, FastComments их више не може прочитати.
Како започети увоз
- Уверите се да је апликација FastComments инсталирана у вашој продавници.
- За сада оставите нативно коментарисање на Shopify-у укључено.
- Отворите тикет за подршку и обавестите нас које блогове да увеземо.
Увоз траје мање од једног дана.
Када су ваши постојећи коментари у FastComments, додајте FastComments блок у шаблон ваше блог објаве и уклоните или онемогућите нативне коментаре Shopify-ја. Погледајте Додавање коментара на блог објаве и производе.
Ако не морате да сачувате постојеће коментаре, можете прескочити ову страницу.
Prilagođavanje
Боје, фонтови, правила модерације, дозвољени HTML и анонимно коментарисање могу се прилагодити како би одговарали брендингу ваше продавнице.
Отворите FastComments апликацију у вашем Shopify администраторском панелу и кликните на плочицу Прилагоди да бисте отворили екран за прилагођавање видгета. Она користи једнократни линк за пријаву, тако да вам није потребно посебно пријављивање.
За пун списак опција прилагођавања, погледајте Водич за прилагођавања и конфигурацију.
Greške domena
Ако сте инсталирали FastComments из Shopify App Store-а, домен ваше продавнице се аутоматски додаје у овлашћене домене тенанта и не бисте требали видети грешку у вези са доменом. Ова страница важи ако сте прошли ручну инсталацију, или ако се ваш продавнички сајт сервира на прилагођеном домену који није био регистрован код Shopify у тренутку када је апликација инсталирана.
Можда ћете добити грешку ауторизације која изгледа овако:
Ово значи да FastComments не препознаје домен на коме се видџет учитава као овлашћен за ваш тенант.
Да бисте то исправили, додајте домен на ваш FastComments налог: Конфигуришите домене.
Ručna instalacija (napredno)
Ако не можете да инсталирате апликацију из Shopify App Store, и даље можете да додате FastComments уређивањем своје теме. Овај пут је користан када желите да повежете FastComments tenant који већ поседујете, или када уграђујете на Shopify продајни простор где апликација није опција.
Апликацијска инсталација је подржан пут за већину продавница. Користите овај начин само ако апликација није погодна.
Корак 1: Онемогућите уграђене коментаре Shopify-а
У свом Shopify администраторском панелу идите на Blog posts > Manage blogs, отворите сваки блог и у десном панелу подесите Comments are disabled. Сачувајте.
Ово спречава да Shopify-ев уграђени систем коментара буде видљив заједно са FastComments.
Корак 2: Отворите шаблон теме блога
У свом Shopify администраторском панелу:
- Идите на Онлајн продавница > Теме.
- Под вашом текућом темом кликните Акције > Уреди код.
- У прегледачу фајлова са леве стране отворите Sections и кликните
main-article.liquid.
Ово је шаблон који Shopify приказује за појединачну објаву на блогу.
Корак 3: Налепите FastComments исечак
Скролујте до отприлике линије 100 у main-article.liquid, одмах након затварајућег </div> тела чланка. Налепите следећи исечак:
Замените "demo" својим Tenant ID-јем са fastcomments.com/auth/my-account/api-secret. Кликните Сачувај.
Корак 4: Овластите домен ваше продавнице
Отворите објаву на блогу на вашој уживо продавници. Ако уместо видгета за коментаре видите грешку овлашћења, FastComments мора да зна да је вашој продавници дозвољено да користи овај tenant. Погледајте Грешке домена.
Додавање FastComments на друге странице
Исти исечак ради у сваком Liquid шаблону, укључујући странице производа, прилагођене странице и почетну страницу. Налепите га тамо где желите да се коментари појаве и прилагодите urlId ако желите стабилни идентификатор по страници (на пример, urlId: "{{ product.id }}" у шаблону производа).
Dodajte ankete u vašu Shopify prodavnicu
Када је FastComments постављен у вашој Shopify продавници, можете такође покретати живе анкете директно у коментарима. Укључите Enable Polls у подешавањима прилагођавања вашег виџета и дугме за анкету ће се појавити у траци са алаткама за коментаре. Анкете могу имати од 2 до 10 опција, резултати се ажурирају уживо за све на страници, а ви одлучујете ко може правити анкете и да ли гласање захтева пријављивање. Ништа друго не треба инсталирати на Shopify.
Пробајте демо живих анкета или прочитајте Документација о анкетама да их подесите.