Pulsante flottante di WhatsApp per il sito
Inserisci il numero con il prefisso internazionale e il messaggio che il cliente invierà. Regola l’aspetto, guarda l’anteprima nell’angolo dello schermo e copia il codice.
Come si usaPulsante WhatsApp sul sito
Disponibile in: 
Pulsante flottante di WhatsApp per il sito: a cosa serve
Inserisci il WhatsApp con il prefisso internazionale e il messaggio che il cliente invierà. Scegli l’angolo dello schermo, la dimensione, il colore, la distanza dal bordo, il fumetto di testo e se il pulsante pulsa all’apertura della pagina. L’anteprima compare nell’angolo di questa pagina.
Il codice è solo HTML e CSS, con l’icona in SVG e il link wa.me. Il fumetto sparisce sugli schermi piccoli e l’animazione rispetta chi preferisce meno movimento.
Come si usa
- Inserisci il numero con il prefisso e il messaggio.
- Regola posizione, colore, dimensione e fumetto.
- Copia il codice e incollalo prima di </body> nel sito.
Quando usarlo
- Siti di negozi e fornitori di servizi.
- Landing page di campagne.
- Siti in WordPress, Wix o fatti a mano.
Domande frequenti
Dove incollo il codice?
Prima della chiusura </body>, in tutte le pagine (o nel footer del tema). In WordPress, usa un plugin per inserire codice nel footer o l’editor del tema. Nei builder come Wix e Webflow, usa il campo di codice personalizzato del sito.
Serve WhatsApp Business?
No. Il link wa.me funziona con qualsiasi account WhatsApp. Il numero va con il prefisso internazionale (39 per l’Italia), solo con cifre.
Il pulsante rallenta il sito?
No. Il codice è solo HTML e CSS con l’icona in SVG, senza librerie né chiamate esterne.
E se voglio più di un pulsante?
Usa un’altra posizione (sinistra e destra) e genera di nuovo il codice con un altro numero. Cambia l’id wa-flutuante nel secondo codice per non ripeterlo.
È davvero gratis?
Sì, 100% gratis. Senza registrazione, senza abbonamento e senza limiti d’uso. Tutti gli strumenti di Tools123 sono gratuiti.