WAButton

Universell inbäddning på en rad

WhatsApp-knapp för HTML & Custom Websites

Lägg till en flytande WhatsApp-knapp på din webbplats i HTML & Custom Websites. Välj en hälsning och låt besökarna skriva till ditt företagsnummer.

Skapa min gratis knapp

Installation: 1 min Mål: index.html (before </body>) or root layout component

Installation steg för steg för HTML & Custom Websites

Följ de här stegen för att lägga till installationskoden för WAButton på din webbplats i HTML & Custom Websites.

  1. 1

    Kopiera din inbäddningskod

    Kopiera din unika skriptsnutt från widgetens instrumentpanel i WAButton eller från introduktionsskärmen.

    Proffstips: Se till att behålla attributet async så att webbläsaren laddar skriptet asynkront utan att blockera.

  2. 2

    Klistra in före den avslutande taggen </body>

    Klistra in koden i din HTML-rotfil (t.ex. index.html) eller i din rotlayoutkomponent (t.ex. layout.tsx, App.vue, base.blade.php) precis före </body>.

    Proffstips: När skriptet ligger precis före </body> laddas sidans innehåll först. 

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

    Öppna i webbläsaren

    Spara filen och uppdatera webbläsaren. Din flytande WhatsApp-knapp visas direkt i det nedre hörnet.

Därför väljer butiksägare och byråer WAButton för HTML & Custom Websites

En universell skripttagg

En enda liten asynkron laddare som fungerar likadant i statisk HTML, SSR och SPA-ramverk.

Avgränsade stilar

Varje stil är avgränsad till klassnamn med prefixet wabutton, så den ändrar inte stilen på dina klasser i Tailwind, Bootstrap eller egen CSS.

Fristående skript

Byggt med Preact och levererat inuti själva skriptet, så din sida behöver varken jQuery, React eller ikontypsnitt.

Hanterar SPA-navigering

Behåller automatiskt widgetens tillstånd vid ruttbyten på klientsidan (React Router, Next.js, Vue Router).

Vanliga frågor

Fungerar WAButton med Single Page Apps (SPA) som React, Next.js eller Vue?

Ja! WAButton initieras på window-objektet och finns kvar vid navigering med routern på klientsidan, utan att behöva köras om vid varje ruttbyte.

Gör WAButton min poäng i Google Lighthouse eller PageSpeed Insights sämre?

WAButton är ett asynkront skript på under 40KB (gzippat) som levereras från Cloudflares edge-nätverk, så det blockerar inte den första renderingen. Chattpanelen laddas först när en besökare öppnar den. Effekten på din egen poäng beror på din webbplats, så kör PageSpeed Insights före och efter att du lagt till det.

Relaterade gratis verktyg

Skapa WhatsApp-länkar, QR-koder och meddelanden för ditt företag.

Fler installationsguider

Lägg till WhatsApp på .

Ge besökarna ett sätt att fråga om dina produkter, priser eller lediga tider. Svara från den WhatsApp du redan använder.

Skapa min gratis knapp Förhandsgranska din knapp

Gratisplan finns. Inget kreditkort krävs.