WAButton

Încorporare universală pe 1 linie

Buton WhatsApp pentru HTML & Custom Websites

Adăugați un buton WhatsApp plutitor pe site-ul HTML & Custom Websites. Alegeți un salut și lăsați vizitatorii să scrie la numărul afacerii.

Creați butonul gratuit

Configurare în 1 min Unde: index.html (before </body>) or root layout component

Instalare pas cu pas pentru HTML & Custom Websites

Urmați acești pași pentru a adăuga codul de instalare WAButton pe site-ul HTML & Custom Websites.

  1. 1

    Copiați fragmentul de încorporare

    Copiați fragmentul de script unic din panoul widgetului WAButton sau din ecranul de configurare inițială.

    Sfat util: Păstrați activat atributul async, pentru o încărcare asincronă, fără blocare, în browser.

  2. 2

    Lipiți înainte de eticheta de închidere </body>

    Lipiți codul în fișierul HTML rădăcină (de ex. index.html) sau în componenta de layout rădăcină (de ex. layout.tsx, App.vue, base.blade.php), chiar înainte de </body>.

    Sfat util: Dacă puneți scriptul chiar înainte de </body>, conținutul paginii se încarcă primul. 

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

    Deschideți în browser

    Salvați fișierul și reîmprospătați browserul. Butonul WhatsApp plutitor va apărea imediat în colțul de jos.

De ce aleg magazinele și agențiile WAButton pentru HTML & Custom Websites

O singură etichetă de script universală

Un singur încărcător asincron, foarte mic, care funcționează identic în HTML static, SSR și framework-uri SPA.

Stiluri izolate

Fiecare stil este limitat la nume de clase cu prefixul wabutton-, deci nu restilizează clasele Tailwind, Bootstrap sau CSS personalizate.

Script autonom

Construit cu Preact și livrat în interiorul scriptului, deci pagina nu are nevoie de jQuery, de React sau de fonturi de pictograme.

Compatibil cu navigarea SPA

Păstrează automat starea widgetului la tranzițiile de rută din browser (React Router, Next.js, Vue Router).

Întrebări frecvente

Funcționează WAButton cu aplicațiile de o singură pagină (SPA) precum React, Next.js sau Vue?

Da! WAButton se inițializează pe obiectul window și persistă la navigarea cu routerul din browser, fără să fie nevoie să ruleze din nou la fiecare schimbare de rută.

Va încetini WAButton scorul meu Google Lighthouse sau PageSpeed Insights?

WAButton este un script asincron de sub 40KB (gzip), servit din rețeaua edge Cloudflare, așa că nu blochează prima afișare. Panoul de chat se încarcă doar când un vizitator îl deschide. Efectul asupra scorului propriu depinde de site, așa că rulați PageSpeed Insights înainte și după ce îl adăugați.

Instrumente gratuite similare

Creați linkuri WhatsApp, coduri QR și mesaje pentru afacerea dumneavoastră.

Mai multe ghiduri de instalare

Adăugați WhatsApp .

Oferiți vizitatorilor o cale de a întreba despre produse, prețuri sau disponibilitate. Răspundeți din aplicația WhatsApp pe care o folosiți deja.

Creați butonul gratuit Previzualizați butonul

Plan gratuit disponibil. Fără card de credit.