WAButton

Univerzalni kod za ugradnju u 1 redu

WhatsApp dugme za HTML & Custom Websites

Dodaj plutajuće WhatsApp dugme na svoj HTML & Custom Websites sajt. Izaberi pozdrav i pusti posetioce da pišu na broj tvog biznisa.

Napravi svoje besplatno dugme

Podešavanje: 1 min Cilj: index.html (before </body>) or root layout component

Instalacija korak po korak za HTML & Custom Websites

Prati ove korake da dodaš svoj WAButton instalacioni kod na svoj HTML & Custom Websites sajt.

  1. 1

    Kopiraj svoj isečak za ugradnju

    Kopiraj svoj jedinstveni isečak skripte sa WAButton kontrolne table vidžeta ili sa ekrana za početno podešavanje.

    Savet: Obavezno zadrži atribut async, da bi se skripta u pregledaču učitavala asinhrono i bez blokiranja.

  2. 2

    Nalepi pre zatvarajućeg taga </body>

    Nalepi kod u glavni HTML fajl (npr. index.html) ili u osnovnu layout komponentu (npr. layout.tsx, App.vue, base.blade.php), odmah pre </body>.

    Savet: Kada je skripta odmah pre </body>, sadržaj stranice se učitava prvi. 

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

    Otvori u pregledaču

    Sačuvaj fajl i osveži pregledač. Plutajuće WhatsApp dugme odmah će se pojaviti u donjem uglu.

Zašto vlasnici prodavnica i agencije biraju WAButton za HTML & Custom Websites

Jedan univerzalni script tag

Jedan mali asinhroni učitavač koji radi isto na statičkom HTML-u, SSR-u i SPA frejmvorcima.

Ograničeni stilovi

Svaki stil je ograničen na nazive klasa sa prefiksom wabutton, pa ne menja izgled tvojih Tailwind, Bootstrap ili prilagođenih CSS klasa.

Samostalna skripta

Napravljena je pomoću biblioteke Preact i isporučuje se unutar same skripte, pa tvojoj stranici ne trebaju jQuery, React ni fontovi sa ikonicama.

Prepoznaje SPA navigaciju

Automatski čuva stanje vidžeta pri prelazima između ruta na strani klijenta (React Router, Next.js, Vue Router).

Često postavljana pitanja

Da li WAButton radi sa jednostraničnim aplikacijama (SPA) kao što su React, Next.js ili Vue?

Da! WAButton se inicijalizuje na objektu window i ostaje aktivan pri navigaciji ruterom na strani klijenta, bez ponovnog pokretanja pri svakoj promeni rute.

Da li će WAButton pokvariti moj Google Lighthouse ili PageSpeed Insights rezultat?

WAButton je asinhrona skripta manja od 40KB (nakon gzip kompresije) koja se isporučuje sa Cloudflare edge mreže, pa ne blokira prvo iscrtavanje stranice. Panel za razgovor se učitava tek kada ga posetilac otvori. Uticaj na tvoj rezultat zavisi od tvog sajta, zato pokreni PageSpeed Insights pre i posle dodavanja skripte.

Povezani besplatni alati

Pravi WhatsApp linkove, QR kodove i poruke za svoj biznis.

Još uputstava za instalaciju

Dodaj WhatsApp na .

Daj posetiocima način da pitaju o tvojim proizvodima, cenama ili dostupnosti. Odgovaraj iz WhatsApp-a koji već koristiš.

Napravi svoje besplatno dugme Pogledaj svoje dugme

Dostupan besplatan plan. Bez kreditne kartice.