Universal 1-Line Embed
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.
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
Copy Your Embed Snippet
Copy your unique script snippet from your WAButton widget dashboard or onboarding screen.
Consiglio: Ensure you keep the async attribute enabled for non-blocking asynchronous browser loading.
- 2
Paste Before the Closing </body> Tag
Paste the code into your root HTML file (e.g. index.html) or root layout component (e.g. layout.tsx, App.vue, base.blade.php) right before </body>.
Consiglio: Placing the script right before </body> ensures your page content paints first without waiting on third-party scripts.
<script src="https://widget.wabutton.app/v1.js" data-widget-id="YOUR_WIDGET_ID" async></script> - 3
Open in Browser
Save the file and refresh your browser. Your floating WhatsApp button will appear immediately in the bottom corner.
Perché negozi e agenzie scelgono WAButton per HTML & Custom Websites
One Universal Script Tag
A single 2KB async loader that operates identically across static HTML, SSR, and SPA frameworks.
Shadow DOM Encapsulation
Strict CSS scoping prevents styling bleed into your Tailwind, Bootstrap, or custom CSS classes.
Zero External Dependencies
Built in vanilla TypeScript without jQuery, React runtime bloat, or external icon fonts.
SPA Navigation Aware
Automatically maintains widget state across client-side route transitions (React Router, Next.js, Vue Router).
Domande frequenti
Does WAButton work with Single Page Apps (SPAs) like React, Next.js, or Vue?
- Yes! WAButton initializes on the window object and persists across client-side router navigation without needing to re-execute on every route change.
Will WAButton slow down my Google Lighthouse or PageSpeed Insights score?
- No. The loader is less than 2KB gzipped, executes asynchronously, and connects to Cloudflare's global anycast edge with sub-10ms delivery.
Altre guide di installazione
- Vedi la guida2 min
Wix
Wix & Wix Studio
Aggiungi un widget chat WhatsApp a Wix in pochi minuti.
- Vedi la guida2 min
Webflow
Webflow Approved
Aggiungi un widget chat WhatsApp a Webflow in pochi minuti.
- Vedi la guida2 min
Squarespace
Squarespace 7.1 & 7.0
Aggiungi un widget chat WhatsApp a Squarespace in pochi minuti.
Le conversazioni di domani stanno già visitando il tuo sito oggi.
L'opportunità non è solo ottenere più visitatori. È connetterti con quelli che hai già, prima che il loro interesse svanisca.
Una riga di codice. Nessuna carta di credito. Nessuna attesa.