Tilføj kommentarer til Shopify-websteder
FastComments er tilgængelig på Shopify App Store. Installer appen og placer FastComments-blokke på ethvert blogindlæg, produktside eller tilpasset side fra Shopify-temaredigereren. Ingen kodeændringer kræves.
Når du installerer appen, opretter Shopify din FastComments-konto, forbinder dit butikdomæne og aktiverer fakturering automatisk. Du behøver ikke tilmelde dig på fastcomments.com separat.
Siderne i denne vejledning gennemgår hver FastComments-blok, som appen leverer, hvordan single sign-on fungerer for dine Shopify-kunder, og hvordan du importerer eksisterende Shopify-kommentarer, inden du skifter over.
Installer FastComments-appen 
Installer fra Shopify App Store
- Åbn FastComments-opføringen på Shopify App Store.
- Klik på Tilføj app og vælg den plan, du ønsker under installationsforløbet.
- Shopify omdirigerer dig tilbage til FastComments-administrationen inde i Shopify, når installationen er færdig.
Det er hele installationen. Der er intet, du skal indsætte i dine tema-filer.
Hvad der bliver opsat for dig
Installationen kører alt det, du ellers ville gøre manuelt:
- En FastComments-tenant oprettes for din butik og linkes til dit shop-domæne.
- Din butiks URL tilføjes tenantens autoriserede domæner, så kommentarer indlæses uden domænefejl.
- Et
fastcomments.tenant_idshop metafield skrives, så hver blok ved, hvilken tenant den skal rendre imod. - Single sign-on for dine Shopify-kunder aktiveres som standard.
- Fakturering kører via Shopify Managed Pricing. Gebyrer vises på din almindelige Shopify-regning. Opgrader, nedgrader eller annuller under Indstillinger > Apps og salgskanaler > FastComments i din Shopify-admin.
Hvis din butik allerede var FastComments-kunde, før du installerede appen, genbruger installationen den eksisterende tenant i stedet for at oprette en ny.
Den indlejrede administration
Når du åbner FastComments-appen fra din Shopify-admin, lander du på et dashboard med fliser, der med ét klik åbner hele FastComments-backend'en:
- Dashboard: kontoindstillinger, forbrug og abonnementsdetaljer.
- Moderation Queue: godkend, afvis og svar på kommentarer på tværs af din butik.
- Customize: juster widget-farver, skrifttyper, moderationsregler og konfiguration.
- Ratings & Reviews Helper: opsæt stjernebedømmelser og anmeldelsesspørgsmål, hvis du vil bruge Reviews Summary-blokken.
Hver flise åbner FastComments med et engangs-loginlink, så du ikke behøver en separat login.
Næste: tilføj blokke til din butik
Åbn din Shopify-temaredigerer (Online Store > Themes > Customize), åbn den skabelon, du vil tilføje kommentarer eller anmeldelser til, og klik på Add block. FastComments-blokkene vises under Apps. Resten af denne guide gennemgår hver enkelt.
Tilføj kommentarer til blogindlæg og produkter
The FastComments blok er hovedkommentar-widgeten. Tilføj den til blogindlægsskabeloner, produktskabeloner eller enhver anden side, hvor du ønsker en diskussionstråd eller en livechat.
Tilføj blokken
- Åbn Shopify-temaeditoren (Online Store > Themes > Customize).
- Vælg den skabelon, du vil have kommentarer på: Blog post, Product, eller enhver anden side- eller sektionsskabelon.
- I den sektion, hvor du vil have kommentarer vist, klik Add block.
- Under Apps, vælg FastComments.
- Klik Save.
Blokken vises med det samme. Der er ingen Tenant ID at indtaste; din butiks tenant er tilsluttet automatisk, når du installerer appen.
Indstillinger
| Setting | What it does | Default |
|---|---|---|
| Tenant ID (optional) | Overskriv hvilken FastComments tenant blokken gengiver imod. Lad være tom for at bruge butikkens automatisk-konfigurerede tenant. Find a manual tenant ID at fastcomments.com/auth/my-account/api-secret. | (blank) |
| SSO | Logger automatisk besøgende ind som deres Shopify-kundekonto, før de kommenterer. Se Auto-Login Shopify Customers. | On |
| Commenting Style | Threaded for indlejrede svar og stemmer, eller Streaming for et realtids chat-feed. | Threaded |
| Custom URL ID | Overskriv den automatisk opdagede sideidentifikator. Brug dette når du vil have to URL'er til at dele én kommentartråd. | (auto-detected) |
Hvordan sideidentifikatoren vælges
Hver kommentartråd er nøglebundet til et URL-id. Blokken vælger et automatisk:
- Blog post template:
shopify-article-{article.id}, som er stabil på tværs af slug- og titelændringer. - Product template:
shopify-product-{product.id}, som er stabil på tværs af slug- og titelændringer. - Other templates: the request path.
Hvis du sætter Custom URL ID, bruges den værdi i stedet. Brug den samme Custom URL ID på tværs af flere blokke (for eksempel på en lokaliseret variant af en produktside) for at dele én kommentartråd.
Threaded vs Streaming
Threaded er standard. Besøgende svarer hinanden, stemmer, og moderationværktøjer fungerer som forventet. Bedst til blogindlæg og produktanmeldelser.
Streaming fjerner trådstrukturen og viser nye kommentarer i realtid, efterhånden som de postes, ligesom et chat-feed. Bedst til produktlanceringer, live-begivenheder og fællesskabssider.
Flere blokke på samme side
Blokken kan tilføjes mere end én gang til den samme skabelon. For eksempel en Reviews Summary øverst på en produktside og en FastComments-blok nederst. Blokkene deler et URL-id, så oversigten afspejler kommentarerne nedenfor.
Tips
- Blokken skjuler sig i temaeditorens forhåndsvisning med en gul meddelelse, hvis den ikke kan finde en tenant. Hvis det vises i din livebutik, geninstaller FastComments-appen.
- På en produktside fungerer FastComments-blokken også som din widget til produktanmeldelser. Kombinér den med FastComments - Reviews Summary for et oversigt over stjernebedømmelser øverst på siden.
Tilføj et badge med antal kommentarer
The FastComments - Comment Count block renders a small comment count for a single page. Use it in blog post lists, product cards, or any template that links to a page with comments, so visitors can see how active each thread is before clicking through.
Tilføj blokken
- Åbn Shopify-temaeditoren.
- Åbn den skabelon, hvor du vil have tællingen til at vises. For eksempel skabelonen Blog (postlisten) eller en produktliste-sektion.
- Klik på Add block i den sektion, der gengiver hvert element.
- Under Apps, vælg FastComments - Comment Count.
- Klik på Save.
Indstillinger
| Setting | What it does | Default |
|---|---|---|
| Tenant ID (optional) | Overskriv hvilken FastComments tenant tællingen læser fra. Lad stå tomt for at bruge butikkens automatisk konfigurerede tenant. | (tomt) |
| Custom URL ID | Overskriv sideidentifikatoren som tællingen slår op. Brug dette når tællingen er på en anden side end den FastComments blok, den følger. | (automatisk fundet) |
Hvordan tællingen matcher kommentartråden
Comment Count-blokken bruger den samme auto-detekteringslogik som FastComments-blokken:
- Blogindlægsskabelon:
shopify-article-{article.id} - Produktskabelon:
shopify-product-{product.id} - Andre skabeloner: anmodningsstien
Hvis du angiver en Custom URL ID på FastComments-blokken på en side, angiv den samme Custom URL ID på Comment Count-blokken, så de peger på samme tråd.
Tips
- Antallet for hvert element på siden hentes i én forespørgsel, så det at tilføje blokken til hvert element i en lang liste ikke medfører nogen ekstra netværksrundtur.
- Én Comment Count-blok per artikel eller produkt i en liste er den forventede brug; blokken kan tilføjes så mange gange, du har brug for.
Tilføj et feed med nyeste kommentarer
Blokken FastComments - Recent Comments viser de nyeste kommentarer fra hele din butik. Brug den til at vise ny aktivitet i en sidebjælke, sidefod eller et afsnit på startsiden.
Tilføj blokken
- Åbn Shopify-temaeditoren.
- Åbn den skabelon, hvor du vil have feedet. En sidebjælke-sektion, startsiden eller blogindekset fungerer alle godt.
- Klik på Add block i den sektion, der skal indeholde den.
- Under Apps, vælg FastComments - Recent Comments.
- Klik på Save.
Indstillinger
| Indstilling | Hvad den gør | Standard |
|---|---|---|
| Tenant ID (valgfrit) | Overskriv hvilken FastComments-tenant feedet læser fra. Lad være tom for at bruge butikkens automatisk konfigurerede tenant. | (tom) |
| Antal kommentarer | Hvor mange nylige kommentarer der skal vises. Interval 1 til 50. | 5 |
Tips
- Hver kommentar linker til den side, den blev postet på, så blokken fungerer også som en navigationsindikator for "hvad folk taler om lige nu".
- Feedet gælder for hele butikken. For at vise nylige kommentarer for en enkelt side, brug i stedet FastComments-blokken på den pågældende side.
Tilføj et feed med nyeste diskussioner
The FastComments - Seneste Diskussioner blok viser de sider i din butik med den nyeste kommenteringsaktivitet, én post pr. side. Brug den, når du vil lade besøgende opdage aktive tråde i stedet for individuelle kommentarer.
Tilføj blokken
- Åbn Shopify-temaeditoren.
- Åbn den skabelon, hvor du vil have feedet, såsom en sidebjælke, sidefod, blogindeks eller en sektion på startsiden.
- Klik på Tilføj blok i den sektion, der skal indeholde den.
- Under Apps, vælg FastComments - Seneste Diskussioner.
- Klik på Gem.
Indstillinger
| Indstilling | Hvad den gør | Standard |
|---|---|---|
| Tenant ID (valgfrit) | Overstyr hvilken FastComments-tenant feedet læser fra. Lad stå tomt for at bruge butikkens automatisk konfigurerede tenant. | (tom) |
| Antal kommentarer | Hvor mange seneste diskussioner der skal vises. Interval: 1 til 50. | 20 |
Seneste Diskussioner vs Seneste Kommentarer
Begge blokke henter fra de samme data, men viser forskellige visninger:
- Seneste Kommentarer: en flad liste over de seneste individuelle kommentarer. Bedst til "hvad der netop blev sagt".
- Seneste Diskussioner: én post pr. side, sorteret efter seneste aktivitet. Bedst til "hvilke tråde der er aktive lige nu".
Du kan bruge begge på samme butik. For eksempel Seneste Kommentarer i bloggens sidebjælke og Seneste Diskussioner på startsiden.
Tilføj en liste over mest populære sider
Blokken FastComments - Top Pages viser de sider i din butik med mest samlet kommentaraktivitet. Brug den til at fremhæve dine mest omdiskuterede indlæg eller produkter.
Tilføj blokken
- Åbn Shopify-temaeditoren.
- Åbn den skabelon, hvor du vil have listen, f.eks. et sidepanel, en sidefod eller en blogindekssektion.
- Klik på Tilføj blok i den sektion, der skal indeholde den.
- Under Apps, vælg FastComments - Top Pages.
- Klik på Gem.
Indstillinger
| Indstilling | Hvad den gør | Standard |
|---|---|---|
| Tenant ID (valgfri) | Overskriv, hvilken FastComments-tenant listen læser fra. Lad stå tomt for at bruge butikkens automatisk konfigurerede tenant. | (tom) |
Top Pages vs Recent Discussions
- Top Pages rangerer efter samlet engagement, så de samme indlæg har en tendens til at blive i toppen i et stykke tid. God til et sidepanel med "populære indlæg".
- Recent Discussions rangerer efter den seneste aktivitet, så listen skifter ofte. God til et panel med "hvad der er hot lige nu".
Tilføj et sammendrag af anmeldelser
The FastComments - Anmeldelsesoversigt blok viser en samlet stjernerating og opdeling af anmeldelser for en side. Kombiner den med FastComments-blokken på produktskabeloner for den standard reviews-layout: oversigt øverst, anmeldelsesformular og anmeldelser nedenfor.
Forudsætning: opsæt Vurderinger & Anmeldelser
Anmeldelsesoversigten viser de vurderingsspørgsmål, du har konfigureret for din butik. Opsæt dem først:
- Åbn FastComments-appen i din Shopify-administrator.
- Klik på flisen Ratings & Reviews Helper (eller åbn Ratings & Reviews Helper direkte).
- Tilføj de spørgsmål, du ønsker, at hver anmelder skal besvare (samlet stjernerating, "hvordan var pasformen", osv.).
Uden konfigurerede spørgsmål har oversigtsblokken intet at aggregere.
Tilføj blokken
- Åbn Shopify-temaeditoren.
- Åbn skabelonen Produkt (eller den sideskabelon, hvor du vil have oversigten).
- Klik på Tilføj blok nær toppen af sidesektionen, over hvor FastComments-blokken vil være.
- Under Apps vælger du FastComments - Reviews Summary.
- Tilføj en FastComments-blok længere nede på den samme side, hvis du ikke allerede har en, så besøgende kan efterlade anmeldelser.
- Klik på Gem.
Indstillinger
| Setting | What it does | Default |
|---|---|---|
| Tenant ID (optional) | Overskriv hvilken FastComments-tenant oversigten læser fra. Lad stå tom for at bruge butikkens automatisk-konfigurerede tenant. | (tom) |
| Custom URL ID | Overskriv sideidentifikatoren, som oversigten aggregerer imod. Brug dette, når oversigten ligger på en anden side end den FastComments-blok, den skal afspejle. | (automatisk registreret) |
Hvordan oversigten matcher anmeldelserne
Anmeldelsesoversigten bruger samme autoudtækningslogik som FastComments-blokken:
- Product template:
shopify-product-{product.id} - Blog post template:
shopify-article-{article.id} - Other templates: the request path
For en normal produktside deler oversigten og kommentartråden automatisk et URL-ID, uden behov for konfiguration.
Tips
- Oversigten er skrivebeskyttet. For at indsamle anmeldelser skal du have en FastComments-blok på samme side.
- Hvis du ændrer vurderingsspørgsmål i Ratings & Reviews Helper efter at have indsamlet anmeldelser, genberegner oversigten i forhold til det nye sæt spørgsmål.
Automatisk log ind for Shopify-kunder
The FastComments-blokken understøtter single sign-on, så dine Shopify-kunder kan kommentere som sig selv uden at oprette en separat FastComments-konto.
Sådan fungerer det
Når en besøgende, der er logget ind i din butik, åbner en side med FastComments-blokken:
- Blokken opdager Shopify
customerobject. - Den sender kundens navn og e-mail til FastComments via en underskrevet app-proxy-anmodning.
- FastComments opretter eller matcher en bruger med nøgle
shopify-{customerId}, så den samme kunde altid svarer til den samme FastComments-bruger på tværs af sessioner og geninstallationer. - Besøgendes navn vises på deres kommentarer. De bliver ikke bedt om at logge ind igen.
Hvis besøgende ikke er logget ind i butikken, falder blokken tilbage til anonym kommentering (eller FastComments' log ind-flow, afhængigt af din widget-konfiguration).
Slå SSO fra
SSO er slået til som standard for enhver FastComments-blok. For at slå det fra for en bestemt blok:
- Åbn Shopify-temaeditoren.
- Åbn den skabelon, der indeholder blokken, og klik på blokken for at markere den.
- Fjern markeringen af SSO.
- Klik på Gem.
Slå SSO fra, hvis du ønsker, at kommentatorer skal vælge en separat identitet til samtalen. For eksempel en intern community-side, hvor personale kommenterer under et andet visningsnavn.
Hvad FastComments modtager
SSO-payloadet, der sendes for hver kunde, indeholder:
- Et bruger-id afledt af Shopify-kunde-id'et (
shopify-{customerId}). - Kundens e-mail (bruges til at identificere brugeren; vises ikke offentligt).
- Kundens visningsnavn (bruges som navnet, der vises som kommentarens forfatter).
Ingen ordrehistorik, betalings- eller adresseoplysninger sendes. Payloaden er underskrevet på serversiden; kundens browser ser aldrig en legitimationsoplysning.
Log ind- og log ud-links
Når SSO er slået til, peger kommentar-widgetens log ind- og log ud-links på /account/login og /account/logout, de standard Shopify-ruter for kundekonti. Der er intet at konfigurere. Linkene fungerer for enhver butik med kundekonti aktiveret.
Importer eksisterende kommentarer
Hvis du allerede har kommentarer på dine Shopify-blogindlæg og ønsker at beholde dem, importer dem til FastComments, før du deaktiverer Shopifys indbyggede kommentarer.
Importen skal køre, mens Shopifys indbyggede kommentarer stadig er aktive og synlige. Når du først deaktiverer dem, kan FastComments ikke længere læse dem.
Sådan starter du en import
- Sørg for, at FastComments-appen er installeret i din butik.
- Lad Shopifys indbyggede kommentarer være aktiveret for nu.
- Åbn en supportsag og fortæl os, hvilke blogs der skal importeres.
Importen kører på mindre end en dag.
Når dine eksisterende kommentarer er i FastComments, tilføj FastComments-blokken til din skabelon for blogindlæg og fjern eller deaktiver Shopifys indbyggede kommentarer. Se Tilføj kommentarer til blogindlæg og produkter.
Hvis du ikke har brug for at bevare eksisterende kommentarer, kan du springe denne side over.
Tilpasning
Farver, skrifttyper, moderationsregler, tilladt HTML og anonyme kommentarer kan alle konfigureres, så de matcher din butiks branding.
Åbn FastComments-appen i din Shopify-administration og klik på flisen Tilpas for at åbne widgetens tilpasningsskærm. Den bruger et engangs-loginlink, så du behøver ikke et separat login.
For den fulde liste over tilpasningsmuligheder, se Guiden til tilpasninger og konfiguration.
Domænefejl
Hvis du har installeret FastComments fra Shopify App Store, bliver dit shop-domæne automatisk føjet til tenantens autoriserede domæner, og du bør ikke få en domænefejl. Denne side gælder, hvis du fulgte den manuelle installationsvej, eller hvis din butiksside bliver serveret på et brugerdefineret domæne, der ikke var registreret hos Shopify på det tidspunkt, hvor appen blev installeret.
Du kan få en autorisationsfejl, der ser sådan ud:
Det betyder, at FastComments ikke genkender det domæne, som widgetten indlæses på, som autoriseret for din tenant.
For at rette det skal du tilføje domænet til din FastComments-konto: Konfigurer domæner.
Manuel installation (avanceret)
Hvis du ikke kan installere Shopify App Store appen, kan du stadig tilføje FastComments ved at redigere dit tema. Denne fremgangsmåde er nyttig, når du vil tilknytte en FastComments-tenant, du allerede ejer, eller når du indlejrer på en Shopify-front, hvor appen ikke er en mulighed.
Installationen via appen er den understøttede vej for de fleste butikker. Brug kun denne metode, hvis appen ikke passer.
Trin 1: Deaktiver Shopifys indbyggede kommentarer
I din Shopify-administrator skal du gå til Blog posts > Manage blogs, åbne hver blog og sætte Comments are disabled i højre panel. Gem.
Dette stopper Shopifys indbyggede kommentarer fra at blive vist sammen med FastComments.
Trin 2: Åbn blog-temaets skabelon
I din Shopify-administrator:
- Gå til Online Store > Themes.
- Under dit aktuelle tema, klik Actions > Edit code.
- I filbrowseren til venstre, åbn Sections og klik
main-article.liquid.
Dette er den skabelon, Shopify renderer for et enkelt blogindlæg.
Trin 3: Indsæt FastComments-snippet
Scroll til omtrent linje 100 i main-article.liquid, lige efter den afsluttende </div> af artiklens brødtekst. Indsæt følgende snippet:
Erstat "demo" med dit eget Tenant ID fra fastcomments.com/auth/my-account/api-secret. Klik Save.
Trin 4: Godkend dit butikdomæne
Åbn et blogindlæg på din live-butik. Hvis du ser en autorisationsfejl i stedet for kommentars-widget'en, skal FastComments vide, at din butik må bruge denne tenant. Se Domænefejl.
Tilføjelse af FastComments til andre sider
Det samme snippet virker på enhver Liquid-skabelon, inklusive produktsider, tilpassede sider og startsiden. Indsæt det, hvor du vil have kommentarer vist, og juster urlId, hvis du vil have en stabil identifikator per side (for eksempel urlId: "{{ product.id }}" i en produktskabelon).