WAButton

Univerzalna ugradnja u jednom retku

WhatsApp gumb za HTML & Custom Websites

Dodaj plutajući WhatsApp gumb na svoju HTML & Custom Websites web-stranicu. Odaberi pozdrav i omogući posjetiteljima da pišu na broj tvoje tvrtke.

Izradi moj besplatni gumb

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

Instalacija za HTML & Custom Websites korak po korak

Slijedi ove korake za dodavanje WAButton instalacijskog kôda na svoju HTML & Custom Websites web-stranicu.

  1. 1

    Kopiraj svoj isječak za ugradnju

    Kopiraj svoj jedinstveni isječak skripte s nadzorne ploče widgeta u WAButtonu ili sa zaslona za početno postavljanje.

    Savjet: Obavezno zadrži uključen atribut async za neblokirajuće asinkrono učitavanje u pregledniku.

  2. 2

    Zalijepi ispred završne oznake </body>

    Zalijepi kôd u korijensku HTML datoteku (npr. index.html) ili korijensku komponentu rasporeda (npr. layout.tsx, App.vue, base.blade.php) odmah ispred </body>.

    Savjet: Kad je skripta odmah ispred </body>, sadržaj stranice učitava se prvi. 

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

    Otvori u pregledniku

    Spremi datoteku i osvježi preglednik. Tvoj plutajući gumb za WhatsApp odmah će se pojaviti u donjem kutu.

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

Jedna univerzalna oznaka script

Jedan sićušni asinkroni učitavač koji jednako radi u statičnom HTML-u, SSR-u i SPA okvirima.

Ograničeni stilovi

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

Samostalna skripta

Izrađena s Preactom i isporučena unutar same skripte, pa tvojoj stranici ne trebaju jQuery, React ni fontovi s ikonama.

Prepoznaje SPA navigaciju

Automatski čuva stanje widgeta pri prijelazima između ruta na strani klijenta (React Router, Next.js, Vue Router).

Često postavljana pitanja

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

Da! WAButton se inicijalizira na objektu window i ostaje aktivan pri navigaciji usmjerivača na strani klijenta, bez ponovnog izvršavanja pri svakoj promjeni rute.

Hoće li WAButton pogoršati moj rezultat u alatu Google Lighthouse ili PageSpeed Insights?

WAButton je asinkrona skripta manja od 40KB (uz gzip) koja se poslužuje s rubne mreže Cloudflare, pa ne blokira prvo iscrtavanje. Ploča za razgovor učitava se tek kad ga posjetitelj otvori. Utjecaj na tvoj rezultat ovisi o tvojoj stranici, zato pokreni PageSpeed Insights prije i nakon dodavanja.

Povezani besplatni alati

Izradi WhatsApp poveznice, QR kôdove i poruke za svoje poslovanje.

Više uputa za instalaciju

Dodaj WhatsApp na .

Omogući posjetiteljima da pitaju o tvojim proizvodima, cijenama ili dostupnosti. Odgovaraj iz WhatsAppa koji već koristiš.

Izradi moj besplatni gumb Pregledaj svoj gumb

Dostupan besplatni paket. Nije potrebna kreditna kartica.