Come aggiungere una chat WhatsApp al tuo sito web (soluzioni con codice e senza codice)

WhatsApp come chat sul tuo sito web
14 aprile 2023
10
min di lettura
Scritto da
Pim
Una newsletter pensata per aiutarti a crescere
In che modo team simili al tuo stanno sfruttando il loro tempo e le loro risorse? Come stanno conquistando la soddisfazione dei clienti? Partecipa a The Convo e scoprilo.
Condividi questo articolo
Guarda Trengo in azione
Integrazioni estese
Configurazione semplice
Struttura dei prezzi scalabile
Per saperne di più

WhatsApp è l'app di messaggistica più popolare al mondo. Conta oltre 2 miliardi di utenti attivi che utilizzano la piattaforma per comunicare con amici, familiari e aziende. Per le aziende, WhatsApp è il canale ideale per conversazioni personali, accessibili e informali con i propri clienti.

Per introdurre WhatsApp come canale nel percorso del cliente, uno dei primi passi è aggiungere unpulsante di chat WhatsAppal tuo sito web. È facile da configurare ed è il modo migliore per mantenere viva la conversazione con i visitatori dopo che hanno lasciato il sito.

In questo articolo ti mostreremo come aggiungere un pulsante di chat WhatsApp al tuo sito web.

💡 Prenota una demo con uno dei nostri esperti WhatsApp per scoprire come aggiungere una chat WhatsApp al tuo sito web in pochissimo tempo.

Perché dovresti aggiungere una chat web WhatsApp al tuo sito web

Ci sono quattro motivi principali per cui dovresti considerare di integrare WhatsApp nel tuo sito web.

Resta in contatto con i visitatori dopo che hanno lasciato il tuo sito web

Quando un visitatore del sito web contatta il team tramite la chat live, il team non sarà in grado di ricontattarlo dopo che avrà lasciato il sito. E con la pazienza che diminuisce ogni giorno di più, i clienti tendono ad abbandonare il sito più rapidamente che mai. A meno che il team non abbia il tempo di rispondere istantaneamente tutto il giorno (cosa che non ha).

Ma quando un visitatore ti contatta tramite WhatsApp, ottiene la stessa esperienza, senza dover rimanere sul tuo sito web in attesa di una risposta. Questo offre loro un'esperienza migliore e ti dà più tempo per rispondere.

Evita l'abbandono del carrello

Le persone possono abbandonare i loro carrelli per molte ragioni. Che abbiano ancora dei dubbi o che abbiano semplicemente dimenticato di portare a termine l'acquisto, spesso basta un piccolo incoraggiamento tramite WhatsApp per convincerli a procedere.

Quando qualcuno ha dei dubbi sull'acquisto di un prodotto, puoi inviare un breve messaggio includendo un articolo simile ma con caratteristiche migliori. Questo dà al tuo team la possibilità sia di convertire questo cliente che di aumentare le vendite. Ci sono pochissimi modi per ottimizzare il tuo tasso di conversione con la stessa facilità.

Aggiungi un tocco personale

Se prima la chat live era considerata un mezzo di comunicazione informale e personale, oggi è diventata un canale di comunicazione che molte aziende trattano alla stregua delle e-mail. Questo la rende meno attraente per i visitatori dei siti web.

WhatsApp, invece, è un'app che tutti noi utilizziamo ogni giorno per comunicare con amici e familiari. Inserendo la tua attività in questo contesto, instauri automaticamente un rapporto più personale con i tuoi clienti. Soprattutto se riesci a rispondere rapidamente e a utilizzare il giusto tono informale.

Aiutali con la prenotazione

Se sei un fornitore di servizi, potrebbe non essere sempre chiaro quale servizio un cliente dovrebbe prenotare solo sulla base del tuo sito web. Utilizzare WhatsApp per le prenotazioni è un modo efficace e semplice per aiutare i tuoi clienti a scegliere il servizio giusto. È semplice come aggiungere un pulsante di chat WhatsApp sul tuo sito web.

3 modi per incorporare una chat WhatsApp nel tuo sito web

Ci sono tre modi per consentire ai tuoi clienti di contattarti tramiteWhatsApp come chat sul tuo sito web.

  • Clicca per chattare
  • codice QR
  • Widget multicanale Trengo

1. Clicca per chattare

La funzione "clicca per chattare"consente ai clienti di cliccare su un URL per avviare direttamente una chat con un'altra persona o azienda tramite WhatsApp. Non è necessario salvare alcun numero di telefono nel proprio dispositivo per farlo. Con il link, è sufficiente aprire una chat e iniziare a digitare. Questa funzione è disponibile sia per l'app per smartphone che per WhatsApp Web.

Con questa funzione, puoi aggiungere un link WhatsApp al sito web e collegare una frase come "Contattaci su WhatsApp!" a WhatsApp o creare un pulsante di chat WhatsApp. Puoi anche digitare il tuo numero di telefono e collegarlo.

Un link "clicca e chatta" va benissimo sulla tua pagina dei contatti, ma diventa un po' complicato se vuoi offrire WhatsApp durante tutta l'esperienza online dei tuoi clienti. Dover condividere questo link su ogni singola pagina renderà il tuo sito web disordinato.

Come aggiungere un link WhatsApp a un sito web

Per creare un link "clicca per chattare", devi modificare questo link: https://wa.me/[WhatsAppNumber]. Sostituisci "WhatsAppNumber" con il numero di telefono che desideri utilizzare.

2. Codice QR

Aggiungere un numero di telefono ai propri contatti per avviare una conversazione su WhatsApp può risultare dispendioso in termini di tempo per i clienti. Soprattutto quando si desidera offrire questo canale come azienda, non è una soluzione praticabile. Consideriamo i passaggi che un cliente deve compiere:

  1. Per prima cosa, devono cercare il tuo numero di telefono.
  2. Successivamente, devono salvarti come contatto. Ciò include il nome della tua azienda e il numero di telefono. Se devono farlo per tutte le aziende con cui sono in contatto, un giorno la loro lista dei contatti potrebbe esplodere.
  3. Infine, il cliente deve accedere a WhatsApp, cercarti e solo allora potrà avviare una chat.

Non ci vogliono ore. Ma non garantisce nemmeno un'esperienza cliente impeccabile. E questo è l'obiettivo.

Ecco perché alcune aziende hanno iniziato a creare codici QR per avviare una conversazione. Tutto quello che devono fare è creare il codice e inserirlo nel loro sito web o nei materiali di marketing stampati, in modo che i clienti possano avviare facilmente una chat.

Per creare un codice QR di questo tipo, è necessario innanzitutto creare unlink "clicca per chattare". Questo link può poi essere trasformato in un codice QR tramite siti web come QR Code Generator o QR Code Monkey.

Vuoi sapere come si sente un cliente quando utilizza un codice QR? Prova ad avviare una conversazione con il nostro account WhatsApp Trengo tramite questo codice QR:

Utilizzo di un codice QR per aggiungere WhatsApp al tuo sito web.

3. Widget multicanale Trengo

Finora abbiamo discusso due opzioni. Ma nessuna delle due è una vera integrazione di WhatsApp con il tuo sito web.

Il modo migliore per aggiungere l'icona della chat WhatsApp al tuo sito web è utilizzare un widget di chat multicanale, come quello incluso nella soluzione WhatsApp Business di Trengo. Grazie a questa soluzione e al widget omnicanale, i tuoi clienti potranno contattarti tramite un pulsante WhatsApp presente sul tuo sito web.

Chat WhatsApp con il widget multicanale di Trengo.
Un esempio di integrazione di Trengo WhatsApp su un sito web, con WhatsApp Business come uno dei canali disponibili.

Un altro importante vantaggio è che Trengo offre la possibilità di utilizzare WhatsApp con più utenti,cosa impossibile con l'app ufficiale. Il tuo team può collaborare facilmente alle conversazioni in un unico account WhatsApp. Nella casella di posta in arrivo, possono taggarsi a vicenda e assegnare i messaggi a colleghi o team specifici.

Aggiungi il pulsante WhatsApp al tuo sito web: codice HTML o Google Tag Manager

Una volta avviato il tuo piano demo, puoi aggiungere un widget di chat WhatsApp al tuo sito web in due modi diversi:

  1. Incollando lo script del widget nel codice sorgente HTML del tuo sito web.
  2. Utilizzando Google Tag Manager.

1. Codice sorgente

1. Vai su Impostazioni > Impostazioni > Widget web

2. Seleziona il widget del tuo sito web e clicca su "Installazione".

3.  Copy-paste the code into the source code of every page before the closing </head> tag. You can also add the code to your website source code to add it to all pages at once.

2. Google Tag Manager

1. Vai su Google Tag Manager e seleziona l'account su cui desideri installare il widget WhatsApp.

2. Clicca su "Nuovo tag"

3. Aggiungi un nome per il widget WhatsApp

4. Clicca su "Configurazione tag", scorri verso il basso fino a "Personalizzato" e poi clicca su "HTML personalizzato".

5. Vai su Trengo e recupera il codice di installazione del widget WhatsApp andando su Impostazioni > Impostazioni > Widget web > Widget del tuo sito web > Installazione. Copia e incolla il codice nel campo "Configurazione tag" e abilita "Supporta document.write".

6. Aggiungi il trigger preferito. Scegli "Tutte le pagine" se desideri attivare il widget WhatsApp su tutte le pagine del tuo sito web.

7. Non dimenticare di cliccare su "Salva"

8. E clicca su "Invia". Il tuo widget WhatsApp è ora attivo sul tuo sito web! 🎉

Come integrare WhatsApp in un sito web WordPress

Spesso ci viene chiesto come le aziende possano aggiungere una chat WhatsApp al proprio sito web WordPress. Con Trengo, il processo per farlo è molto semplice. Basta aggiungere il codice Javascript all'intestazione o al piè di pagina del proprio sito web WordPress con questo plugin.

Puoi recuperare il codice di installazione in Trengo andando su Impostazioni > Widget web > Widget del tuo sito web > Installazione.

Casi d'uso di un widget WhatsApp sul tuo sito web

Marketing e vendite

Lo shopping online è più diffuso che mai. Tuttavia, non è ancora paragonabile all'esperienza di acquisto nel mondo reale. Vedere e toccare con mano i prodotti. Provare un nuovo paio di scarpe. Scambiare due chiacchiere con il commesso.

Aggiungendo un widget WhatsApp al tuo sito web, aggiungi un elemento di conversazione all'esperienza online. Consente al tuo team di raccogliere lead, consigliare prodotti e persino effettuare vendite, il tutto in modo personale e informale.

Una volta che il cliente lascia il sito web, la conversazione continua su WhatsApp. Questo è un grande vantaggio dell'utilizzo della chat live di WhatsApp rispetto alla normale chat live.

Scopri come l'azienda automobilistica Muntstad raccoglie i contatti tramite WhatsApp sul proprio sito web.

Servizio clienti

I consumatori moderni evitano le telefonate o le e-mail. Richiedono troppo tempo e impegno. Quando hanno una domanda, preferiscono porla tramite un'app di messaggistica o semplicemente cercare la risposta da soli in un centro assistenza.

Ecco perché WhatsApp è un'ottima soluzione per il tuo team di assistenza clienti. Grazie al tono informale di WhatsApp, puoi avere una conversazione personale e autentica, efficiente sia per il cliente che per il tuo team.

Come automatizzare la chat di WhatsApp sul tuo sito web

I clienti sono disposti ad aspettare due giorni per ricevere una risposta a un'e-mail. Sono disposti ad aspettare in linea al telefono. Ma quando utilizzano WhatsApp, si aspettano risposte quasi immediate. Per i team del servizio clienti, queste aspettative sono sia un vantaggio che uno svantaggio. Se riesci a soddisfarle, la soddisfazione dei clienti aumenta notevolmente. Ma se fallisci, i tuoi clienti rimangono delusi.

Grazie a queste automazioni, il tuo team sarà in grado di mantenere la velocità prevista.

Risposte rapide

Hai mai ricevuto domande ripetitive? Riguardo agli orari di apertura, alle scorte, alla politica di restituzione o alle modalità di consegna? Certo che sì. E se non automatizzi le risposte a queste domande, sprecherai tempo prezioso.

Un esempio di utilizzo delle risposte rapide per rispondere alle chat di WhatsApp tramite il tuo sito web.
Un esempio di risposta rapida per chat web WhatsApp.

Creando dei messaggi predefiniti, ovvero delle risposte rapide, puoi automatizzare le risposte a queste domande frequenti. Ecco 15 modelli che puoi utilizzare subito.

Risposte automatiche di WhatsApp

Impostando una risposta automatica, i tuoi clienti riceveranno sempre una risposta immediata con un messaggio precompilato. Questo ti fa guadagnare tempo quando non sei in grado di rispondere immediatamente ed è utile per gli utenti mobili. Ciò è particolarmente utile al di fuori dell'orario di lavoro.

Come aggiungere una chat WhatsApp al tuo sito web
Una risposta automatica al di fuori dell'orario di lavoro.

📚 Correlati: ecco 8 esempi di risposte automatiche da cui trarre ispirazione.

Regole

Se ricevi molti messaggi in entrata, può essere difficile mantenere l'ordine. Creando delle regole, puoi automatizzare questo processo organizzativo. In Trengo, puoi farlo anche per le tue conversazioni WhatsApp.

Un esempio di regola che automatizza l'assegnazione di una conversazione WhatsApp.
Con questa regola, i messaggi che contengono la parola "ordini" vengono assegnati ad Anna Davis.

È possibile aggiungere automaticamente etichette alle conversazioni, assegnare le conversazioni a un membro del team e informare i clienti durante le ore di punta.

Chatbot

Se sei pronto a fare un salto di qualità, puoi anche utilizzare Trengo per creare un chatbot per la chat WhatsApp sul tuo sito. Un bot risponderà alle domande più frequenti e raccoglierà anche i contatti, anche al di fuori dell'orario di apertura.

Una conversazione con un chatbot su WhatsApp.
Un bot informa un cliente sui costi di spedizione.

Creare un bot da soli può sembrare un compito arduo. Ma con Trengo, puoi utilizzare un generatore di chatbot senza codice. È semplice e veloce. Puoi anche provarlo e sperimentarlo prima di metterlo online.

Hai bisogno di un account WhatsApp Business?

Non è necessario avere un account WhatsApp Business per inserire una chat WhatsApp sul proprio sito web. WhatsApp dispone di una funzione chiamata "Click to Chat" che consente agli utenti di avviare una chat con te senza avere il tuo numero di telefono salvato nei propri contatti. Con Click to Chat, puoi generare un link con un messaggio precompilato su cui gli utenti possono cliccare per avviare una conversazione con te tramite WhatsApp.

Per implementare questa funzione sul tuo sito web, devi semplicemente creare un link con l'API WhatsApp appropriata, che includa il tuo numero di telefono e, facoltativamente, un messaggio precompilato. I visitatori del tuo sito web potranno quindi cliccare su questo link per avviare una chat con te tramite WhatsApp.

Tuttavia, se cerchi funzionalità e integrazioni più avanzate, come risposte automatiche, analisi e altre funzionalità orientate al business, allora è necessario un account WhatsApp Business. Ma per le funzionalità di chat di base sul tuo sito web, è sufficiente un account WhatsApp normale.

Aggiungi oggi stesso una chat WhatsApp al tuo sito web

L'integrazione con WhatsApp può davvero fare la differenza tra un visitatore che abbandona il tuo sito web e qualcuno che effettua una conversione. Questo perché il tuo team può davvero mantenere viva la conversazione. Anche dopo che i visitatori se ne sono andati e i potenziali clienti hanno abbandonato i loro carrelli.

Inizia oggi stesso aggiungendo una chat WhatsApp al tuo sito con Trengo. Trengo è un fornitore ufficiale di soluzioni WhatsApp Business. Ciò significa che possiamo configurare il tuo account e renderlo operativo in meno di un'ora.

Ti mostriamo come fare, richiedi una demo

Ulteriori letture

Domande frequenti (FAQ)

1. Posso aggiungere la chat di WhatsApp al mio sito web senza scrivere codice?

Sì, puoi aggiungere la chat di WhatsApp al tuo sito web senza bisogno di programmare utilizzando strumenti come il widget multicanale di Trengo, i plugin di WordPress o i widget builder di terze parti. Queste soluzioni forniscono codici di installazione o plugin che puoi semplicemente copiare e incollare nelle impostazioni del tuo sito web o utilizzare con piattaforme come Google Tag Manager, senza bisogno di competenze di programmazione.

2. Come posso aggiungere un widget di chat WhatsApp in WordPress o Shopify?

Per WordPress, utilizza un plugin o aggiungi il codice JavaScript del widget WhatsApp (da Trengo) all'intestazione o al piè di pagina del tuo sito. In Shopify, puoi incollare il codice del widget nel codice del tuo tema o utilizzare un'app dedicata dall'App Store di Shopify. Entrambi i metodi ti consentono di inserire facilmente il pulsante di chat WhatsApp sul tuo sito e personalizzarne l'aspetto.

3. Qual è la differenza tra un link WhatsApp e un widget di chat su un sito web?

Un link WhatsApp (clicca per chattare) è un semplice collegamento ipertestuale o pulsante che apre una chat WhatsApp con la tua azienda, spesso con un messaggio precompilato. Un widget di chat è un elemento più avanzato e interattivo, solitamente un pulsante fluttuante o una bolla di chat, che rimane visibile sul tuo sito web, può offrire più canali ed è spesso personalizzabile in termini di design e automazione. I widget offrono inoltre un'esperienza più fluida e personalizzata per i visitatori.

4. Come posso impostare una chat WhatsApp con un messaggio precompilato sul mio sito web?

Per creare un link di chat WhatsApp con un messaggio precompilato, utilizza il formato:

https://wa.me/<YourNumber>?text=<YourMessage>

Replace <YourNumber> with your full phone number in international format and <YourMessage> with your URL-encoded message. For example:

https://wa.me/1234567890?text=I'm%20interested%20in%20your%20services

Questo link può essere aggiunto a pulsanti, widget o codici QR sul tuo sito web.

5. L'integrazione della chat di WhatsApp funziona sia su desktop che su dispositivi mobili?

Sì, l'integrazione della chat WhatsApp funziona perfettamente sia su dispositivi desktop che mobili. Su dispositivi mobili, apre l'app WhatsApp; su dispositivi desktop, avvia WhatsApp Web. Ciò garantisce che tutti gli utenti possano contattarti indipendentemente dal dispositivo utilizzato.

6. Posso utilizzare l'API di WhatsApp per aggiungere funzionalità di chat avanzate al mio sito web?

Assolutamente sì. L'API WhatsApp Business, quando integrata con piattaforme come Trengo, offre funzionalità avanzate quali supporto multi-agente, automazione, chatbot, analisi dei dati e integrazioni CRM. È la soluzione ideale per le aziende che necessitano di scalare il supporto e automatizzare i flussi di lavoro.

7. Posso automatizzare le risposte dopo che qualcuno ha cliccato sul pulsante della chat WhatsApp?

Sì. Con l'app WhatsApp Business puoi impostare risposte automatiche di base (messaggi di benvenuto e di assenza). Per un'automazione più avanzata, come chatbot, risposte alle domande frequenti e regole di flusso di lavoro, dovrai utilizzare l'API WhatsApp Business con una piattaforma come Trengo. Questi strumenti ti consentono di automatizzare i messaggi di benvenuto, le risposte alle domande frequenti e persino la qualificazione dei lead.

8. Quali sono le migliori pratiche per aggiungere la chat di WhatsApp al sito web di un'azienda?

  • Posiziona il widget in un punto facilmente visibile ma non invadente, ad esempio nell'angolo in basso a destra.
  • personalizza l'aspetto del widget e il messaggio di benvenuto in modo che rispecchino il tuo marchio.
  • Utilizza messaggi predefiniti per guidare gli utenti e velocizzare le interazioni.
  • Imposta risposte automatiche per domande frequenti e fuori dall'orario di lavoro.
  • Comunica chiaramente gli orari di assistenza e i tempi di risposta.
  • Controlla regolarmente le prestazioni dei widget e aggiorna le automazioni secondo necessità.
  • Garantire la conformità alle normative sulla privacy e ai termini di servizio di WhatsApp.

Incontriamoci

Fai crescere la tua attività con la fedeltà. Riunisci tutti i contatti dei tuoi clienti in un'unica piattaforma per garantire la massima soddisfazione in ogni fase del percorso.