FastComments.com

Add Comments to Shopify Sites


Con FastComments possiamo aggiungere facilmente commenti live a qualsiasi sito Shopify.

Le istruzioni qui sotto sono per un blog basato su Shopify, ma il codice di embed può anche essere aggiunto manualmente a qualsiasi pagina modificando altri file del tema. Anche il supporto di FastComments può assistere con questo.

Nota che questo tutorial richiede un account FastComments. Si consiglia di registrarsi prima e poi tornare qui. Puoi creare un account qui.

Passo 2: Disabilita il sistema di commenti predefinito Internal Link

Il primo passo per usare FastComments con Shopify è disabilitare il sistema di commenti di Shopify.

Nota Il supporto di FastComments può aiutarti a migrare i thread di commento esistenti.

Per sostituire il sistema di commenti di Shopify, andremo alla dashboard del negozio e cliccheremo Blog posts in basso a sinistra:

Apri la gestione dei post del blog
Apri la gestione dei post del blog

Poi cliccheremo Manage blogs in alto a destra:

Gestisci blog
Gestisci blog

Clicca sul blog che vogliamo gestire. Se indica Comments are disabled puoi saltare questo passaggio e procedere a Step Two.

Gestisci blog
Gestisci blog

In caso contrario, seleziona il blog e assicurati che Comments are disabled sia selezionato nel pannello a destra:

Disabilita commenti
Disabilita commenti

Ora clicca su Salva.

Passo 3: Apri il modello del tema del blog Internal Link

Ora modificheremo il tema del nostro negozio per aggiungere FastComments.

Nel pannello a sinistra, apri Themes:

Apri Temi
Open Themes

Sotto Current theme, seleziona Actions e poi Edit code:

Modifica codice
Edit Code

Si aprirà un editor di codice, con un browser dei file a sinistra e il codice a destra.

Tutto ciò che dobbiamo fare è copiare un piccolo frammento di codice che aggiunge FastComments e incollarlo nella riga giusta del file corretto.

Nel browser dei file a sinistra, scorri verso il basso e clicca Sections:

Seleziona Sezioni
Select Sections

Ora scorriamo verso il basso e selezioniamo main-article.liquid:

Seleziona main-article
Select main-article

Questo aprirà il modello del tema usato per renderizzare un singolo articolo del blog.

Dovresti ora vedere qualcosa di simile a quanto segue, con main-article.liquid selezionato in alto:

main-article Aperto
main-article Open

Passo 4: Aggiungi il codice di FastComments.com Internal Link

Successivamente scorreremo verso la riga 100:

Scorri alla riga 100
Scorri alla riga 100

Copia ora lo snippet di codice seguente, progettato specificamente per Shopify - non utilizzare snippet di codice da altri tutorial:

Snippet FastComments per Shopify
Copy Copy
1
2<script src="https://cdn.fastcomments.com/js/embed-v2.min.js"></script>
3<div id="fastcomments-widget" class="page-width page-width--narrow"></div>
4<script>
5 FastCommentsUI(document.getElementById('fastcomments-widget'), {
6 tenantId: "demo",
7 urlId: window.location.pathname
8 });
9</script>
10

Ora posizioniamo il cursore sulla riga 101 - subito dopo il </div> - e incolliamo. Dovresti avere qualcosa del genere:

Aggiungi il codice FastComments
Aggiungi il codice FastComments

Ora possiamo salvare:

Salva
Salva

Successo Internal Link


Ora, se visualizziamo un post del blog, dovremmo vedere FastComments!

Successo!
Successo!

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


Personalizzazione Internal Link


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.