Pulsanti di condivisione social: configurazione e aiuto

Segui i passaggi in Avvio rapido.

Apri il modulo tramite "Module Manager" > Social Share Buttons > "Configure". Il form presenta due impostazioni.

Gli ID delle reti sono facebook, twitter, pinterest, linkedin, whatsapp e email. X usa l'ID memorizzato twitter. Internamente, la selezione viene salvata come stringa separata da virgole, ad esempio facebook,whatsapp,email. Selezioni le piattaforme nel back office anziché digitare questa stringa in un campo di testo.

Per un elenco più breve, seleziona Facebook, WhatsApp ed Email. Per un catalogo visivo, puoi selezionare Pinterest insieme a Facebook, WhatsApp ed Email. Non ci sono chiavi API da configurare.

Il modulo mostra un'etichetta Condividi: e icone SVG delle piattaforme tramite displayProductMetaShare e displayProductAdditionalInfo. Il secondo funge da fallback quando non è ancora stato visualizzato un blocco di condivisione. La posizione finale dipende dagli hook del prodotto nel tuo tema. Il foglio di stile viene caricato tramite displayHeader sulle pagine prodotto quando il modulo è attivo.

Il blocco usa normali link HTML e CSS. Non carica SDK delle piattaforme o JavaScript nel front office e non registra conteggi delle condivisioni né imposta propri cookie di tracciamento. I siti social si aprono quando il cliente segue un link. L'email usa il gestore di posta configurato nel browser.

L'URL del prodotto proviene dai dati del prodotto presentato, quando disponibili, e in alternativa dalla funzione di PrestaShop per i link dei prodotti. Il nome del prodotto fornisce il testo di condivisione sulle piattaforme il cui URL lo accetta. Nei seguenti schemi, i valori sono codificati per gli URL:

Prova almeno due prodotti e confronta i relativi link. Il modulo non crea metadati Open Graph, non sceglie immagini di anteprima social, non offre un campo per un messaggio di condivisione personalizzato e non aggiunge Telegram. Controlla separatamente i metadati della pagina se una piattaforma mostra un'anteprima inattesa.

La configurazione standard usa gli hook delle pagine prodotto. Non offre controlli di posizionamento su pagine CMS o blog. Se un tema prodotto personalizzato non ha un hook supportato, uno sviluppatore può aggiungere una chiamata appropriata con i dati del prodotto:

{hook h='displayProductMetaShare' product=$product}

oppure:

{hook h='displayProductAdditionalInfo' product=$product}

Inserisci la chiamata dove vuoi visualizzare la riga. Dopo aver modificato gli hook, verifica che l'output non sia ripetuto. Un tema può sovrascrivere views/templates/hook/share.tpl in:

themes/your-theme/modules/mprsocialshare/views/templates/hook/share.tpl

Usa queste classi per il CSS del tema: .mprshare-container, .mprshare-label, .mprshare-btn, .mprshare-facebook, .mprshare-twitter, .mprshare-pinterest, .mprshare-linkedin, .mprshare-whatsapp e .mprshare-email.

.mprshare-container { margin-top: 16px; }
.mprshare-btn { width: 40px; height: 40px; }
.mprshare-btn svg { width: 20px; height: 20px; }

• Se manca la riga, controlla Attiva, Reti, l'hook del prodotto e se riceve i dati del prodotto.
• Se una riga non ha icone, seleziona reti supportate e salva. Gli ID di rete memorizzati sconosciuti non hanno un ramo corrispondente nel template.
• Se la riga è priva di stile, controlla modules/mprsocialshare/views/css/front.css, l'hook di intestazione della pagina prodotto e le sovrascritture del tema.
• Se l'email non si apre, controlla il gestore di posta del visitatore. Il modulo genera solo un link mailto:.
• Se una piattaforma rifiuta una condivisione o sceglie un'anteprima diversa, esamina il link generato e la risposta della piattaforma. Il modulo non controlla la finestra di condivisione esterna.

Usa "Integrity" per le verifiche dell'installazione. Il modulo fornisce anche controller di configurazione, licenza, assistenza e aggiornamento.

Imposta Attiva su No e salva per nascondere la riga. Per rimuovere il modulo, usa "Uninstall" in "Module Manager". La disinstallazione rimuove le voci di configurazione condivisa del modulo e il menu di amministrazione. I dati dei prodotti rimangono in PrestaShop.