Vai al contenuto
Menu

Cerca nel sito

Scrivi per cercare tra guide, blog, API e prodotto.

↑ ↓ per spostarti · Invio per aprire · Esc per chiudere

Gratis · Senza registrazione · Si incolla su qualsiasi sito

Widget WhatsApp per il tuo sito web

Crea la tua bolla fluttuante di WhatsApp, guardala cambiare dal vivo e copia il codice. Gratis, senza registrazione, e si incolla allo stesso modo sul tuo sito o su quello del tuo cliente.

Il tuo numero WhatsApp

È l'unica cosa che serve al widget per funzionare.

Come appare

Ogni modifica compare all'istante nell'anteprima qui accanto.

Colore del pulsante
Posizione del pulsante
Stile del pulsante
Testi del widget

Copia e incolla

Incolla questo codice subito prima del tag di chiusura </body> del sito. Funziona allo stesso modo su un sito tuo o su quello di un cliente.

</body>
<script
  src="https://tbit.app/js/whatsapp-button.js"
  async
  onLoad="whatsappButton({
    locale: 'it',
    phoneNumber: '',
    buttonName: 'WhatsApp',
    brandName: 'Il tuo marchio',
    brandSubtitleText: 'Di solito risponde entro un giorno',
    callToAction: 'Avvia chat',
    welcomeMessage: 'Ciao 👋',
    buttonPosition: 'right',
    buttonStyle: 'icon-with-text'
  })"
></script>

Scrivi il tuo numero WhatsApp qui sopra e il codice compare qui.

Non chiediamo registrazione né email. Il codice si crea nel tuo browser ed è tuo.

Anteprima

Dispositivo dell'anteprima
Il tuo marchioDi solito risponde entro un giorno

Il tuo marchioCiao 👋

Cosa invia il visitatore quando tocca il pulsante

Avvia chat

Scrivi il tuo numero WhatsApp per vedere l'anteprima

Come installare il widget sulla tua piattaforma

Scegli dove lo incollerai. Bastano due minuti su ognuna delle cinque.

WordPress

1. Nella bacheca di WordPress, vai su "Aspetto" > "Editor del tema"
2. Seleziona "footer.php" nel menu laterale
3. Incolla lo script subito prima del tag </body>
4. Salva le modifiche

In alternativa: usa un plugin come "Insert Headers and Footers" e incolla il codice nel campo "Footer", senza modificare file.

Shopify

1. Vai al pannello di amministrazione di Shopify
2. Apri "Impostazioni" > "Temi"
3. Clicca su "Azioni" > "Modifica codice"
4. Nel menu laterale, seleziona "theme.liquid"
5. Incolla lo script subito prima del tag </body>
6. Salva le modifiche

Wix

1. Nell'Editor di Wix, clicca su "Impostazioni" (⚙️) nella barra in alto
2. Seleziona "Impostazioni avanzate" > "Codice personalizzato"
3. Clicca su "+ Aggiungi codice" > "Inserisci codice"
4. Incolla lo script nel campo del codice
5. In "Posiziona il codice in", scegli "Body - fine"
6. Salva e pubblica il tuo sito

Webflow

1. Apri il tuo progetto in Webflow
2. Vai su "Project settings" > "Custom code"
3. In "Footer code", incolla lo script
4. Pubblica il sito per vedere le modifiche

HTML semplice

1. Apri il file della tua pagina, per esempio index.html
2. Scorri fino alla fine del documento e cerca il tag </body>
3. Incolla lo script subito prima di quel tag
4. Carica il file sul tuo server

Se il tuo sito ha più pagine, ripeti il passo nel modello che condividono tutte.

Aggiungi WhatsApp al tuo sito web in pochi minuti

Come aggiungere un pulsante WhatsApp al tuo sito web

Aggiungere un pulsante WhatsApp fluttuante al tuo sito web è semplice: ti basta copiare e incollare un piccolo script HTML prima della chiusura </body> della pagina. Questo widget di chat appare automaticamente su tutte le tue pagine e permette ai visitatori di scriverti direttamente su WhatsApp con un solo clic.

Widget di chat fluttuante WhatsApp in HTML

Il nostro widget WhatsApp fluttuante è costruito con HTML, CSS e JavaScript puro, quindi funziona su qualsiasi piattaforma: WordPress, Shopify, Wix, Webflow o HTML statico. Non servono plugin né configurazioni complicate: inserisci il codice e hai finito.

Un'alternativa alla live chat, meglio con WhatsApp

A differenza delle live chat tradizionali, che spariscono quando l'utente lascia il sito, WhatsApp tiene aperta la conversazione. Così puoi continuare a vendere, rispondere a domande o inviare informazioni anche dopo che il visitatore ha lasciato la tua pagina.

Plugin di chat per Shopify, WordPress, Wix e Webflow

Il nostro widget WhatsApp funziona come un plugin universale: compatibile con Shopify, WordPress, Wix, Webflow e qualsiasi costruttore di siti. Non devi installare plugin aggiuntivi né preoccuparti della compatibilità: il codice funziona su qualsiasi piattaforma che permetta di inserire HTML personalizzato.

Domande frequenti sul widget WhatsApp

Cos'è il widget WhatsApp?

È una bolla fluttuante che appare sul tuo sito web e permette ai visitatori di scriverti direttamente su WhatsApp con un solo clic. Non devono salvare il tuo numero né compilare moduli: la conversazione parte subito.

Come si installa il widget sul mio sito web?

Scrivi il tuo numero in questa stessa pagina, regola testi e colore e copia il codice che compare qui sotto. Incollalo subito prima del tag di chiusura </body> della tua pagina web e salva.

Una volta installata, la bolla apparirà automaticamente su tutte le tue pagine senza altre configurazioni.

È gratis? Devo registrarmi?

Il generatore è gratis e non chiede registrazione, email né carta. Il codice si crea nel tuo browser mentre scrivi e puoi copiarlo tutte le volte che vuoi.

Non ti serve nemmeno un account TBit per usarlo: solo un numero WhatsApp attivo.

Posso installarlo sul sito di un cliente?

Sì, è proprio il caso per cui è pensato. Scrivi il numero WhatsApp del tuo cliente, regola nome del marchio, colore e testi finché l'anteprima non somiglia al suo sito, copia il codice e incollalo nel suo modello.

Puoi ripeterlo con tutti i clienti che vuoi: ogni codice è indipendente e non è legato a nessun account.

Posso personalizzare il logo o il messaggio di benvenuto?

Sì. Puoi aggiungere il logo della tua azienda perché appaia accanto alla bolla e definire il messaggio di benvenuto che vedranno i visitatori, per esempio:

"Ciao! Vuoi più informazioni sui nostri prodotti?"

Così mantieni l'identità visiva del tuo marchio e offri un'esperienza coerente fin dal primo contatto.

Perché aggiungere una bolla WhatsApp al mio sito?

Perché trasforma i visitatori in conversazioni vere.

Le persone si fidano più di WhatsApp che di moduli o email. Offrendo un canale diretto, aumenti le occasioni di vendita, rispondi più in fretta e crei un rapporto più vicino con i tuoi clienti.

In cosa è diverso da una live chat tradizionale?

A differenza di una live chat che sparisce quando il visitatore lascia la pagina, WhatsApp tiene aperta la conversazione anche dopo.

Così puoi continuare a parlare, inviare informazioni o chiudere una vendita senza perdere il contatto con il cliente.

Il widget è sicuro?

Sì. Tutta la comunicazione avviene direttamente dentro WhatsApp, quindi le informazioni sono protette dalla crittografia della piattaforma.

TBit non conserva i tuoi messaggi né le tue conversazioni. Il codice si genera nel tuo browser con i dati che scrivi in questa pagina.

Funziona su qualsiasi pagina e in qualsiasi paese?

Sì. Il widget funziona su qualsiasi sito web che permetta di inserire codice HTML e in tutti i browser moderni. Ti basta un account WhatsApp Business o personale attivo.