Add Comments to Squarespace Sites
Met FastComments kunnen we gemakkelijk live reacties toevoegen aan elke Squarespace-site.
De onderstaande instructies zijn verdeeld in drie secties, afhankelijk van wat u wilt doen:
- Reacties toevoegen aan Squarespace-blogposts
- Reacties toevoegen aan alle pagina's
- Reacties toevoegen aan een specifieke pagina
Houd er rekening mee dat deze handleiding een FastComments-account vereist. Het is aan te raden dat u zich eerst aanmeldt en daarna hier terugkomt. U kunt hier een account aanmaken.
Live reacties toevoegen aan je blog 
In deze sectie leren we hoe je live reacties kunt toevoegen aan je Squarespace-blog.
Je hoeft de code maar één keer toe te voegen en de widget wordt automatisch toegevoegd aan alle bestaande blogposts, en alle blogposts die je in de toekomst maakt.
De reactiedraden zullen uniek zijn voor elk blogbericht.
Stap 1: Open bloginstellingen
We beginnen met het openen van Pagina's links in de Editor:
Onderaan zie je Blog met een tandwiel aan de rechterkant. Klik op het tandwiel om de bloginstellingen te openen:
Ga nu naar Advanced en vervolgens Post Blog Item Code Injection:
Je zou een leeg codegebied zoals het volgende moeten zien:
Stap 2: Plak je FastComments.com-code
We kunnen nu het volgende codefragment kopiëren (gebruik de kopieerknop rechtsboven in het fragment):
...plak het vervolgens in het codegebied en klik op Opslaan:
Succes
Succes! Je zou nu de FastComments Reactie-widget op al je blogposts moeten zien.
Gefeliciteerd met het instellen van FastComments met Squarespace! Als je een Domain Error bent tegengekomen, of als je wilt leren hoe je het reactiegebied kunt aanpassen, lees dan verder!
Live reacties toevoegen aan alle pagina's
In deze sectie leren we hoe je live reacties kunt toevoegen aan alle pagina's op je Squarespace-site.
Je hoeft de code maar één keer toe te voegen en de widget wordt automatisch toegevoegd aan alle bestaande pagina's, en aan alle pagina's die je in de toekomst maakt.
De reactiedraden zullen uniek zijn voor elke pagina.
Stap 1: Open de ontwikkelaarstools
We beginnen met het openen van Instellingen aan de linkerkant in de Editor:
Onderaan zou je Developer Tools moeten zien. Klik hierop:
Ga nu naar Code Injection:
Nu zou je twee gebieden moeten zien waar we code kunnen toevoegen, één met het label HEADER en één met het label FOOTER. We voegen onze code toe in het FOOTER-gebied:
In de volgende stap kopiëren we onze code en voegen we deze toe.
Stap 2: Plak je FastComments.com-code
Nu kunnen we het volgende codefragment kopiëren. Gebruik de kopieerknop die rechtsboven in het fragment verschijnt.
Er zijn een paar dingen die u in de code kunt configureren, zie regels 4 tot en met 7.
...plak het vervolgens in het codegebied en klik op opslaan. Het zou er zo uit moeten zien, met de code in het FOOTER-blok:
Als u problemen ondervindt, controleer dan onderaan of er niet "tenantId": "demo" staat. Het zou uw tenant id moeten tonen als u bent ingelogd. Zo niet, neem contact op met de ondersteuning.
Succes
Succes! Je zou nu de FastComments Comment Widget op al je pagina's moeten zien.
Gefeliciteerd met het instellen van FastComments met Squarespace! Als je een Domain Error bent tegengekomen, of als je wilt leren hoe je het reactiegebied kunt aanpassen, lees dan verder!
Live reactie toevoegen aan een specifieke pagina
In deze sectie zullen we leren hoe je live reacties toevoegt aan een specifieke pagina van je Squarespace-site.
Bij deze aanpak moet je de code toevoegen aan elke pagina waarop je de reactiewidget wilt plaatsen.
De reactiedraden zullen uniek zijn voor elke pagina.
Stap 1: Voeg een codeblok toe
Wanneer we de reactie-widget aan een specifieke pagina toevoegen, hebben we iets meer controle.
We kunnen de widget precies daar plaatsen waar we willen, wat we in deze handleiding zullen doen, door een aangepast codeblok toe te voegen.
Open eerst de pagina waaraan u reacties wilt toevoegen en klik linksboven op bewerken.
In dit voorbeeld voegen we een sectie toe die specifiek voor reacties is, maar u kunt ze ook toevoegen aan een bestaande sectie op de pagina.
Laten we onze sectie toevoegen:
We gaan een lege sectie toevoegen:
U ziet een groot leeg gebied toegevoegd. Klik linksboven op ADD BLOCK:
Scroll naar beneden totdat u de optie Code vindt en klik erop:
Positioneer uw codeblok op de plek waar u wilt dat de reactie-widget komt:
Bewerk het codeblok:
In de volgende stap kopiëren we onze code en voegen die toe.
Stap 2: Plak je FastComments.com-code
Nu kunnen we het volgende codefragment kopiëren. Gebruik de kopieerknop die rechtsboven in het fragment verschijnt.
Er zijn een paar dingen die u in de code kunt configureren, zie regels 4 tot en met 7.
Het zou er zo uit moeten zien:
Klik nu op opslaan rechtsboven.
Houd er rekening mee dat de optie Preview in Safe Mode niet zal werken, maar de widget verschijnt wanneer u uw site bezoekt.
Als u problemen ondervindt, controleer dan onderaan of er niet staat "tenantId": "demo". Het zou uw tenant id moeten tonen als u bent ingelogd. Zo niet, neem contact op met support.
Succes
Succes! Je zou nu de FastComments Comment Widget op je pagina moeten zien.
Gefeliciteerd met het instellen van FastComments met Squarespace! Als je een Domain Error bent tegengekomen, of wilt leren hoe je de reactiesectie kunt aanpassen, lees verder!
Domeinfouten
U kunt een autorisatiefout krijgen, zoals de volgende:
Dit komt doordat 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 hierheen 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 bijstellen, Bekijk onze documentatie voor aanpassingen en configuratie om te leren hoe.