WAButton

Universāla iegulšana vienā rindā

WhatsApp poga platformai HTML & Custom Websites

Pievieno peldošu WhatsApp pogu savai HTML & Custom Websites vietnei. Izvēlies sveicienu un ļauj apmeklētājiem rakstīt uz tava uzņēmuma numuru.

Izveido savu bezmaksas pogu

Uzstādīšana: 1 min Mērķis: index.html (before </body>) or root layout component

Uzstādīšana soli pa solim: HTML & Custom Websites

Izpildi šos soļus, lai pievienotu WAButton uzstādīšanas kodu savai HTML & Custom Websites vietnei.

  1. 1

    Nokopē savu iegulšanas fragmentu

    Nokopē savu unikālo skripta fragmentu no WAButton logrīka vadības paneļa vai ievadekrāna.

    Padoms: Neaizmirsti atstāt ieslēgtu async atribūtu, lai pārlūks skriptu ielādētu asinhroni un nebloķējoši.

  2. 2

    Ielīmē pirms noslēdzošā </body> taga

    Ielīmē kodu savā saknes HTML failā (piem. index.html) vai saknes izkārtojuma komponentā (piem. layout.tsx, App.vue, base.blade.php) tieši pirms </body>.

    Padoms: Ja skripts ir tieši pirms </body>, lapas saturs ielādējas pirmais. 

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

    Atver pārlūkā

    Saglabā failu un atsvaidzini pārlūku. Tava peldošā WhatsApp poga uzreiz parādīsies apakšējā stūrī.

Kāpēc veikalu īpašnieki un aģentūras izvēlas WAButton platformai HTML & Custom Websites

Viens universāls skripta tags

Viens niecīgs asinhrons ielādētājs, kas vienādi darbojas statiskā HTML, SSR un SPA ietvaros.

Norobežoti stili

Katrs stils attiecas tikai uz klasēm ar prefiksu wabutton, tāpēc tas nepārstilo tavas Tailwind, Bootstrap vai pielāgotās CSS klases.

Pašpietiekams skripts

Veidots ar Preact un iekļauts pašā skriptā, tāpēc tavai lapai nevajag ne jQuery, ne React, ne ikonu fontus.

Saprot SPA navigāciju

Automātiski saglabā logrīka stāvokli klienta puses maršrutu pārejās (React Router, Next.js, Vue Router).

Biežāk uzdotie jautājumi

Vai WAButton darbojas ar vienas lapas lietotnēm (SPA), piemēram, React, Next.js vai Vue?

Jā! WAButton inicializējas objektā window un saglabājas klienta puses maršrutētāja navigācijā, tam nav jāizpildās no jauna katrā maršruta maiņā.

Vai WAButton pasliktinās manu Google Lighthouse vai PageSpeed Insights rezultātu?

WAButton ir asinhrons skripts, mazāks par 40KB (pēc gzip), kas tiek piegādāts no Cloudflare malas tīkla, tāpēc tas nebloķē pirmo attēlošanu. Sarunas panelis ielādējas tikai tad, kad apmeklētājs to atver. Ietekme uz tavu rezultātu ir atkarīga no tavas vietnes, tāpēc palaid PageSpeed Insights pirms un pēc pievienošanas.

Saistītie bezmaksas rīki

Izveido WhatsApp saites, QR kodus un ziņas savam uzņēmumam.

Vairāk uzstādīšanas ceļvežu

Pievieno WhatsApp .

Dod apmeklētājiem iespēju jautāt par tavām precēm, cenām vai pieejamību. Atbildi lietotnē WhatsApp, ko jau izmanto.

Izveido savu bezmaksas pogu Apskati savu pogu

Pieejams bezmaksas plāns. Kredītkarte nav vajadzīga.