Installare ManyChat su WordPress

Installare ManyChat su WordPress in 5 minuti

La guida ideale per chi vuole installare il widget Customer Chat di ManyChat su un sito WordPress.

Pubblicato il Scritto da Matteo Feduzi Facebook, Meta, Sito Web, WordPress 2 commenti

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.

Growth tools di ManyChat

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.

Customer Chat su ManyChat

Successivamente visualizzerai la seguente schermata.

Personalizzare la customer chat di ManyChat

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.

Setup del customer chat di ManyChat
Setup del customer chat di ManyChat

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.

Whitelist domini di ManyChat
Whitelist domini di ManyChat

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.

Installare codice JavaScript per ManyChat su WordPress
Installare codice JavaScript per ManyChat su WordPress

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.

Check widget di ManyChat
Check widget di ManyChat

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.

Status della chat di ManyChat su WordPress
Status della chat di ManyChat su WordPress

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

Customer chat di ManyChat su sito WordPress
Customer chat di ManyChat su sito WordPress

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.

2Commenti
Lascia un commento
  1. fulvio diotallevi

    Ciao, eseguo tutte le operazioni esattamente come hai descritto tu.
    Altri growth tool funzionano ma la chat è l’unica ha non volerne sapere. Proprio non compare. Come mai?

    1. Matteo Feduzi

      Ciao Fulvio, sto visualizzando il tuo sito proprio ora.

      Contattami tramite la chat di assistenza che trovi in basso a destra e sarò lieto di aiutarti!

      Un abbraccio,
      Matteo.

Lascia un commento

Il tuo indirizzo email non sarà pubblicato. I campi obbligatori sono contrassegnati *