Dodajte komentarje na spletne strani Shopify
FastComments je na voljo v trgovini aplikacij Shopify (Shopify App Store). Namestite aplikacijo in v urejevalniku teme Shopify dodajte bloke FastComments na katerokoli objavo na blogu, stran izdelka ali prilagojeno stran. Ni potrebno urejanje kode.
Ko namestite aplikacijo, Shopify pripravi vaš račun FastComments, poveže domeno vaše trgovine in samodejno vzpostavi obračunavanje. Ni vam treba posebej ustvariti računa na fastcomments.com.
Strani v tem vodniku obravnavajo vsak blok FastComments, ki ga aplikacija zagotavlja, kako deluje enotna prijava (single sign-on) za vaše kupce Shopify in kako uvoziti obstoječe komentarje iz Shopify, preden preklopite.
Namestite aplikacijo FastComments 
Namestitev iz trgovine Shopify App Store
- Odprite FastComments listing on the Shopify App Store.
- Kliknite Add app in izberite načrt, ki ga želite med postopkom namestitve.
- Ko je namestitev končana, vas Shopify preusmeri nazaj v upravljanje FastComments znotraj Shopify.
To je celotna namestitev. Ničesar ni treba prilepiti v datoteke teme.
Kaj se nastavi za vas
Namestitev izvede vse, kar bi sicer morali narediti ročno:
- Za vašo trgovino se ustvari FastComments tenant in je povezan z domeno vaše trgovine.
- URL vaše trgovine se doda v pooblastila domen tenanta, tako da se komentarji naložijo brez napake zaradi domene.
- Zapiše se shop metafield
fastcomments.tenant_id, da vsak blok ve, proti kateremu tenantu naj se renderira. - Enotna prijava (single sign-on) za vaše stranke Shopify je privzeto omogočena.
- Zaračunavanje poteka prek Shopify Managed Pricing. Zaračunavanja se pojavijo na vaši običajni Shopify izstavitvi. Nadgradite, znižajte načrt ali prekličite v Settings > Apps and sales channels > FastComments v vašem Shopify upravljanju.
Če je bila vaša trgovina že pred namestitvijo aplikacije stranka FastComments, namestitev ponovno uporabi obstoječega tenanta namesto ustvarjanja novega.
Vgrajen skrbniški vmesnik
Ko odprete aplikacijo FastComments iz svojega Shopify upravljanja, pristaneš na nadzorni plošči z enim klikom do celotnega FastComments backend-a:
- Nadzorna plošča: nastavitve računa, uporaba in podrobnosti naročnine.
- Vrsta za moderiranje: odobritev, zavrnitev in odgovarjanje na komentarje po celotni trgovini.
- Prilagodi: prilagodite barve pripomočka, pisave, pravila moderiranja in konfiguracijo.
- Pomočnik za ocene in mnenja: nastavite ocene z zvezdicami in vprašanja za ocene, če želite uporabiti blok Reviews Summary.
Vsaka ploščica odpre FastComments z enkratno povezavo za prijavo, zato ločena prijava ni potrebna.
Naslednje: dodajte bloke v vašo trgovino
Odprite urejevalnik teme Shopify (Spletna trgovina > Teme > Prilagodi), odprite predlogo, v katero želite dodati komentarje ali ocene, in kliknite Add block. FastComments bloki se prikažejo pod Apps. Preostali del tega vodiča obravnava vsak od njih.
Dodajte komentarje k objavam na blogu in izdelkom
Blok FastComments je glavni pripomoček za komentiranje. Dodajte ga v predloge objav na blogu, predloge izdelkov ali katero koli drugo stran, kjer želite razpravo ali klepet v živo.
Dodaj blok
- Odprite urejevalnik teme Shopify (Online Store > Themes > Customize).
- Izberite predlogo, na kateri želite komentare: Blog post, Product, ali katero koli drugo stran ali predlogo sekcije.
- V sekciji, kjer želite, da se komentarji prikažejo, kliknite Add block.
- Pod Apps izberite FastComments.
- Kliknite Save.
Blok se prikaže takoj. Vnos Tenant ID ni potreben; najemnik vaše trgovine je samodejno povezan ob namestitvi aplikacije.
Nastavitve
| Setting | Kaj naredi | Privzeto |
|---|---|---|
| Tenant ID (neobvezno) | Prepiše, kateremu FastComments najemniku se blok prikaže. Pustite prazno, da uporabite najemnika, ki je samodejno konfiguriran za trgovino. Ročni Tenant ID poiščete na fastcomments.com/auth/my-account/api-secret. | (prazno) |
| SSO | Samodejno prijavi obiskovalca v njihov Shopify račun kupca pred komentiranjem. Glejte Samodejna prijava strank Shopify. | Vključeno |
| Slog komentiranja | Gnezdeno za gnezdene odgovore in glasovanja, ali Pretakanje za klepet v realnem času. | Gnezdeno |
| Prilagojen URL ID | Prepiše samodejno zaznan identifikator strani. Uporabite to, kadar želite, da si dve URL naslovu delita en komentarni tok. | (samodejno zaznano) |
Kako je izbran identifikator strani
Vsak komentarni tok je povezan z ID-jem URL. Blok izbere enega samodejno:
- Blog post template:
shopify-article-{article.id}, ki ostane enak tudi ob spremembah prispevka in naslova. - Product template:
shopify-product-{product.id}, ki ostane enak tudi ob spremembah prispevka in naslova. - Other templates: pot zahteve (request path).
Če nastavite Custom URL ID, se namesto tega uporabi ta vrednost. Uporabite isti Custom URL ID v več blokih (na primer na lokalizirani različici strani izdelka), da delijo en komentarni tok.
Gnezdeno proti Pretakanju
Gnezdeno je privzeto. Obiskovalci se odgovarjajo med seboj, glasujejo in orodja za moderacijo delujejo kot pričakovano. Najbolje za objave na blogu in ocene izdelkov.
Pretakanje odstrani gnezdenje in prikazuje nove komentarje v realnem času, ko so objavljeni, podobno klepetu. Najbolje za predstavitve izdelkov, dogodke v živo in skupnostne strani.
Več blokov na isti strani
Blok je mogoče dodati večkrat v isto predlogo. Na primer povzetek ocen na vrhu strani izdelka in blok FastComments na dnu. Bloki delijo ID URL, zato povzetek odraža komentarje spodaj.
Nasveti
- Blok se v predogledu urejevalnika teme skrije z rumenim obvestilom, če ne najde najemnika. Če se to pojavi v vaši živi trgovini, znova namestite aplikacijo FastComments.
- Na strani izdelka blok FastComments lahko služi tudi kot pripomoček za ocene izdelkov. Združite ga s FastComments - Reviews Summary za povzetek z zvezdicami na vrhu strani.
Dodajte značko s številom komentarjev
Blok FastComments - Comment Count prikaže majhen števec komentarjev za posamezno stran. Uporabite ga v seznamih objav na blogu, karticah izdelkov ali katerikoli predlogi, ki se povezuje s stranjo s komentarji, da lahko obiskovalci vidijo, kako aktivna je posamezna nit, preden kliknejo naprej.
Dodajte blok
- Odprite urejevalnik teme Shopify.
- Odprite predlogo, kjer želite, da se števec prikaže. Na primer predloga Blog (seznam objav) ali odsek s seznamom izdelkov.
- Kliknite Dodaj blok v odseku, ki upodablja vsak element.
- V razdelku Aplikacije izberite FastComments - Comment Count.
- Kliknite Shrani.
Nastavitve
| Nastavitev | Kaj počne | Privzeto |
|---|---|---|
| Tenant ID (optional) | Prepiše, pri katerem FastComments najemniku števec bere. Pustite prazno, da se uporabi najemnik, ki ga je trgovina samodejno konfigurirala. | (prazno) |
| Custom URL ID | Prepiše identifikator strani, ki ga števec poišče. Uporabite to, kadar je števec na drugi strani kot FastComments blok, ki ga spremlja. | (samodejno zaznano) |
Kako se števec ujema z nitjo komentarjev
Blok Comment Count uporablja enako logiko samodejnega odkrivanja kot blok FastComments:
- Predloga objave na blogu:
shopify-article-{article.id} - Predloga izdelka:
shopify-product-{product.id} - Druge predloge: pot zahtevka
Če na strani nastavite Custom URL ID v bloku FastComments, nastavite isti Custom URL ID tudi v bloku Comment Count, da bosta kazala na isto nit.
Nasveti
- Števila za vsak element na strani se pridobijo z enim zahtevkom, zato dodajanje bloka za vsak element v dolgem seznamu ne povzroča dodatnih krožnih zahtev.
- Pričakovana uporaba je en Comment Count block na članek ali izdelek v seznamu; blok lahko dodate tolikokrat, kot potrebujete.
Dodajte vir zadnjih komentarjev
Blok FastComments - Recent Comments prikazuje najnovejše komentarje v celotni vaši trgovini. Uporabite ga za prikaz svežih aktivnosti v stranski vrstici, nogi strani ali odseku domače strani.
Dodaj blok
- Odprite urejevalnik teme Shopify.
- Odprite predlogo, kamor želite dodati vir. Sekcija stranske vrstice, domača stran ali indeks bloga so vse primerne.
- Kliknite Add block v razdelku, ki naj ga vsebuje.
- Pod Apps izberite FastComments - Recent Comments.
- Kliknite Save.
Nastavitve
| Setting | What it does | Default |
|---|---|---|
| ID najemnika (neobvezno) | Prepiše, iz katerega FastComments najemnika bere vir komentarjev. Pustite prazno, da se uporabi samodejno konfiguriran najemnik trgovine. | (prazno) |
| Število komentarjev | Koliko najnovejših komentarjev se prikaže. Obseg od 1 do 50. | 5 |
Nasveti
- Vsak komentar vsebuje povezavo do strani, na kateri je bil objavljen, zato blok hkrati služi kot namig za navigacijo "o čem ljudje trenutno govorijo".
- Vir zajema celotno trgovino. Če želite prikazati najnovejše komentarje samo za eno stran, namesto tega uporabite blok FastComments na tej strani.
Dodajte vir zadnjih razprav
The FastComments - Recent Discussions block lists the pages on your store with the most recent comment activity, one entry per page. Use it when you want visitors to discover active threads rather than individual comments.
Dodajte blok
- Odprite urejevalnik teme Shopify.
- Odprite predlogo, kamor želite vir, na primer stranska vrstica, noga, index bloga ali odsek domače strani.
- Kliknite Dodaj blok v odseku, ki naj ga vsebuje.
- Pod Aplikacije izberite FastComments - Recent Discussions.
- Kliknite Shrani.
Nastavitve
| Nastavitev | Kaj počne | Privzeto |
|---|---|---|
| Tenant ID (neobvezno) | Prepiše, iz katerega FastComments najemnika vir bere. Pustite prazno, da se uporabi samodejno konfiguriran najemnik trgovine. | (prazno) |
| Number of comments | Koliko nedavnih razprav prikazati. Razpon 1 do 50. | 20 |
Recent Discussions vs Recent Comments
Both blocks pull from the same data, but they show different views:
- Recent Comments: a flat list of the latest individual comments. Best for "what was just said".
- Recent Discussions: one entry per page, ordered by most recent activity. Best for "which threads are alive right now".
You can use both on the same store. For example, Recent Comments in the blog sidebar and Recent Discussions on the home page.
Dodajte seznam najbolj obiskanih strani
Blok FastComments - Top Pages prikaže strani v vaši trgovini z največ komentarske aktivnosti na splošno. Uporabite ga za izpostavitev vaših najbolj razpravljenih objav ali izdelkov.
Dodaj blok
- Odprite urejevalnik teme Shopify.
- Odprite predlogo, kjer želite seznam, na primer stransko vrstico, nogo ali razdelek indeksa bloga.
- Kliknite Dodaj blok v razdelku, ki naj ga vsebuje.
- Pod Aplikacije izberite FastComments - Top Pages.
- Kliknite Shrani.
Nastavitve
| Setting | What it does | Default |
|---|---|---|
| Tenant ID (izbirno) | Prepišite, iz katerega FastComments tenanta naj seznam bere. Pustite prazno, da se uporabi samodejno konfiguriran tenant trgovine. | (prazno) |
Top Pages proti Recent Discussions
- Top Pages razvršča po skupnem angažmaju, zato enake objave navadno dlje časa ostajajo pri vrhu. Primerno za stransko vrstico "priljubljene objave".
- Recent Discussions razvršča po najnovejši aktivnosti, zato se seznam hitro menja. Primerno za panel "kaj je zdaj vroče".
Dodajte povzetek ocen
Blok FastComments - Reviews Summary prikazuje združeno oceno z zvezdicami in razčlenitev ocen za stran. Združite ga z blokom FastComments v predlogah izdelkov za standardno postavitev ocen: povzetek zgoraj, obrazec za ocene in ocene spodaj.
Predpogoj: nastavite Ratings & Reviews
Blok Reviews Summary prikazuje vprašanja za ocenjevanje, ki ste jih nastavili za svojo trgovino. Najprej jih nastavite:
- Odprite aplikacijo FastComments v svoji Shopify upravni plošči.
- Kliknite ploščico Ratings & Reviews Helper (ali odprite Ratings & Reviews Helper neposredno).
- Dodajte vprašanja, na katera želite, da vsak ocenitelj odgovori (splošna ocena z zvezdicami, "kako se prilega", itd.).
Brez konfiguriranih vprašanj povzetek nima ničesar za združevanje.
Dodajte blok
- Odprite urejevalnik teme Shopify.
- Odprite predlogo Product (ali predlogo strani, kjer želite povzetek).
- Kliknite Add block blizu vrha razdelka strani, nad mestom, kjer bo blok FastComments.
- Pod Apps izberite FastComments - Reviews Summary.
- Dodajte spodaj na isti strani blok FastComments, če ga še nimate, da lahko obiskovalci pustijo ocene.
- Kliknite Save.
Nastavitve
| Setting | What it does | Default |
|---|---|---|
| Tenant ID (optional) | Override which FastComments tenant the summary reads from. Leave blank to use the store's automatically-configured tenant. | (blank) |
| Custom URL ID | Override the page identifier the summary aggregates against. Use this when the summary lives on a different page from the FastComments block it reflects. | (auto-detected) |
Kako se povzetek ujema z ocenami
Blok Reviews Summary uporablja isto logiko samodezne zaznave kot blok FastComments:
- Predloga izdelka:
shopify-product-{product.id} - Predloga članka:
shopify-article-{article.id} - Druge predloge: pot zahteve
Na običajni strani izdelka povzetek in nit komentarjev samodejno uporabljata isti URL ID, brez dodatne konfiguracije.
Nasveti
- Povzetek je samo za branje. Za zbiranje ocen potrebujete na isti strani blok FastComments.
- Če po zbiranju ocen spremenite vprašanja za ocenjevanje v Pomočniku za ocene in mnenja (Ratings & Reviews Helper), se povzetek ponovno izračuna glede na nov nabor vprašanj.
Samodejna prijava strank Shopify
The FastComments block podpira enotno prijavo (SSO), tako da lahko vaši Shopify kupci komentirajo kot sami brez ustvarjanja ločenega FastComments računa.
Kako deluje
Ko obiskovalec, ki je prijavljen v vašo trgovino, odpre stran z blokom FastComments:
- Blok zazna Shopify
customerobjekt. - Pošlje ime in e-pošto stranke FastComments prek podpisane zahteve app proxy.
- FastComments ustvari ali poišče uporabnika s ključem
shopify-{customerId}, tako da isti kupec vedno ustreza istemu FastComments uporabniku med sejami in ponovnimi namestitvami. - Ime obiskovalca se prikaže pri njihovih komentarjih. Niso pozvani, da se ponovno prijavijo.
Če obiskovalec ni prijavljen v trgovino, se blok vrne na anonimno komentiranje (ali na FastComments prijavni postopek, odvisno od konfiguracije vašega vtičnika).
Onemogočanje SSO
SSO je privzeto vklopljen za vsak blok FastComments. Če ga želite izklopiti na določenem bloku:
- Odprite urejevalnik teme Shopify.
- Odprite predlogo, ki vsebuje blok, in kliknite blok, da ga izberete.
- Počistite kljukico pri SSO.
- Kliknite Shrani.
SSO izklopite, če želite, da komentatorji izberejo ločeno identiteto za pogovor. Na primer, notranja skupnostna stran, kjer osebje komentira pod drugačnim prikaznim imenom.
Kaj prejme FastComments
SSO paket podatkov, poslan za vsakega kupca, vsebuje:
- ID uporabnika izpeljan iz Shopify ID-ja kupca (
shopify-{customerId}). - E-poštni naslov stranke (uporablja se za identifikacijo uporabnika; ni prikazan javno).
- Prikazno ime stranke (uporablja se kot ime avtorja pri njihovem komentarju).
Ne pošiljajo se podatki o zgodovini naročil, plačilu ali naslovu. Paket je podpisan na strežniku; brskalnik stranke nikoli ne vidi poverilnic.
Povezave za prijavo in odjavo
Ko je SSO vklopljen, povezavi za prijavo in odjavo v pripomočku za komentarje kažeta na /account/login in /account/logout, standardni poti računa stranke Shopify. Ni ničesar za konfigurirati. Povezave delujejo za vsako trgovino, kjer so omogočeni računi strank.
Uvoz obstoječih komentarjev
Če že imate komentarje na svojih objavah na Shopify blogu in jih želite obdržati, jih uvozite v FastComments, preden onemogočite nativno komentiranje Shopify.
Uvoz mora potekati, medtem ko so nativni komentarji Shopify še aktivni in vidni. Ko jih onemogočite, jih FastComments ne more več prebrati.
Kako začeti uvoz
- Prepričajte se, da je aplikacija FastComments nameščena v vaši trgovini.
- Za zdaj pustite nativno komentiranje Shopify vključeno.
- Odprite zahtevek za podporo in nam povejte, katere bloge želite uvoziti.
Uvoz traja manj kot en dan.
Ko so vaši obstoječi komentarji v FastComments, dodajte FastComments blok v predlogo objave na blogu in odstranite ali onemogočite nativne komentarje Shopify. Oglejte si Dodaj komentarje k objavam na blogu in izdelkom.
Če obstoječih komentarjev ne potrebujete obdržati, lahko to stran preskočite.
Prilagajanje
Barve, pisave, pravila moderiranja, dovoljen HTML in anonimno komentiranje so vsi nastavljivi, da se ujemajo z blagovno znamko vaše trgovine.
Odprite aplikacijo FastComments v vašem skrbništvu Shopify in kliknite ploščico Prilagodi, da odprete zaslon za prilagajanje pripomočka. Uporablja enkratno povezavo za prijavo, zato ločena prijava ni potrebna.
Za celoten seznam možnosti prilagajanja glejte Vodnik za prilagoditve in konfiguracijo.
Napake domene
Če ste namestili FastComments iz Shopify App Store, se domena vaše trgovine samodejno doda med pooblaščene domene najemnika in ne bi smeli videti napake domene. Ta stran velja, če ste šli skozi ročno namestitev, ali če je vaša trgovina gostovana na lastni domeni, ki ni bila registrirana pri Shopify v času namestitve aplikacije.
Morda se prikaže napaka pri avtorizaciji, ki izgleda tako:
To pomeni, da FastComments ne prepozna domene, na kateri se widget nalaga, kot pooblaščene za vašega najemnika.
Če želite to odpraviti, dodajte domeno v svoj FastComments račun: Konfigurirajte domene.
Ročna namestitev (napredno)
If you can't install the Shopify App Store app, you can still add FastComments by editing your theme. This path is useful when you want to wire up a FastComments tenant you already own, or when you're embedding on a Shopify storefront where the app isn't an option.
The app-based install is the supported path for most stores. Reach for this only if the app doesn't fit.
Korak 1: Onemogočite vgrajene komentarje Shopify
V svojem Shopify skrbniškem vmesniku pojdite na Objave v blogu > Upravljaj bloge, odprite vsak blog in v desnem panelu nastavite Komentarji so onemogočeni. Shrani.
S tem preprečite, da bi se Shopifyjevi vgrajeni komentarji prikazovali skupaj s FastComments.
Korak 2: Odprite predlogo teme za blog
V svojem Shopify skrbniškem vmesniku:
- Pojdite na Spletna trgovina > Teme.
- Pod vašo trenutno temo kliknite Dejanja > Uredi kodo.
- V brskalniku datotek na levi odprite Sekcije in kliknite
main-article.liquid.
To je predloga, ki jo Shopify uporablja za prikaz posameznega blog članka.
Korak 3: Prilepite FastComments odsek
Pomaknite se približno do vrstice 100 v main-article.liquid, takoj za zapiralnim </div> telesa članka. Prilepite naslednji odsek:
Zamenjajte "demo" z vašim Tenant ID iz fastcomments.com/auth/my-account/api-secret. Kliknite Shrani.
Korak 4: Avtorizirajte domeno vaše trgovine
Odprite objavo v blogu na vaši živi trgovini. Če namesto pripomočka za komentarje vidite napako pri avtorizaciji, FastComments potrebuje vedeti, da je vaša trgovina pooblaščena za uporabo tega najemnika. Oglejte si Domain Errors.
Dodajanje FastComments na druge strani
Isti vstavki delujejo v kateri koli Liquid predlogi, vključno s stranmi izdelkov, prilagojenimi stranmi in domačo stranjo. Prilepite ga tam, kjer želite, da se prikažejo komentarji, in prilagodite urlId, če želite stabilen identifikator za posamezno stran (na primer, urlId: "{{ product.id }}" v predlogi izdelka).