Mi sono chiesto di questo per un po’, quindi ho pensato di provarlo. Nota che ho pochissima esperienza con Shopify, ma è qualcosa che mi è stato chiesto piuttosto spesso quando ho lavorato al supporto clienti per Discourse.
Se sia il negozio Shopify che il sito Discourse sono configurati in modo da poter essere visualizzati da utenti anonimi (non registrati), i commenti di Discourse possono essere incorporati nella pagina del prodotto Shopify. Per fare ciò, aggiungi il dominio del tuo negozio alla sezione Host consentiti (Allowed Hosts) nella pagina Admin / Personalizza / Incorpora (Customize / Embedding) del tuo sito Discourse:
Assicurati di aggiungere il nome utente dell’utente Discourse che verrà visualizzato come autore degli argomenti Discourse su Shopify all’impostazione “Nome utente per la creazione di argomenti” (Username for topic creation). Quindi fai clic sul pulsante “Salva impostazioni di incorporamento” (Save Embedding Settings) in fondo alla pagina.
Copia il codice di incorporamento visualizzato nella pagina Incorpora nella sezione “Descrizione” (Description) della pagina del prodotto Shopify. Assicurati di fare clic sul pulsante “mostra html” (show html) nell’editor prima di inserire il codice:
Modifica il codice di incorporamento per sostituire DISCOURSE_USERNAME con il nome utente che hai inserito come “Nome utente per la creazione di argomenti” nella pagina Incorpora di Discourse. Sostituisci anche il testo EMBED_URL nel codice di incorporamento con l’URL del prodotto. Quindi salva la pagina del prodotto.
Nota, puoi ottenere maggiori dettagli sull’incorporamento dei commenti di Discourse qui: Embed Discourse comments on another website via Javascript.
Ora dovresti vedere una sezione Commenti Discourse (incorporata come iframe) nella pagina del prodotto Shopify. Supponendo che non ci siano errori, potrebbe visualizzare il testo “Caricamento discussione” (Loading discussion) la prima volta che la visiti. Quello che sta succedendo è che la visita alla pagina ha innescato Discourse a creare un argomento per la pagina del prodotto. Dopo alcuni secondi, dovresti vedere il testo “Avvia discussione” (Start discussion). Se fai clic su quel link, verrai portato all’argomento Discourse correlato.
Se visiti l’argomento e rispondi, quella risposta apparirà sulla pagina del prodotto Shopify.
Possibili problemi:
La sezione descrizione del tema Shopify predefinito non sembra abbastanza larga da visualizzare la sezione dei commenti di Discourse:
Suppongo che questo possa essere facilmente risolto con un tema Shopify personalizzato.
Discourse non ti dà molto controllo sul contenuto che viene estratto dal prodotto Shopify all’argomento Discourse. Ecco cosa vedo per il prodotto che ho collegato a Discourse:
Dopo aver fatto clic sul pulsante “Mostra post completo” (Show Full Post):
Quello che vorrei vedere è la descrizione del prodotto, il prezzo e l’immagine. Sicuramente non voglio che venga visualizzato il seguente testo:
Varianti del prodotto
Impossibile caricare la disponibilità del ritiro Aggiorna
Potrebbe essere possibile risolvere questo problema modificando l’impostazione del sito Discourse allowed embed selectors. Alcuni dettagli su tale impostazione sono qui: Configura l’impostazione dei selettori di incorporamento consentiti. Discourse ha anche un’impostazione del sito nascosta blocked embed selectors che potrebbe essere utile. Recentemente ho configurato un debugger online per aiutare a configurare le impostazioni di incorporamento di Discourse. È un lavoro in corso, ma inviami un messaggio privato se desideri provarlo.
Se il sito Discourse o il negozio Shopify sono configurati in modo da non poter essere visualizzati da utenti anonimi, sospetto che incontrerai problemi con i commenti incorporati.
Dover aggiungere manualmente il codice di incorporamento di Discourse a un gran numero di prodotti Shopify pubblicati in precedenza potrebbe essere un problema. Sospetto che sarebbe possibile creare un’app Shopify che aggiungesse automaticamente il codice di incorporamento di Discourse a tutte le descrizioni dei prodotti.
Un’altra cosa che potrebbe essere necessario affrontare è far corrispondere gli stili dei commenti di Discourse incorporati agli stili della pagina del prodotto Shopify. Dovrebbe essere possibile farlo aggiungendo del CSS alla sezione CSS di incorporamento (Embed CSS) dell’editor del tema del tuo tema Discourse predefinito. Ad esempio, questo risolve il problema del colore di sfondo nei miei screenshot precedenti:
