Add Comments to Squarespace Sites

In questa sezione impareremo come aggiungere commenti in tempo reale al tuo blog Squarespace.

Dovrai aggiungere il codice una sola volta e il widget verrà aggiunto automaticamente a tutti i post del blog esistenti, e a tutti i post del blog che creerai in futuro.

Le discussioni dei commenti saranno uniche per ogni post del blog.

Inizieremo aprendo la sezione Pagine sulla sinistra dell'Editor:

Apri Pagine

In fondo dovresti vedere Blog con un'icona a forma di ingranaggio a destra. Clicca sull'ingranaggio per aprire le impostazioni del blog:

Apri Impostazioni Blog

Ora andremo in Advanced e poi in Post Blog Item Code Injection:

Apri Impostazione Codice Articolo Blog

Dovresti vedere un'area di codice vuota come la seguente:

Area Codice Vuota

Ora possiamo copiare lo snippet di codice seguente (usa il pulsante di copia in alto a destra dello snippet):

Codice commenti del blog Squarespace

Copy

1

2<script src="https://cdn.fastcomments.com/js/embed-v2.min.js"></script>

3<div id="fastcomments-widget"></div>

4<script>

5 (function () {

6 const tenantId = 'demo'; // l'id del tuo account

7

8 function tryLoad() {

9 // prova a caricare per diversi layout

10 let targetDiv = document.querySelector('.blog-item-comments-content');

11 if (!targetDiv) {

12 targetDiv = document.getElementById('fastcomments-widget');

13 }

14 window.FastCommentsUI(targetDiv, {

15 tenantId

16 });

17 }

18

19 tryLoad();

20 })();

21</script>

22

23

...poi incollalo nell'area del codice e clicca salva:

Incolla e salva

Successo! Ora dovresti vedere il FastComments Comment Widget in tutti i tuoi post del blog.

Successo!

Congratulazioni per aver configurato FastComments con Squarespace! Se hai riscontrato un Domain Error, o desideri scoprire come personalizzare l'area dei commenti, continua a leggere!

In questa sezione impareremo come aggiungere commenti in tempo reale a tutte le pagine del tuo sito Squarespace.

Dovrai aggiungere il codice una sola volta e il widget verrà aggiunto automaticamente a tutte le pagine esistenti, e tutte le pagine che creerai in futuro.

I thread dei commenti saranno unici per ogni pagina.

Inizieremo aprendo le Impostazioni a sinistra, nell'Editor:

Apri Impostazioni

In basso dovresti vedere Developer Tools. Cliccaci sopra:

Apri Strumenti per sviluppatori

Ora andremo su Code Injection:

Apri Iniezione di codice

Ora dovresti vedere due aree dove possiamo aggiungere codice, una etichettata HEADER e una etichettata FOOTER. Aggiungeremo il nostro codice nell'area FOOTER:

Area FOOTER vuota

Nel passaggio successivo copieremo il nostro codice e lo aggiungeremo.

Ora possiamo copiare lo snippet di codice seguente. Usa il pulsante copia che appare in alto a destra dello snippet.

Ci sono alcune cose che puoi configurare nel codice, vedi le righe 4-7.

Codice commenti per tutte le pagine di Squarespace

Copy

1

2<script src="https://cdn.fastcomments.com/js/embed-v2.min.js"></script>

3<div id="fastcomments-widget"></div>

4<script>

5 (function () {

6 const tenantId = 'demo'; // il tuo ID account

7

8 function tryLoad() {

9 // prova a caricare per diversi layout

10 let targetDiv = document.querySelector('.blog-item-comments-content');

11 if (!targetDiv) {

12 targetDiv = document.getElementById('fastcomments-widget');

13 }

14 window.FastCommentsUI(targetDiv, {

15 tenantId

16 });

17 }

18

19 tryLoad();

20 })();

21</script>

22

23

...poi incolla nell'area del codice e fai clic su Salva. Dovrebbe apparire così, con il codice nel blocco FOOTER:

Incolla e Salva

Se riscontri problemi, assicurati che verso il fondo non dica "tenantId": "demo". Dovrebbe mostrare il tuo ID tenant se hai effettuato l'accesso. In caso contrario, contatta il supporto.

Successo! Ora dovresti vedere il FastComments Comment Widget su tutte le tue pagine.

Congratulazioni per aver configurato FastComments con Squarespace! Se hai riscontrato un Domain Error, o se vuoi imparare come personalizzare l'area dei commenti, continua a leggere!

In questa sezione impareremo come aggiungere commenti in tempo reale a una pagina specifica del tuo sito Squarespace.

Con questo approccio dovrai aggiungere il codice a ogni pagina in cui vuoi inserire il widget dei commenti.

Le discussioni dei commenti saranno uniche per ogni pagina.

Quando si aggiunge il widget dei commenti a una pagina specifica, abbiamo un po' più di controllo.

Possiamo aggiungere il widget esattamente dove vogliamo, e questo è ciò che faremo in questo tutorial, aggiungendo un blocco di codice personalizzato.

Per prima cosa, apri la pagina alla quale vuoi aggiungere i commenti e clicca su Modifica in alto a sinistra.

In questo esempio aggiungeremo una sezione specificamente per i commenti, ma potresti aggiungerli a una sezione esistente nella pagina.

Aggiungiamo la nostra sezione:

Aggiungi sezione

Stiamo per aggiungere una sezione vuota:

Aggiungi sezione vuota

Vedrai che viene aggiunta un'ampia area vuota. Clicca ADD BLOCK in alto a sinistra:

Aggiungi blocco

Scorri verso il basso fino a trovare l'opzione Code e cliccala:

Seleziona widget Code

Posiziona il blocco di codice nel punto in cui desideri che venga posizionato il widget dei commenti:

Posizionamento

Modifica il blocco di codice:

Modifica il blocco di codice

Nel passaggio successivo copieremo il nostro codice e lo aggiungeremo.

Ora possiamo copiare lo snippet di codice seguente. Usa il pulsante di copia che appare in alto a destra dello snippet.

Ci sono alcune cose che puoi configurare nel codice, vedi le righe da 4 a 7.

Codice per pagina singola Squarespace

Copy

1

2<script src="https://cdn.fastcomments.com/js/embed-v2.min.js"></script>

3<div id="fastcomments-widget"></div>

4<script>

5 (function () {

6 const tenantId = 'demo'; // l'id del tuo account

7

8 function tryLoad() {

9 window.FastCommentsUI(document.getElementById('fastcomments-widget'), {

10 tenantId

11 });

12 }

13

14 tryLoad();

15 })();

16</script>

17

18

Dovrebbe apparire così:

Incolla e Salva

Ora fai clic su Salva in alto a destra.

Nota che l'opzione Preview in Safe Mode non funzionerà, ma il widget apparirà quando visiterai il tuo sito.

Se riscontri problemi, assicurati che nella parte inferiore non compaia "tenantId": "demo". Dovrebbe mostrare il tuo ID tenant se sei connesso. In caso contrario, contatta il supporto.

Fatto! Ora dovresti vedere il FastComments Comment Widget sulla tua pagina.

Congratulazioni per aver configurato FastComments con Squarespace! Se hai riscontrato un Domain Error, o desideri imparare come personalizzare l'area dei commenti, continua a leggere!

FastComments è progettato per essere personalizzato per adattarsi al tuo sito.

Se desideri aggiungere stili personalizzati o modificare la configurazione, Consulta la nostra documentazione sulle personalizzazioni e la configurazione per scoprire come.