Aggiungi commenti ai siti Weebly

Innanzitutto, assicurati di avere alcuni articoli del blog aggiunti al tuo sito per vedere i risultati di questo tutorial.

Una volta pronto, possiamo procedere e aprire l'editor Weebly, e cliccare Settings in alto.

Apri le Impostazioni

Ora apriamo le impostazioni del nostro blog andando su Blog a sinistra:

Apri le Impostazioni del Blog

Ora quello che dobbiamo fare è disabilitare il sistema di commenti predefinito di Weebly, che sostituiremo.

Nota se desideri migrare i commenti esistenti dal tuo sito Weebly a FastComments, il tuo rappresentante di supporto può assistere con questa migrazione.

Ora impostiamo Commenting system su Default e Comment Default su Closed:

Disabilita il Sistema Predefinito

Successivamente non ci resta che aggiungere il codice del widget di FastComments.com!

Per far funzionare correttamente l'integrazione tra Weebly e FastComments, dobbiamo aggiungere due piccoli frammenti di codice.

Il primo frammento serve a nascondere il messaggio di Weebly "I commenti sono chiusi", e il secondo serve a caricare effettivamente FastComments.

Per prima cosa, copia questo piccolo frammento di codice:

Frammento di codice header di FastComments

Copy

1

2<style>

3 #comments {

4 display: none;

5 }

6 #commentArea:not(.loaded) {

7 display: none;

8 }

9 #commentArea.loaded {

10 display: block !important;

11 }

12</style>

13

Poi, nella stessa pagina delle impostazioni vista in Step One, clicca il + accanto a Post header code.

Apri il codice header del post

Vedrai aprirsi una casella di testo simile a questa:

Codice header del post aperto

Ora incolliamo il nostro frammento di codice:

Frammento di codice header incollato

Il passo successivo è il codice footer per abilitare FastComments. Clicca il segno più accanto a Post footer code:

Apri il codice footer del post

Copia questo frammento di codice progettato specificamente per Weebly:

Frammento di codice footer di FastComments

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 let loaded = false;

7 let interval = null;

8 function attemptLoad() {

9 if (loaded) {

10 clearInterval(interval);

11 return;

12 }

13 const comments = document.getElementById('comments');

14 if (comments) { // rimuovi il pulsante mostra commenti

15 comments.remove();

16 }

17 const commentArea = document.getElementById('commentArea');

18 if (!commentArea) {

19 return;

20 }

21 commentArea.innerHTML = '';

22 commentArea.classList.add('loaded');

23 FastCommentsUI(commentArea, {

24 tenantId: "demo",

25 urlId: window.location.pathname

26 });

27 loaded = true;

28 clearInterval(interval);

29 }

30 attemptLoad();

31 interval = setInterval(attemptLoad, 300);

32 })();

33</script>

34

Ora incolliamo il nostro codice footer:

Codice footer del post aggiunto

Questo è tutto!

Ora dobbiamo solo salvare le modifiche e pubblicare il nostro sito!

Salva e pubblica

Successo! Se visualizzi il tuo sito, ora dovresti avere FastComments Live Commenting abilitato:

Successo

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.