WAButton

Univerzální vložení na 1 řádek

Tlačítko WhatsApp pro HTML & Custom Websites

Přidejte na svůj web HTML & Custom Websites plovoucí tlačítko WhatsApp. Zvolte uvítací zprávu a nechte návštěvníky psát na vaše firemní číslo.

Vytvořit tlačítko zdarma

Instalace: 1 min Cíl: index.html (before </body>) or root layout component

Instalace krok za krokem pro HTML & Custom Websites

Podle těchto kroků přidáte instalační kód WAButton na svůj web HTML & Custom Websites.

  1. 1

    Zkopírujte svůj vkládací fragment

    Zkopírujte svůj jedinečný fragment skriptu z panelu widgetu WAButton nebo z úvodní obrazovky nastavení.

    Tip: Ponechte atribut async zapnutý, aby se skript v prohlížeči načítal asynchronně a neblokoval stránku.

  2. 2

    Vložte před uzavírací značku </body>

    Vložte kód do kořenového souboru HTML (např. index.html) nebo do kořenové komponenty rozvržení (např. layout.tsx, App.vue, base.blade.php) těsně před </body>.

    Tip: Když je skript těsně před </body>, obsah stránky se načte jako první. 

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

    Otevřete v prohlížeči

    Uložte soubor a obnovte stránku v prohlížeči. Plovoucí tlačítko WhatsApp se hned objeví ve spodním rohu.

Proč majitelé obchodů a agentury volí WAButton pro HTML & Custom Websites

Jeden univerzální tag skriptu

Jediný malý asynchronní zavaděč, který funguje stejně ve statickém HTML, při SSR i ve frameworcích SPA.

Omezené styly

Každý styl je omezený na názvy tříd s předponou wabutton, takže nepřestyluje vaše třídy Tailwind, Bootstrap ani vlastní CSS.

Soběstačný skript

Postavený na Preactu a dodávaný přímo uvnitř skriptu, takže vaše stránka nepotřebuje jQuery, React ani ikonová písma.

Rozumí navigaci v SPA

Automaticky zachovává stav widgetu při přechodech mezi trasami na straně klienta (React Router, Next.js, Vue Router).

Často kladené dotazy

Funguje WAButton v jednostránkových aplikacích (SPA), jako jsou React, Next.js nebo Vue?

Ano! WAButton se inicializuje na objektu window a přetrvává při navigaci routeru na straně klienta, aniž by se musel znovu spouštět při každé změně trasy.

Zpomalí WAButton moje skóre Google Lighthouse nebo PageSpeed Insights?

WAButton je asynchronní skript pod 40KB (po kompresi gzip), který se doručuje z okrajové sítě Cloudflare, takže neblokuje první vykreslení. Panel chatu se načte, až když ho návštěvník otevře. Vliv na vaše vlastní skóre závisí na webu, proto spusťte PageSpeed Insights před přidáním skriptu a po něm.

Související nástroje zdarma

Vytvářejte odkazy, QR kódy a zprávy WhatsApp pro svou firmu.

Další návody k instalaci

Přidejte WhatsApp na .

Dejte návštěvníkům možnost zeptat se na vaše produkty, ceny nebo dostupnost. Odpovídejte v aplikaci WhatsApp, kterou už používáte.

Vytvořit tlačítko zdarma Náhled tlačítka

Tarif zdarma k dispozici. Bez platební karty.