Registrati 
Accedi 
- Cosa serve prima di iniziare
- Creare una Facebook App
- Collegare la pagina Facebook alla tua App
- Generare il token dell’app
- Configurare le impostazioni del prodotto Messenger
- Ottenere il codice del Messenger Drop-in
- Inserire il codice sul tuo sito web
- Verificare il funzionamento del Drop-in
- Personalizzare l’esperienza dell’utente
- Risoluzione dei problemi comuni
- Migliori pratiche per sfruttare al massimo il Drop-in
- Considerazioni finali
Facebook Messenger Drop-in è uno strumento che permette di integrare un pulsante di messaggistica direttamente sul tuo sito web, consentendo ai visitatori di avviare una conversazione con il tuo brand su Facebook Messenger senza lasciare la pagina. Questa funzionalità si è rivelata estremamente utile per migliorare il customer service, aumentare i tassi di conversione e creare un canale di comunicazione diretto con il proprio pubblico. In questa guida completa ti spiegherò passo dopo passo come attivare Drop-in, dalla configurazione iniziale alla pubblicazione sul tuo sito.
Cosa serve prima di iniziare
Prima di procedere con l’attivazione del Messenger Drop-in, è necessario disporre di alcuni elementi fondamentali. Assicurati di avere a portata di mano quanto segue per evitare interruzioni durante il processo di configurazione.
- Un account Facebook personale con accesso completo alla tua pagina Facebook Business. L’account deve essere amministratore o sviluppatore della pagina.
- Una pagina Facebook Business attiva e verificata. Il Drop-in funziona solo se la pagina è configurata correttamente per ricevere messaggi.
- Un sito web dove desideri integrare il pulsante Messenger. Può trattarsi di un sito costruito con WordPress, Shopify, Wix o qualsiasi altra piattaforma che permetta l’inserimento di codice HTML personalizzato.
- Accesso al pannello di amministrazione del tuo sito web per inserire il codice di integrazione.
Creare una Facebook App
Il primo passo tecnico consiste nel creare un’applicazione nella sezione sviluppatori di Facebook. Questa app fungerà da ponte tra il tuo sito web e la piattaforma Messenger.
Accesso al pannello developer
Vai alla pagina Facebook Developers e accedi con il tuo account personale Facebook che ha i permessi di amministratore sulla tua pagina Business. Una volta effettuato l’accesso, clicca sul pulsante “My Apps” nella barra di navigazione in alto a destra e seleziona “Create App”.
Configurazione del tipo di app
Facebook ti chiederà di scegliere un caso d’uso. Seleziona “Business” oppure “Other” e poi clicca su “Continue”. Assegna un nome alla tua app, ad esempio “Messenger Drop-in per il mio sito”, e indica l’email di contatto per il supporto tecnico. Conferma le informazioni e procedi con la creazione.
Aggiunta del prodotto Messenger
Dopo aver creato l’app, accedi al suo pannello di controllo dal dashboard dei developer. Nella colonna laterale sinistra, cerca la sezione “Add Product” e seleziona “Messenger”. Clicca su “Set Up” per avviare la configurazione del prodotto Messenger all’interno della tua app.
Collegare la pagina Facebook alla tua App
Ora devi collegare la tua pagina Facebook Business all’app che hai appena creato. Questo passaggio è fondamentale perché il Drop-in deve sapere quale pagina rappresenta quando gli utenti avviano una conversazione.
- Nel pannello della tua app, vai alla sezione “Messenger” nelle impostazioni del prodotto.
- Clicca su “Add Page” o “Select Page” per collegare la tua pagina Facebook Business.
- Seleziona la pagina desiderata dall’elenco che ti viene proposto. Se non la vedi, verifica di essere amministratore della pagina e che l’app abbia i permessi necessari.
- Conferma il collegamento. Una volta connessa, la pagina apparirà come destinazione per i messaggi provenienti dal Drop-in.
Generare il token dell’app
Il token dell’app è una chiave di autenticazione che permette al tuo sito web di comunicare con l’API di Messenger. Senza questo token, il pulsante Drop-in non funzionerà correttamente.
- Nel pannello della tua app su Facebook Developers, vai alla sezione “App Tokens” all’interno delle impostazioni del prodotto Messenger.
- Clicca su “Generate Token” per creare un nuovo token di accesso. Questo token sarà visibile solo una volta durante la creazione, quindi copialo e salvalo in un luogo sicuro.
- In alternativa, puoi generare un token a lungo termine andando nella sezione “App Secret” del pannello principale dell’app e utilizzando lo strumento di generazione dei token fornito da Facebook.
Configurare le impostazioni del prodotto Messenger
Prima di ottenere il codice del Drop-in, è necessario configurare alcune impostazioni obbligatorie nel pannello di sviluppo di Facebook. Queste impostazioni garantiscono che la tua app sia autorizzata a inviare e ricevere messaggi.
Impostare l’URL di reindirizzamento
Vai alla sezione “Messenger” > “Settings” all’interno del pannello della tua app. Troverai un campo denominato “Valid OAuth Redirect URIs” o “Webhook URL”. Inserisci l’URL del tuo sito web, ad esempio https://www.tuosito.com. Questo permette a Facebook di reindirizzare correttamente gli utenti dopo aver interagito con il pulsante.
Attivare le autorizzazioni necessarie
Nella sezione “Roles” del pannello dell’app, assicurati che l’account Facebook utilizzato sia impostato come sviluppatore o amministratore dell’app. Senza questi permessi, non potrai generare il codice di integrazione né modificare le impostazioni.
Ottenere il codice del Messenger Drop-in
A questo punto puoi generare il codice HTML e JavaScript necessario per inserire il pulsante Drop-in sul tuo sito web. Facebook mette a disposizione un generatore ufficiale che crea automaticamente tutto il codice necessario.
- Vai alla pagina Messenger Profile API oppure accedi al pannello della tua app e cerca la sezione “Messenger Profile” o “Get Started Button”.
- In alternativa, visita direttamente il generatore di codice Messenger all’indirizzo Messenger Developers Tools – Get Started Button.
- Inserisci l’ID della tua pagina Facebook o seleziona la pagina collegata alla tua app.
- Scegli il testo che desideri visualizzare sul pulsante, ad esempio “Scrivici su Messenger”, “Contattaci” o “Parla con noi”.
- Seleziona il colore del pulsante tra le opzioni disponibili per adattarlo al design del tuo sito.
- Copia il codice generato. Il codice includerà un blocco HTML con il pulsante e uno script JavaScript che carica la libreria di Messenger dal server di Facebook.
Inserire il codice sul tuo sito web
Ora devi inserire il codice del Drop-in nella struttura del tuo sito. La procedura varia a seconda della piattaforma che utilizzi.
Sito WordPress
- Accedi al pannello di amministrazione di WordPress.
- Vai su “Aspetto” > “Editor del tema” oppure utilizza un plugin come “Insert Headers and Footers” o “WPCode” per aggiungere codice personalizzato.
- Incolla lo script JavaScript nell’area dell’header del sito. Questo assicura che la libreria di Messenger venga caricata prima che l’utente interagisca con la pagina.
- Incolla il blocco HTML del pulsante nel punto desiderato del tuo sito. Puoi inserirlo nel footer, nella sidebar, in una pagina specifica o utilizzare un widget per posizionarlo in modo dinamico.
Sito Shopify
- Dal pannello di amministrazione di Shopify, vai su “Online Store” > “Themes”.
- Clicca su “Customize” sul tema attivo e poi su “Edit Code” per accedere ai file del tema.
- Apri il file
theme.liquide incolla lo script JavaScript prima del tag di chiusura . - Inserisci il blocco HTML del pulsante nel file
footer.liquido in un altro template dove desideri che il pulsante appaia.
Sito costruito con codice personalizzato
- Apri il file HTML della tua pagina principale o di qualsiasi altra pagina dove desideri il pulsante.
- Incolla lo script JavaScript nella sezione
<head>del documento, immediatamente prima del tag di chiusura. - Inserisci il blocco HTML del pulsante nel punto esatto del corpo della pagina dove vuoi che appaia, ad esempio all’interno di un div con classe specifica o in una sezione dedicata al contatto.
Verificare il funzionamento del Drop-in
Dopo aver inserito il codice, è fondamentale testare che tutto funzioni correttamente prima di rendere la modifica visibile al pubblico.
- Apri il tuo sito web in un browser e scorri fino al punto in cui hai inserito il pulsante Messenger Drop-in.
- Clicca sul pulsante per verificare che si apra correttamente una finestra di chat con Facebook Messenger.
- Se utilizzi un browser desktop, la chat dovrebbe aprirsi in un popup integrato nel sito. Se apri il sito da uno smartphone, l’azione dovrebbe reindirizzare all’app di Messenger installata sul dispositivo.
- Invia un messaggio di prova per confermare che il messaggio arrivi correttamente alla tua pagina Facebook. Puoi controllare i messaggi nella sezione “Messaggi” della tua pagina Facebook o nell’app Meta Business Suite.
Personalizzare l’esperienza dell’utente
Una volta che il Drop-in è attivo, puoi personalizzare ulteriormente l’esperienza di chat per renderla più professionale e utile per i tuoi visitatori.
Configurare il messaggio di benvenuto
Puoi impostare un messaggio automatico di benvenuto che viene inviato agli utenti non appena aprono la conversazione. Vai al pannello della tua pagina Facebook, sezione “Messaggi” > “Risposte automatiche”. Attiva le risposte automatiche e scrivi un messaggio di benvenuto personalizzato che rispecchi il tono del tuo brand.
Aggiungere pulsanti rapidi
Messenger permette di aggiungere pulsanti rapidi all’interno della chat, come “Orari di apertura”, “Prezzi”, “Prenota ora” o “Parla con un operatore”. Questi pulsanti migliorano l’esperienza utente perché permettono ai visitatori di ottenere informazioni rapidamente senza dover scrivere manualmente.
- Vai alla sezione “Messaggi” > “Risposte rapide” nel pannello della tua pagina Facebook.
- Crea i pulsanti rapidi con testo e URL personalizzati. Ad esempio, un pulsante “Prenota una consulenza” può reindirizzare l’utente a una pagina di prenotazione sul tuo sito.
Modificare il testo del pulsante Drop-in
Se desideri modificare il testo o il colore del pulsante Drop-in dopo averlo configurato, torna al generatore di codice Messenger, aggiorna le impostazioni e ricopia il nuovo codice. Sostituisci il vecchio codice sul tuo sito con quello aggiornato.
Risoluzione dei problemi comuni
Nonostante la configurazione sia generalmente semplice, potresti incontrare alcuni problemi durante l’attivazione del Drop-in. Ecco le soluzioni ai problemi più frequenti.
Il pulsante non appare sul sito
- Verifica che lo script JavaScript sia stato inserito correttamente nell’header del sito e che non ci siano errori di sintassi nel codice copiato.
- Controlla la console del browser (premendo F12) per eventuali messaggi di errore relativi al caricamento della libreria Messenger.
- Assicurati che il tuo sito utilizzi HTTPS. Facebook richiede che il sito sia servito tramite connessione sicura per far funzionare correttamente il Drop-in.
I messaggi non arrivano alla pagina
- Verifica che la pagina Facebook sia stata correttamente collegata all’app nella sezione “Messenger” delle impostazioni dell’app su Facebook Developers.
- Controlla che l’account Facebook utilizzato per testare sia autorizzato a inviare messaggi alla tua pagina. Prova ad aprire Messenger da un account diverso o in modalità di navigazione in incognito.
- Assicurati che la pagina non abbia filtri antispam attivi che potrebbero bloccare i messaggi in arrivo.
Il pulsante Drop-in mostra un errore
- Se appare un messaggio di errore come “App not configured” o “Page not found”, significa che l’ID della pagina o il token dell’app non sono corretti. Rigenera il codice dal generatore ufficiale e sostituiscilo sul sito.
- Verifica che l’app sia ancora attiva e non sia stata disabilitata o rimossa dal pannello dei developer di Facebook.
- Controlla che le impostazioni di privacy della tua pagina Facebook non impediscano la ricezione di messaggi da parte di utenti esterni.
Migliori pratiche per sfruttare al massimo il Drop-in
Una volta attivato correttamente, il Messenger Drop-in può diventare un canale di comunicazione potente. Ecco alcuni consigli per massimizzarne l’efficacia.
- Promuovi visibilmente il pulsante Drop-in nella homepage del tuo sito, nella pagina contatti e in ogni punto dove gli utenti potrebbero avere domande, come pagine prodotto o servizi.
- Rispondi ai messaggi entro tempi rapidi. La velocità di risposta è un fattore determinante per la soddisfazione del cliente e influisce positivamente sulla reputazione della tua pagina.
- Utilizza le etichette di Messenger per organizzare i messaggi in categorie come “Nuovo cliente”, “Supporto tecnico” o “Preventivo richiesto”. Questo ti permette di gestire il flusso di conversazioni in modo efficiente.
- Integra il Drop-in con strumenti di automazione come ManyChat o Chatfuel per rispondere automaticamente a domande frequenti e guidare gli utenti verso le informazioni più rilevanti.
- Monitora le statistiche delle conversazioni attraverso Meta Business Suite. Analizza i dati su volume di messaggi, tempi di risposta e tassi di soddisfazione per ottimizzare continuamente il servizio.
Considerazioni finali
Attivare il Messenger Drop-in sul tuo sito web è un processo semplice che richiede pochi minuti se segui correttamente ogni passaggio. La configurazione iniziale può sembrare complessa a causa delle numerose sezioni nel pannello dei developer di Facebook, ma una volta compreso il flusso logico, diventerà un’operazione ripetibile e veloce.
Il pulsante Drop-in rappresenta un canale di comunicazione diretto, immediato e familiare per gli utenti che utilizzano già Messenger quotidianamente. Integrarlo nel tuo sito web ti permette di ridurre l’attrito nella fase di contatto, aumentare la fiducia del visitatore e trasformare i visitatori in clienti con un semplice clic.
Per ulteriori informazioni ufficiali sulla configurazione del Messenger Drop-in, consulta la documentazione completa disponibile su Facebook Developers Documentation. Se incontri difficoltà specifiche durante il processo, la community dei developer di Facebook e i forum dedicati offrono supporto attivo per risolvere ogni problema.
