Dodajte komentare na Shopify stranice
FastComments je dostupan na Shopify App Store. Instalirajte aplikaciju i dodajte FastComments blokove na bilo koji blog post, stranicu proizvoda ili prilagođenu stranicu putem uređivača tema Shopifyja. Nije potrebno uređivanje koda.
Kada instalirate aplikaciju, Shopify će postaviti vaš FastComments račun, povezati domenu vaše trgovine i automatski omogućiti naplatu. Nije potrebno zasebno se prijavljivati na fastcomments.com.
Stranice u ovom vodiču obuhvaćaju svaki FastComments blok koji aplikacija pruža, kako jednokratna prijava (single sign-on) funkcionira za vaše Shopify kupce i kako uvesti postojeće komentare iz Shopifyja prije prebacivanja.
Instalirajte FastComments aplikaciju 
Instalirajte iz Shopify App Storea
- Otvorite FastComments listing on the Shopify App Store.
- Kliknite Add app i odaberite plan koji želite tijekom procesa instalacije.
- Shopify će vas preusmjeriti natrag u FastComments administraciju unutar Shopifyja kada instalacija završi.
To je cijela instalacija. Nema ništa za lijepljenje u datoteke teme.
Što se postavlja za vas
Instalacija pokreće sve što biste inače radili ručno:
- Za vašu trgovinu se kreira FastComments tenant i povezuje s vašom domenom trgovine.
- URL vaše trgovine dodaje se u ovlaštene domene tenanta, tako da se komentari učitavaju bez pogreške domene.
- Upisuje se
fastcomments.tenant_idshop metafield tako da svaki blok zna protiv kojeg tenanta treba renderirati. - Jedinstvena prijava (Single sign-on) za vaše Shopify kupce je prema zadanim postavkama omogućena.
- Naplate se obavljaju putem Shopify Managed Pricing. Troškovi se pojavljuju na vašem uobičajenom Shopify računu. Nadogradite, degradirajte ili otkažite iz Settings > Apps and sales channels > FastComments u vašem Shopify administracijskom sučelju.
Ako je vaša trgovina već bila FastComments korisnik prije nego što ste instalirali aplikaciju, instalacija ponovno koristi postojeći tenant umjesto da kreira novi.
Ugrađena administratorska ploča
Kada otvorite FastComments aplikaciju iz vašeg Shopify administracijskog sučelja, dođete na nadzornu ploču s pločicama jednim klikom koje vode u puni FastComments backend:
- Dashboard: postavke računa, korištenje i pojedinosti o pretplati.
- Moderation Queue: odobravanje, odbijanje i odgovaranje na komentare diljem vaše trgovine.
- Customize: prilagodite boje widgeta, fontove, pravila moderiranja i konfiguraciju.
- Ratings & Reviews Helper: postavite zvjezdane ocjene i pitanja za recenzije ako želite koristiti blok Reviews Summary.
Svaka pločica otvara FastComments s jednokratnom prijavnom poveznicom, pa vam nije potreban zaseban prijavni račun.
Sljedeće: dodajte blokove u vašu trgovinu
Otvorite uređivač teme u Shopifyju (Online Store > Themes > Customize), otvorite predložak u koji želite dodati komentare ili recenzije i kliknite Add block. FastComments blokovi pojavljuju se pod Apps. Ostatak ovog vodiča obuhvaća svaki od njih.
Dodajte komentare na blog postove i proizvode
FastComments blok je glavni widget za komentare. Dodajte ga u predloške blog objava, predloške proizvoda ili bilo koju drugu stranicu na kojoj želite nit rasprave ili live chat.
Dodavanje bloka
- Otvorite Shopify uređivač teme (Online Store > Themes > Customize).
- Odaberite predložak na kojem želite komentare: Blog post, Product ili bilo koji drugi predložak stranice ili sekcije.
- U sekciji gdje želite da se komentari pojave, kliknite Add block.
- Pod Apps, odaberite FastComments.
- Kliknite Save.
Blok se pojavljuje odmah. Nema Tenant ID-a koji treba unijeti; tenant vaše trgovine automatski se povezuje prilikom instalacije aplikacije.
Postavke
| Postavka | Što radi | Zadano |
|---|---|---|
| Tenant ID (opcionalno) | Nadjačava protiv kojeg FastComments tenanta se blok prikazuje. Ostavite prazno za korištenje automatski konfiguriranog tenanta trgovine. Ručni tenant ID možete pronaći na fastcomments.com/auth/my-account/api-secret. | (prazno) |
| SSO | Automatski prijavljuje posjetitelja kao njegov Shopify korisnički račun prije komentiranja. Pogledajte Auto-Login Shopify Customers. | Uključeno |
| Stil komentiranja | Threaded za ugniježđene odgovore i glasove, ili Streaming za chat feed u stvarnom vremenu. | Threaded |
| Custom URL ID | Nadjačava automatski otkriveni identifikator stranice. Koristite ovo kada želite da dva URL-a dijele jednu nit komentara. | (automatski otkriveno) |
Kako se bira identifikator stranice
Svaka nit komentara ključana je URL ID-om. Blok ga automatski bira:
- Predložak blog objave:
shopify-article-{article.id}, koji je stabilan bez obzira na promjene sluga i naslova. - Predložak proizvoda:
shopify-product-{product.id}, koji je stabilan bez obzira na promjene sluga i naslova. - Ostali predlošci: putanja zahtjeva.
Ako postavite Custom URL ID, ta se vrijednost koristi umjesto nje. Koristite isti Custom URL ID u više blokova (na primjer, na lokaliziranoj varijanti stranice proizvoda) kako biste dijelili jednu nit komentara.
Threaded vs Streaming
Threaded je zadani. Posjetitelji međusobno odgovaraju, glasaju, i alati za moderaciju rade kako se očekuje. Najbolje za blog objave i recenzije proizvoda.
Streaming uklanja grananje i prikazuje nove komentare u stvarnom vremenu kako se objavljuju, poput chat feeda. Najbolje za lansiranja proizvoda, događaje uživo i stranice zajednice.
Više blokova na istoj stranici
Blok se može dodati više puta u isti predložak. Na primjer, Reviews Summary na vrhu stranice proizvoda i FastComments blok na dnu. Blokovi dijele URL ID, pa sažetak odražava komentare ispod.
Savjeti
- Blok se sam sakriva u pretpregledu uređivača teme s žutim obavijestima ako ne može pronaći tenant. Ako se to pojavi u vašoj živoj trgovini, ponovno instalirajte FastComments aplikaciju.
- Za stranicu proizvoda, FastComments blok služi i kao vaš widget za recenzije proizvoda. Upotrijebite ga s FastComments - Reviews Summary za sažetak s ocjenama u zvjezdicama na vrhu stranice.
Dodajte značku broja komentara
Blok FastComments - Comment Count prikazuje mali broj komentara za jednu stranicu. Koristite ga u listama blog objava, karticama proizvoda ili bilo kojem predlošku koji povezuje na stranicu s komentarima, kako bi posjetitelji mogli vidjeti koliko je svaka rasprava aktivna prije klika.
Dodavanje bloka
- Otvorite Shopify uređivač teme.
- Otvorite predložak u kojem želite da se broj prikaže. Na primjer, predložak Blog (lista objava) ili sekciju s popisom proizvoda.
- Kliknite Add block u sekciji koja prikazuje svaku stavku.
- Pod Apps, odaberite FastComments - Comment Count.
- Kliknite Save.
Postavke
| Postavka | Što radi | Zadano |
|---|---|---|
| Tenant ID (opcionalno) | Nadjačava iz kojeg FastComments tenanta broj čita podatke. Ostavite prazno za korištenje automatski konfiguriranog tenanta trgovine. | (prazno) |
| Custom URL ID | Nadjačava identifikator stranice koji broj traži. Koristite ovo kada je broj na drugačijoj stranici od FastComments bloka koji prati. | (automatski otkriveno) |
Kako broj odgovara nizu komentara
Blok Comment Count koristi istu logiku automatskog otkrivanja kao blok FastComments:
- Predložak blog objave:
shopify-article-{article.id} - Predložak proizvoda:
shopify-product-{product.id} - Ostali predlošci: putanja zahtjeva
Ako ste postavili Custom URL ID na bloku FastComments na stranici, postavite isti Custom URL ID i na blok Comment Count kako bi upućivali na isti niz komentara.
Savjeti
- Brojevi za sve stavke na stranici dohvaćaju se jednim zahtjevom, pa dodavanje bloka na svaku stavku u dugoj listi nema dodatnih troškova mrežnih poziva.
- Jedan blok Comment Count po objavi ili proizvodu u listi je očekivana upotreba; blok se može dodati onoliko puta koliko je potrebno.
Dodajte feed nedavnih komentara
The FastComments - Recent Comments block prikazuje najnovije komentare u cijeloj vašoj trgovini. Koristite ga za prikaz svježe aktivnosti u bočnoj traci, podnožju ili odjeljku na početnoj stranici.
Dodajte blok
- Otvorite uređivač tema Shopifyja.
- Otvorite predložak na kojem želite feed. Sekcija bočne trake, početna stranica ili indeks bloga svi dobro funkcioniraju.
- Kliknite Dodaj blok u sekciji koja bi ga trebala sadržavati.
- Pod Aplikacije, odaberite FastComments - Recent Comments.
- Kliknite Spremi.
Postavke
| Setting | What it does | Default |
|---|---|---|
| Tenant ID (nije obavezno) | Zamijenite iz kojeg FastComments tenant-a feed čita. Ostavite prazno da biste koristili tenant koji je automatski konfiguriran za trgovinu. | (prazno) |
| Number of comments | Koliko najnovijih komentara prikazati. Raspon 1 do 50. | 5 |
Savjeti
- Svaki komentar vodi na stranicu na kojoj je objavljen, pa blok služi i kao navigacijski trag "o čemu ljudi trenutno razgovaraju".
- Feed obuhvaća cijelu trgovinu. Da biste prikazali najnovije komentare za jednu stranicu, upotrijebite FastComments blok na toj stranici umjesto toga.
Dodajte feed nedavnih rasprava
Blok FastComments - Recent Discussions prikazuje stranice na vašoj trgovini s najnovijom aktivnošću komentara, jedan unos po stranici. Koristite ga kada želite da posjetitelji otkriju aktivne rasprave, a ne pojedinačne komentare.
Dodavanje bloka
- Otvorite Shopify uređivač teme.
- Otvorite predložak u koji želite smjestiti feed, npr. bočnu traku, podnožje, indeks bloga ili odjeljak početne stranice.
- Kliknite Add block u odjeljku koji ga treba sadržavati.
- Pod Apps odaberite FastComments - Recent Discussions.
- Kliknite Save.
Postavke
| Postavka | Što radi | Zadano |
|---|---|---|
| Tenant ID (neobavezno) | Nadjačava iz kojeg FastComments tenant-a feed čita podatke. Ostavite prazno za korištenje automatski konfiguriranog tenant-a trgovine. | (prazno) |
| Number of comments | Koliko najnovijih rasprava prikazati. Raspon od 1 do 50. | 20 |
Recent Discussions vs Recent Comments
Oba bloka povlače podatke iz istog izvora, ali prikazuju različite poglede:
- Recent Comments: ravna lista najnovijih pojedinačnih komentara. Najbolje za "što je upravo rečeno".
- Recent Discussions: jedan unos po stranici, poredan po najnovijoj aktivnosti. Najbolje za "koje su rasprave trenutno žive".
Možete koristiti oba u istoj trgovini. Na primjer, Recent Comments u bočnoj traci bloga i Recent Discussions na početnoj stranici.
Dodajte popis najpopularnijih stranica
The FastComments - Najpopularnije stranice blok navodi stranice u vašoj trgovini s najviše aktivnosti komentara ukupno. Koristite ga za isticanje postova ili proizvoda o kojima se najviše raspravlja.
Dodajte blok
- Otvorite Shopify uređivač tema.
- Otvorite predložak u kojem želite popis, poput bočne trake, podnožja ili odjeljka indeksa bloga.
- Kliknite Add block u odjeljku koji bi ga trebao sadržavati.
- Pod Apps, odaberite FastComments - Najpopularnije stranice.
- Kliknite Save.
Postavke
| Setting | What it does | Default |
|---|---|---|
| Tenant ID (neobavezno) | Zamijeni od kojeg FastComments tenanta lista čita. Ostavite prazno da biste koristili tenant koji je automatski konfiguriran za trgovinu. | (prazno) |
Najpopularnije stranice naspram Nedavnih rasprava
- Najpopularnije stranice rangira prema ukupnom angažmanu, pa isti postovi obično ostaju pri vrhu neko vrijeme. Dobro za bočnu traku „popularne objave“.
- Nedavne rasprave rangira prema najnovijoj aktivnosti, pa se popis često mijenja. Dobro za panel „što je trenutno popularno“.
Dodajte sažetak recenzija
Blok FastComments - Reviews Summary prikazuje agregiranu ocjenu zvjezdicama i pregled recenzija za stranicu. Upotrijebite ga zajedno s blokom FastComments na predlošcima proizvoda za standardni raspored recenzija: sažetak gore, obrazac za recenzije i recenzije dolje.
Preduvjet: postavite Ocjene i recenzije
Blok Reviews Summary prikazuje pitanja za ocjene koja ste konfigurirali za svoju trgovinu. Prvo ih postavite:
- Otvorite FastComments aplikaciju u svom Shopify adminu.
- Kliknite pločicu Ratings & Reviews Helper (ili izravno otvorite Ratings & Reviews Helper).
- Dodajte pitanja na koja želite da svaki recenzent odgovori (ukupna ocjena zvjezdicama, "kako je stajala odjeća" itd.).
Bez konfiguriranih pitanja, blok sažetka nema što agregirati.
Dodavanje bloka
- Otvorite Shopify uređivač teme.
- Otvorite predložak Product (ili predložak stranice na kojem želite sažetak).
- Kliknite Add block pri vrhu odjeljka stranice, iznad mjesta gdje će biti blok FastComments.
- Pod Apps, odaberite FastComments - Reviews Summary.
- Dodajte blok FastComments niže na istoj stranici ako ga već nemate, kako bi posjetitelji mogli ostaviti recenzije.
- Kliknite Save.
Postavke
| Postavka | Što radi | Zadano |
|---|---|---|
| Tenant ID (neobavezno) | Nadjačajte iz kojeg FastComments tenanta sažetak čita podatke. Ostavite prazno za korištenje automatski konfiguriranog tenanta trgovine. | (prazno) |
| Custom URL ID | Nadjačajte identifikator stranice prema kojem se sažetak agregira. Koristite ovo kada se sažetak nalazi na drugoj stranici od bloka FastComments koji odražava. | (automatski otkriveno) |
Kako sažetak odgovara recenzijama
Blok Reviews Summary koristi istu logiku automatskog otkrivanja kao blok FastComments:
- Predložak proizvoda:
shopify-product-{product.id} - Predložak objave na blogu:
shopify-article-{article.id} - Ostali predlošci: putanja zahtjeva
Za normalnu stranicu proizvoda, sažetak i niz komentara automatski dijele URL ID, bez ikakve konfiguracije.
Savjeti
- Sažetak je samo za čitanje. Za prikupljanje recenzija potreban vam je blok FastComments na istoj stranici.
- Ako promijenite pitanja za ocjene u Ratings & Reviews Helper nakon prikupljanja recenzija, sažetak se ponovno izračunava prema novom skupu pitanja.
Automatska prijava Shopify kupaca
The FastComments block podržava single sign-on (SSO) tako da vaši Shopify kupci mogu komentirati kao oni sami bez stvaranja zasebnog FastComments računa.
Kako to funkcionira
Kad posjetitelj koji je prijavljen u vašu trgovinu otvori stranicu s FastComments blockom:
- Blok otkriva Shopify
customerobjekt. - Šalje ime i e-poštu kupca FastCommentsu putem potpisanog app proxy zahtjeva.
- FastComments stvara ili podudara korisnika čiji je ključ
shopify-{customerId}, tako da isti kupac uvijek mapira na istog FastComments korisnika kroz sesije i ponovne instalacije. - Ime posjetitelja pojavljuje se na njihovim komentarima. Ne traži im se ponovno prijavljivanje.
Ako posjetitelj nije prijavljen u trgovinu, blok prelazi na anonimno komentiranje (ili na FastComments tijek prijave, ovisno o konfiguraciji widgeta).
Isključivanje SSO-a
SSO je uključen prema zadanim postavkama za svaki blok FastComments. Da biste ga isključili na određenom bloku:
- Otvorite Shopify uređivač tema.
- Otvorite predložak koji sadrži blok i kliknite blok da biste ga odabrali.
- Odznačite SSO.
- Kliknite Spremi.
Isključite SSO ako želite da komentatori odaberu zasebni identitet za razgovor. Na primjer, interna stranica zajednice gdje osoblje komentira pod drugim prikaznim imenom.
Što FastComments prima
SSO payload poslan za svakog kupca sadrži:
- ID korisnika izveden iz Shopify customer ID-a (
shopify-{customerId}). - E-adresu kupca (koristi se za identifikaciju korisnika; ne prikazuje se javno).
- Prikazno ime kupca (koristi se kao ime autora komentara).
Ne šalju se podaci o povijesti narudžbi, plaćanju ili adresi. Payload je potpisan na strani poslužitelja; preglednik kupca nikada ne vidi vjerodajnicu.
Poveznice za prijavu i odjavu
Kada je SSO uključen, poveznice za prijavu i odjavu u widgetu za komentare vode na /account/login i /account/logout, standardne Shopify rute za račun kupca. Nije potrebno ništa konfigurirati. Poveznice rade za svaku trgovinu s omogućenim korisničkim računima.
Uvezite postojeće komentare
Ako već imate komentare na svojim Shopify blog objavama i želite ih zadržati, uvezite ih u FastComments prije nego što onemogućite Shopifyjeve izvorne komentare.
Uvoz mora biti izvršen dok su Shopifyjevi izvorni komentari još uvijek aktivni i vidljivi. Nakon što ih onemogućite, FastComments ih više ne može pročitati.
Kako započeti uvoz
- Provjerite je li aplikacija FastComments instalirana u vašoj trgovini.
- Za sada ostavite Shopifyjeve izvorne komentare omogućene.
- Otvorite zahtjev za podršku i recite nam koje blogove uvesti.
Uvoz traje manje od jednog dana.
Kada su vaši postojeći komentari u FastCommentsu, dodajte FastComments blok u predložak vaše objave na blogu i uklonite ili onemogućite Shopifyjeve izvorne komentare. Pogledajte Dodavanje komentara na blog objave i proizvode.
Ako ne trebate zadržati postojeće komentare, možete preskočiti ovu stranicu.
Prilagodba
Boje, fontovi, pravila moderiranja, dopušteni HTML i anonimno komentiranje svi su podesivi kako bi odgovarali brendiranju vaše trgovine.
Otvorite aplikaciju FastComments u svom Shopify administratorskom sučelju i kliknite pločicu Prilagodi da otvorite zaslon za prilagodbu widgeta. Koristi jednokratnu poveznicu za prijavu, pa vam nije potrebna zasebna prijava.
Za potpuni popis opcija prilagodbe pogledajte Vodič za prilagodbe i konfiguraciju.
Greške domene
Ako ste instalirali FastComments iz Shopify App Storea, domena vaše trgovine automatski se dodaje među tenant-ove ovlaštene domene i ne biste trebali vidjeti pogrešku domene. Ova stranica primjenjuje se ako ste prošli ručni put instalacije, ili ako je vaš prodajni prostor poslužen na prilagođenoj domeni koja nije bila registrirana kod Shopifyja u trenutku instalacije aplikacije.
Možete dobiti pogrešku autorizacije koja izgleda ovako:
To znači da FastComments ne prepoznaje domenu na kojoj se widget učitava kao ovlaštenu za vaš tenant.
Da biste to popravili, dodajte domenu u svoj FastComments račun: Konfigurirajte domene.
Ručno instaliranje (napredno)
Ako ne možete instalirati Shopify App Store aplikaciju, i dalje možete dodati FastComments uređivanjem svoje teme. Ovaj način je koristan kada želite povezati FastComments tenant koji već imate, ili kada ugrađujete na Shopify trgovinu gdje aplikacija nije opcija.
Instalacija putem aplikacije je podržani put za većinu trgovina. Koristite ovaj način samo ako aplikacija nije prikladna.
Korak 1: Onemogućite izvorne komentare Shopifyja
U svom Shopify administratorskom sučelju idite na Blog posts > Manage blogs, otvorite svaki blog i u desnom panelu postavite Comments are disabled. Kliknite Save.
Ovo sprječava da Shopifyjevi ugrađeni komentari budu prikazani uz FastComments.
Korak 2: Otvorite predložak teme bloga
U Shopify administraciji:
- Idite na Online Store > Themes.
- Ispod trenutne teme kliknite Actions > Edit code.
- U pregledniku datoteka s lijeve strane, otvorite Sections i kliknite
main-article.liquid.
Ovo je predložak koji Shopify prikazuje za pojedinačni blog članak.
Korak 3: Zalijepite FastComments isječak
Pomaknite se otprilike do retka 100 u main-article.liquid, odmah nakon zatvarajućeg </div> tijela članka. Zalijepite sljedeći isječak:
Zamijenite "demo" vlastitim Tenant ID-jem s fastcomments.com/auth/my-account/api-secret. Kliknite Save.
Korak 4: Autorizirajte domenu vaše trgovine
Otvorite post s bloga na vašoj javnoj trgovini. Ako umjesto widgeta za komentare vidite grešku autorizacije, FastComments treba znati da je vašoj trgovini dopušteno koristiti ovaj tenant. Pogledajte Pogreške domene.
Dodavanje FastComments na druge stranice
Isti isječak radi u bilo kojem Liquid predlošku, uključujući stranice proizvoda, prilagođene stranice i početnu stranicu. Zalijepite ga tamo gdje želite da se komentari prikazuju i prilagodite urlId ako želite stabilan identifikator po stranici (na primjer, urlId: "{{ product.id }}" na predlošku proizvoda).
Dodajte ankete u svoju Shopify trgovinu
Jednom kada je FastComments na vašem Shopify dućanu, možete također pokrenuti live ankete izravno u komentarima. Uključite Enable Polls u postavkama prilagodbe widgeta i gumb ankete pojavljuje se u alatnoj traci komentara. Ankete podržavaju od 2 do 10 opcija, rezultati se ažuriraju uživo za sve na stranici, a vi odabirete tko može stvarati ankete i zahtijeva li glasanje prijavu. Nema ništa drugo što treba instalirati na Shopify.
Isprobajte demo Live anketa ili pročitajte Dokumentacija anketa da ih postavite.