Add Comments to Shopify Sites
Met FastComments kunnen we eenvoudig live reacties toevoegen aan elke Shopify-site.
De onderstaande instructies zijn voor een blog gebouwd op Shopify, maar de embedcode kan ook handmatig aan elke pagina worden toegevoegd door andere themabestanden te bewerken. FastComments Support kan hier ook bij helpen.
Houd er rekening mee dat deze handleiding een FastComments-account vereist. Het wordt aanbevolen dat u zich eerst aanmeldt en vervolgens hier terugkomt. U kunt hier een account aanmaken.
Stap 1: Bestaande reacties importeren 
FastComments kan een tool op uw blog uitvoeren om uw bestaande reacties te importeren. Dit moet echter voordat u ze in stap 2 uitschakelt gebeuren, anders zijn ze niet beschikbaar wanneer wij de tool uitvoeren.
Maak alstublieft een supportticket aan voor deze stap. Gewoonlijk is de import binnen een dag voltooid.
Als u het niet belangrijk vindt om uw bestaande reacties te behouden, ga dan verder met Stap 2.
Stap 2: Standaard reactiesysteem uitschakelen
De eerste stap om FastComments met Shopify te gebruiken is het uitschakelen van het reactiesysteem van Shopify.
Opmerking FastComments Support kan u helpen bij het migreren van bestaande reactiedraden.
Om het Shopify-reactiesysteem te vervangen, gaan we naar ons winkel-dashboard en klikken we op Blog posts linksonder:
Klik vervolgens op Manage blogs rechtsboven:
Klik op de blog die we willen beheren. Als er staat Comments are disabled kunt u deze stap overslaan en doorgaan naar Step Two.
Zo niet, selecteer dan de blog en zorg dat Comments are disabled geselecteerd is in het rechterpaneel:
Klik nu op Opslaan.
Stap 3: Open het blogsjabloon van het thema
Nu gaan we het thema van onze winkel bewerken om FastComments toe te voegen.
In het linkerpaneel, open Themes:
Onder Current theme, selecteer Actions en vervolgens Edit code:
Hierdoor wordt een code-editor geopend, met een bestandsbrowser aan de linkerkant en de code aan de rechterkant.
Alles wat we hoeven te doen is een klein stukje code kopiëren dat FastComments toevoegt en het op de juiste regel in het juiste bestand plakken.
In de bestandsbrowser aan de linkerkant, scrol omlaag en klik op Sections:
Scroll nu naar beneden en selecteer main-article.liquid:
Dit opent het thema-sjabloon dat wordt gebruikt om een enkel blogartikel weer te geven.
Je zou nu iets vergelijkbaars moeten zien, met main-article.liquid geselecteerd bovenaan:
Stap 4: Voeg de FastComments.com-code toe
Vervolgens gaan we naar regel 100 scrollen:
Kopieer nu het volgende codefragment, dat specifiek voor Shopify is ontworpen - gebruik geen codefragmenten uit andere tutorials:
Nu willen we onze cursor op regel 101 plaatsen - direct na de </div> - en plakken. Je zou iets zoals dit moeten hebben:
Nu kunnen we opslaan:
Succes
Als we nu een blogbericht bekijken, zouden we FastComments moeten zien!
Gefeliciteerd met het instellen van FastComments voor Shopify! Als je een Domain Error bent tegengekomen, of wilt leren hoe je het reactiegebied kunt aanpassen, lees verder!
Domeinfouten
U kunt een autorisatiefout krijgen, zoals de volgende:
Dit komt omdat FastComments niet weet dat uw account op dit domein gebruikt mag worden.
In dit geval is de oplossing eenvoudig. U hoeft alleen uw site toe te voegen aan uw FastComments.com-account.
Ga hier naartoe om uw site aan uw account toe te voegen.
Aanpassingen
FastComments is ontworpen om aangepast te worden zodat het bij uw site past.
Als u aangepaste styling wilt toevoegen of de configuratie wilt aanpassen, raadpleeg onze documentatie over aanpassingen voor instructies.