Free Tool

Build a WhatsApp chat widget for your website

Configure it below and try it out right on this page. The bubble in the corner is the real widget, live.

Configure your widget

Changes update the live preview and the snippet instantly.

Pick your country so the code is right (WhatsApp can't find the chat without it), then enter the rest of the number, digits only.

Raise this if the widget ends up hidden behind another element on your site, like a cookie banner or a different chat tool.

Your embed snippet

Paste this before the closing </body> tag on your website.

Live preview

Look at the bottom corner of this page. That's your widget, rendered from the settings above using the real embed script.

Manage your leads on WhatsApp Web

Download the free Chat Quotient Chrome extension to see and manage every conversation directly inside WhatsApp Web, a full WhatsApp CRM experience.

Add to Chrome, It's Free

Cos'è un widget di chat WhatsApp?

Un widget di chat WhatsApp è un piccolo pulsante che si trova nell'angolo di un sito web e, quando cliccato, apre una conversazione WhatsApp con l'azienda, direttamente al numero WhatsApp dell'azienda o attraverso un breve modulo prima. Sostituisce un link statico "Contattaci" o un modulo di email con un canale che la maggior parte dei visitatori ha già aperto sul telefono.

È diverso da un semplice link "clicca per chattare" (solo un testo o un'icona che apre wa.me) perché un widget è configurabile: posizione, colore e un saluto precompilato.

Come aggiungere un widget di chat WhatsApp al tuo sito

  1. 1

    Configura il tuo widget

    Inserisci il tuo numero WhatsApp, quindi scegli un colore e un angolo per il widget.

  2. 2

    Copia lo snippet

    Usa il pulsante "Copia snippet" sopra. È un singolo tag <script>, nessun altro file o dipendenza.

  3. 3

    Incollalo sul tuo sito

    Aggiungilo proprio prima del tag di chiusura </body> dell'HTML del tuo sito.

  4. 4

    Pubblica

    Tutto qui. Il widget si renderizza da solo dallo snippet, nessun passaggio di costruzione, backend o account richiesto.

Dove incollare, per piattaforma

WordPress
Usa un plugin come "Insert Headers and Footers" o "WPCode", o incollalo direttamente nel footer.php del tuo tema prima di </body> tramite Appearance → Theme File Editor.
Shopify
Online Store → Themes → Edit code → theme.liquid, e incolla lo snippet appena sopra </body>.
Wix
Settings → Custom Code → Add Code, impostalo per caricarsi su tutte le pagine nella sezione "Body - end".
Webflow
Project Settings → Custom Code → Footer Code, quindi pubblica il tuo sito.
Qualsiasi altro sito
Se puoi modificare l'HTML del tuo sito, incollalo prima di </body>. Funziona allo stesso modo ovunque.

Perché aggiungere un pulsante WhatsApp al tuo sito

Nessun modulo, nessun email, nessun ricaricamento della pagina

I visitatori ti raggiungono in un'app che hanno già aperta sul telefono, invece di digitare in un modulo di contatto e aspettare una risposta.

Incontra i visitatori dove sono già

WhatsApp è l'app di messaggistica predefinita per miliardi di persone in tutto il mondo. Per la maggior parte dei visitatori, non c'è nulla di nuovo da scaricare o registrarsi.

Ogni chat inizia con il contesto

Un saluto precompilato significa che la conversazione non inizia da zero. I visitatori arrivano su WhatsApp con il loro messaggio già inquadrato.

Controlli esattamente dove si trova

Imposta il colore, l'angolo e l'offset in modo che il widget corrisponda al tuo sito invece di una bolla generica predefinita.

Gratuito, senza processo di approvazione

Nessuna richiesta API di Business WhatsApp, nessun numero separato, nessun codice oltre a un singolo tag di script.

Pulsante chat vs widget chat. Qual è la differenza?

Pulsante chat

Un link statico o un'icona che apre una chat WhatsApp quando si fa clic. Nessuna configurazione oltre al numero di destinazione.

Widget di chat

  • Colore configurabile, posizione e saluto precompilato
  • Funziona ovunque: WordPress, Shopify, Wix, Webflow o HTML semplice, nessuna dipendenza
  • È esattamente quello che stai costruendo sopra

Domande frequenti

Questo generatore di widget di chat WhatsApp è gratuito? +

Sì. Il widget di reindirizzamento che crei sopra (con il tuo numero, colore, posizione e saluto) è gratuito, con un piccolo badge "Powered by Chat Quotient". Una versione Pro con intelligenza artificiale è pianificata per il futuro.

Ho bisogno dell'API di Business WhatsApp per usarlo? +

No. Il widget apre una chat WhatsApp normale usando il tuo numero WhatsApp esistente. Nessuna approvazione dell'API di Business o numero separato richiesto.

Funzionerà su WordPress, Shopify, Wix o qualsiasi altro sito web? +

Sì. È un singolo tag <script> senza dipendenze, quindi funziona ovunque tu possa incollare HTML: WordPress, Shopify, Wix, Webflow, Squarespace o un sito costruito a mano.

Il widget rallenta il mio sito? +

Non dovrebbe essere evidente. Lo script è piccolo, si carica con async e defer in modo che non blocchi mai la tua pagina e viene renderizzato all'interno di un Shadow DOM isolato in modo che non si scontri con gli stili del tuo sito.

Posso catturare il nome di un visitatore prima di andare su WhatsApp? +

Non ancora. La cattura dei lead prima del trasferimento su WhatsApp è sulla roadmap e riabiliteremo l'interruttore qui una volta che sarà pronto.

Dove è archiviata la mia configurazione? +

Da nessuna parte sui nostri server. Le tue impostazioni vivono interamente all'interno del tag script che incolla sul tuo sito. Per cambiare qualcosa in seguito, torna a questa pagina, riconfigura e copia il nuovo snippet (conserva una copia di quello attuale, poiché non lo archiviamo per te).

Qual è la differenza tra un pulsante di chat e un widget di chat? +

Un "pulsante di chat" è solitamente solo un link statico che apre WhatsApp. Un "widget di chat" (quello che questo strumento costruisce) è un launcher galleggiante con saluto, posizione e colore configurabili.

Posso usare il mio numero WhatsApp personale o ho bisogno di un numero aziendale? +

Qualsiasi numero WhatsApp funziona, personale o aziendale. Basta inserire il codice del paese e senza spazi o segno più.