WAButton

Embed universale di 1 riga

Pulsante WhatsApp per HTML & Custom Websites

Aggiungi un widget chat WhatsApp a HTML & Custom Websites in pochi minuti. Qualifica i visitatori, smista le conversazioni e tieni il tema veloce.

Crea il mio pulsante gratis

Configurazione in 1 min Destinazione: index.html (before </body>) or root layout component

Installazione passo passo per HTML & Custom Websites

Segui questi passaggi per incorporare WAButton nel tuo sito HTML & Custom Websites. Niente sviluppo complesso né costi di app.

  1. 1

    Copia il tuo snippet embed

    Copia lo snippet personale dello script dalla dashboard del tuo widget WAButton o dalla schermata di onboarding.

    Consiglio: Assicurati di lasciare attivo l'attributo async per un caricamento asincrono non bloccante nel browser.

  2. 2

    Incolla prima del tag di chiusura </body>

    Incolla il codice nel file HTML principale (es. index.html) oppure nel componente di layout principale (es. layout.tsx, App.vue, base.blade.php), subito prima di </body>.

    Consiglio: Posizionare lo script subito prima di </body> fa sì che il contenuto della tua pagina si carichi per primo. 

    <script src="https://widget.wabutton.app/v1.js" data-widget-id="YOUR_WIDGET_ID" async></script>
  3. 3

    Apri nel browser

    Salva il file e aggiorna il browser. Il tuo pulsante WhatsApp fluttuante comparirà subito nell'angolo in basso.

Perché negozi e agenzie scelgono WAButton per HTML & Custom Websites

Un unico tag script universale

Un solo loader asincrono minuscolo che funziona in modo identico su HTML statico, SSR e framework SPA.

Stili circoscritti

Ogni stile è circoscritto ai nomi di classe con prefisso wabutton-, quindi non altera l'aspetto delle tue classi Tailwind, Bootstrap o CSS personalizzate.

Script autosufficiente

Sviluppato con Preact e incluso nello script stesso, quindi la tua pagina non ha bisogno di jQuery, di React né di icon font.

Supporto alla navigazione SPA

Mantiene in automatico lo stato del widget durante le transizioni tra le route lato client (React Router, Next.js, Vue Router).

Domande frequenti

WAButton funziona con le Single Page App (SPA) come React, Next.js o Vue?

Sì! WAButton si inizializza sull'oggetto window e resta attivo durante la navigazione del router lato client, senza doversi rieseguire a ogni cambio di route.

WAButton abbasserà il mio punteggio di Google Lighthouse o PageSpeed Insights?

WAButton è uno script asincrono sotto i 40KB (con gzip), servito dall'edge Cloudflare, quindi non blocca il first paint. Il pannello della chat si carica solo quando un visitatore lo apre. L'effetto sul tuo punteggio dipende dal tuo sito, quindi esegui PageSpeed Insights prima e dopo averlo aggiunto.

Strumenti gratuiti correlati

Utility gratuite di WhatsApp per aumentare le conversioni del tuo negozio.

Altre guide di installazione

I visitatori li hai già. Dai loro .

Portare più traffico sul sito costa tempo e denaro. Un pulsante WhatsApp ti aiuta a convincere più persone tra quelle che già lo visitano, finché sono ancora interessate.

Crea il mio pulsante gratis Prova il costruttore live

Una riga di codice. Nessuna carta di credito. Nessuna attesa.