Integrazione Messenger Chat: configurazione e aiuto
Avvio rapido
- Carica lo ZIP del modulo in "Modules > Module Manager" e apri "Configure".
- Inserisci il tuo ID pagina Facebook (da 5 a 32 cifre).
- Il modulo usa un link m.me diretto; non serve un ID app Facebook.
- Lascia Attiva widget attivo; seleziona Posizione e Stile pulsante.
- Imposta Mostra su mobile e Mostra nelle pagine, poi fai clic su Salva.
- Apri una pagina consentita del negozio e scorri o fai clic per caricare il pulsante.
- Fai clic sul pulsante e verifica che si apra la conversazione Messenger desiderata.
Richiede PrestaShop 1.6 o successivo e PHP 7.1 o successivo.
Manuale di configurazione
Installazione e connessione
- Apri "Modules > Module Manager" nel tuo back office.
- Scegli "Upload a module" e carica lo ZIP di Messenger Chat Integration.
- Apri "Configure".
- In Connessione Messenger, inserisci il tuo ID pagina Facebook.
- Lascia Attiva widget attivo e salva.
- Apri il tuo negozio, scorri o fai clic, poi prova il pulsante di contatto.
Richiede PrestaShop 1.6 o successivo e PHP 7.1 o successivo.
Impostazioni di connessione
| Impostazione | Valore predefinito all'installazione | Cosa fare |
|---|---|---|
| Attiva widget | Sì | Disattiva per sospendere il pulsante mantenendo le impostazioni. |
| ID pagina Facebook | Vuoto | Inserisci l'ID numerico della tua Pagina, da 5 a 32 cifre. Non inserire un URL di pagina o un nome utente. |
| ID app Facebook (rimosso) | Non disponibile | Questo campo e la modalità SDK sono stati rimossi. Gli ID app salvati in precedenza vengono ignorati; il modulo usa sempre un link m.me diretto. |
| Testo di benvenuto (rimosso) | Non disponibile | Questo campo riservato all’SDK è stato rimosso. Il modulo non ha un saluto di chat incorporata da configurare. |
Modifichi i moduli di connessione, Aspetto e Comportamento nella pagina di configurazione del modulo. Usa Salva dopo le modifiche. Testo pulsante e Testo tooltip supportano testi specifici per lingua. Se manca un testo nella lingua richiesta, viene usata la lingua predefinita, poi il testo base salvato.
Aspetto
| Impostazione | Valore predefinito all'installazione | Quando modificarlo |
|---|---|---|
| Posizione | In basso a destra (bottom-right) |
Seleziona In basso a sinistra (bottom-left) se l'angolo destro è occupato. |
| Stile pulsante | Icona flottante (icon) |
Seleziona Barra con testo (bar) per mostrare Testo pulsante. |
| Testo pulsante | Chatta con noi | Imposta il testo mostrato nello stile barra. |
| Colore del pulsante | #0084FF |
Imposta il colore di sfondo del pulsante. |
| Dimensione del pulsante (px) | 60 | Imposta il diametro dell'icona rotonda. |
| Margine dal bordo (px) | 20 | Regola la distanza dal bordo inferiore e dal lato selezionato. |
| Mostra tooltip | Sì | Disattiva per nascondere il suggerimento al passaggio del mouse. |
| Testo tooltip | Scrivici su Messenger! | Imposta il suggerimento al passaggio del mouse. |
| Animazione | Pulsazione (pulse) |
Scegli Rimbalzo (bounce) o Nessuno (none). |
Comportamento e visualizzazione nel negozio
| Impostazione | Valore predefinito all'installazione | Funzione |
|---|---|---|
| Mostra su mobile | Sì | Disattiva per sopprimere la visualizzazione quando PrestaShop identifica un visitatore mobile. |
| "Fallback Delay (seconds)" | 0 | Il widget si carica al primo scorrimento, clic, tocco o pressione di un tasto. Un valore positivo imposta l'attesa massima senza interazione. Zero usa un ritardo di fallback di 10 secondi. |
| Mostra nelle pagine | Tutte le pagine (all) |
Seleziona Solo pagine prodotto (product), Solo pagine di categoria (category) o Solo pagine di checkout (checkout). |
Il targeting del checkout corrisponde a cart, order, order-opc, orderopc e checkout. Un controller di checkout personalizzato con un altro nome non corrisponde a questa scelta.
Il modulo carica il proprio foglio di stile locale tramite displayHeader. Il tuo tema deve eseguire displayFooter su PrestaShop 1.6 o displayBeforeBodyClosingTag nelle versioni successive.
Il pulsante apre sempre https://m.me/PAGE_ID in una nuova scheda. Il modulo non carica l’SDK Facebook e non incorpora un Facebook Chat Plugin. Gli ID app salvati in precedenza non cambiano questo comportamento.
Le conversazioni rimangono in Messenger e nella posta in arrivo della tua Pagina. Il modulo non ha chatbot, orari di apertura programmati, inoltro del riferimento ordine o una casella ticket in PrestaShop.
Verifica e risoluzione dei problemi
- Apri una pagina consentita da Mostra nelle pagine e interagisci con essa. Se non fai nulla, attendi il timer di fallback.
- Fai clic sul pulsante e verifica che apra la conversazione della tua Pagina in Messenger.
- Se il pulsante non appare, controlla Attiva widget, l'identificativo richiesto, Mostra su mobile e il targeting delle pagine. Il back office mostra un avviso di configurazione per un identificativo mancante o non valido. Gli identificativi modificati vengono validati al salvataggio; una modifica non valida mantiene la configurazione precedente.
- Se il markup manca in tutte le pagine consentite, controlla l'hook di rendering nel tuo tema. Se è presente ma nascosto, controlla il CSS del tema, gli errori JavaScript e i pulsanti fissi sovrapposti.
- Se un vecchio override del tema carica ancora lo script Facebook Chat Plugin, aggiornalo dal template attuale del modulo per ripristinare il pulsante m.me diretto.
Personalizzazione del tema
Sovrascrivi themes/your-theme/modules/mprmessengerchatintegration/views/templates/hook/displayBeforeBodyClosingTag.tpl se ti serve un markup diverso. Mantieni le modifiche nel tema.
L'ID del widget è #mprmessenger-widget. Le classi di posizione, stile e animazione usano lo stesso prefisso, come .mprmessenger-bottom-right, .mprmessenger-bar e .mprmessenger-pulse. La classe del tooltip è .mprmessenger-tooltip.
Puoi spostare il pulsante sopra un altro elemento fisso nel foglio di stile del tuo tema:
#mprmessenger-widget.mprmessenger-bottom-right {
bottom: calc(var(--mprmsn-margin, 20px) + 50px);
}
#mprmessenger-widget .mprmessenger-tooltip {
font-size: 12px;
}
Le impostazioni generano --mprmsn-color, --mprmsn-size e --mprmsn-margin sull'elemento contenitore. Usa le impostazioni per cambiare questi valori.
Disattivazione o disinstallazione
Disattiva Attiva widget per interrompere la visualizzazione del pulsante. Per rimuovere il modulo, usa "Uninstall" in "Module Manager". La disinstallazione rimuove le voci di menu e la configurazione salvata del modulo. Non elimina le conversazioni conservate in Messenger.
Domande
1
Il modulo controlla il consenso prima di caricare gli script di Facebook?
Problemi noti
6
Il link della chat ha un'etichetta accessibile errata
L'avviso di configurazione resta obsoleto dopo il salvataggio
Le etichette di amministrazione restano non tradotte
Le pagine di amministrazione esistenti non si aprono più
Le risorse del negozio non funzionano con la combinazione
Le impostazioni salvate della chat non hanno effetto
Richieste funzionalità
5
Implementato
Pulsante di contatto Messenger configurabile
Aggiornamenti dal back office
Amministrazione multilingue
Verifiche della configurazione richiesta
Testi della chat per lingua
Registro modifiche
v1.1.142026-05-27
- Addedcomplete FR/DE/ES/IT/PL translations
- FixedMigrate chat config from ps_configuration to ConfigTable
Versioni precedenti
v1.1.142026-05-26
- Certified the release ZIP with the shared package surface gate.
- Rebuilt the package without source maps, build tooling or leaked shared-package development files.
- Addedvendor/.htaccess so packaged admin assets remain reachable while vendor PHP stays protected.
- Aligned module source, config.xml, composer metadata, package metadata and live release metadata.
v1.1.132026-05-25
- Completed locale coverage for Messenger chat configuration and storefront labels.
- Confirmed live Messenger setup content with real configuration and storefront screenshots.
v1.1.x
- Direct m.me Messenger button using Facebook Page ID.
- Optional Facebook Customer Chat Plugin mode when App ID / SDK mode is configured.
- Placement, style, colour, tooltip, animation, mobile visibility and page targeting controls.
- Back-office readiness checks for the required Messenger Page ID configuration.
Demo
Prova il modulo completo prima di acquistare
Acquista la licenza in seguito e mantieni le tue impostazioni.
- La tua demo di 30 giorni Provalo sul tuo negozio per 30 giorni dalla prima installazione.
- Negozio demo pronto Esplora un negozio demo pronto nel tuo browser.
- Senza registrazione Nessun account, e-mail o dominio del negozio richiesto.
Scaricando, accetti le condizioni della demo e l’informativa sulla privacy.
Aprendo questa demo accetti i termini della demo e la politica sulla privacy.