Installare ManyChat su WordPress in 5 minuti

In questa guida imparerai in modo semplice e veloce come installare il tuo bot ManyChat su WordPress in 5 minuti.

Se non sai ancora bene come funziona ManyChat ti consiglio di approfondire l’argomento prima di seguire questa guida.

Sei pronto? Iniziamo! 🙂

Ehy! Anche tu sei un appassionato sfegatato del Messenger Marketing? Bene, devi assolutamente leggere il libro Chatbot Marketing di Luciano Zambito, un grande professionista del settore.

Vai su ManyChat e accedi al tuo account con il tuo profilo Facebook dopodiché seleziona la voce Growth Tools.

Una volta giunto qui seleziona il bottone blu in alto a destra + New Growth Tool.

Si aprirà un pannello contenete vari widget, dovrai seleziona il tool Customer Chat.

Successivamente visualizzerai la seguente schermata.

Non dovrai far altro che personalizzare il tuo messaggio (Edit) o rimpiazzarlo con un flow già pre-costruito (Replace).

Se vuoi puoi aggiungere anche una sequenza precisa in modo che un utente che si iscrive dal tuo sito web segua un percorso ben preciso.

Una volta fatto ciò prosegui selezionando il bottone blu Next oppure selezionando la voce Setup.

Qui troverai varie opzioni, analizziamole insieme.

• Hide on these pages: Inserisci qui tutti i link completi del tuo sito web dove vuoi che non appaia la chat.
• Only show on these pages: Da utilizzare nel caso in cui le pagine dove deve essere visualizzata la chat siano poche. Inserisci anche qui il link completo.
• Color: Ti permette di impostare il colore della box della chat e del messaggio.
• Greeting message for logged in user: Qui puoi inserire il messaggio da mostrare agli utenti loggati a Facebook in quel momento.
• Greeting message for logged out user: Qui puoi inserire il messaggio da mostrare agli utenti non loggati a Facebook in quel momento.
• Show on these devices:  Scegli se far visualizzare la chat di Messenger nel tuo sito su dispositivi mobile, desktop o tutti e due.
• When first seen: Qui puoi decidere cosa mostrare a un visitatore che entra per la prima volta nel tuo sito.

Inoltre non dimenticare che puoi passare dei dati dal widget ai campi personalizzati.

Puoi passare questo valore dinamicamente seguendo questa libreria su GitHub.

Una volta configurate correttamente tutte queste opzioni seleziona il bottone blu Install Javascript Snippet.

Ti verrà richiesto di inserire il tuo sito web in una whitelist, inseriscilo come viene riportato nell’esempio e dovrebbe aggiungersi automaticamente sia con il www e anche senza come nell’immagine qui sotto.

Prosegui selezionando il bottone Next.

Passerai allo step B e ti verrà richiesto di inserire un codice JavaScript nella testata del tema sul tuo sito web.

Copia il codice e vai su WordPress > Aspetto > Editor del tema > header.php e inserisci il codice subito sopra il tag </head>.

Come puoi vedere nel codice è presente l’attributo Async e questo fa si che il JavaScript di ManyChat carichi in modalità asincrona.

Questo vuol dire che il download dello script procede in parallelo a quello del parser HTML senza sospendere il lavoro di lettura.

Questo permette di non appesantire il sito e di conseguenza non lo rallenta.

Puoi inserire il codice di ManyChat in maniera più semplice anche grazie a determinati plugin come header & footer.

Una volta inserito il codice correttamente torniamo su ManyChat e selezioniamo il bottone Finish.

Il growth tool è attualmente su Draft, non ci resta altro che attivarlo.

Una volta attivato ci verrà richiesto di fare un controllo per esaminare il corretto funzionamento del widget appena attivato.

Seleziona quindi il bottone blu Check Widget.

Ora inserisce l’URL preciso nella quale vuoi testare il funzionamento del widget e seleziona poi il bottone blu Start Widget Check.

Ti verrà mostrato un report sul funzionamento della chat e potrai visualizzare sempre da qui eventuali errori, anche minori come quelli di warning.

Qui sotto ne puoi trovare uno, riguarda Safari 12.

Ora tornando sul tuo sito dovresti vedere la chat di Messenger in basso a destra.

Complimenti! Hai appena aggiunto il bot di ManyChat al tuo sito WordPress!

Conclusioni

L’aggiunta di un bot Messenger come ManyChat al proprio sito WordPress non è sicuramente una cosa da sottovalutare.

È ormai chiaro come questo sia un tool dalle mille potenzialità.

Ti consiglio di analizzare molto bene anche il case study pubblicato da ManyChat che parla di come Offset Solar è riuscito a generare 1.2 milioni di dollari semplicemente utilizzando questo widget nella propria homepage senza spendere in ads.

Hai domande da farmi o vuoi approfondire con me gratuitamente questo argomento? Contattami tramite la chat che trovi in basso a destra e sarò lieto di rispondere a ogni tua domanda.

Un abbraccio,

Matteo.