WAButton

Universel indlejring på én linje

WhatsApp-knap til HTML & Custom Websites

Tilføj en flydende WhatsApp-knap til dit HTML & Custom Websites-website. Vælg en hilsen, og lad besøgende skrive til dit firmanummer.

Opret min gratis knap

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

Trin-for-trin-installation til HTML & Custom Websites

Følg disse trin for at tilføje din installationskode fra WAButton til dit HTML & Custom Websites-website.

  1. 1

    Kopiér dit indlejringsstykke

    Kopiér dit unikke scriptstykke fra dit WAButton-widgetdashboard eller onboardingskærmen.

    Godt tip: Sørg for at beholde async-attributten, så browseren indlæser scriptet asynkront uden at blokere.

  2. 2

    Indsæt før det afsluttende </body>-tag

    Indsæt koden i din HTML-rodfil (f.eks. index.html) eller din rodlayoutkomponent (f.eks. layout.tsx, App.vue, base.blade.php) lige før </body>.

    Godt tip: Når scriptet står lige før </body>, indlæses indholdet på din side først. 

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

    Åbn i browseren

    Gem filen, og opdater din browser. Din flydende WhatsApp-knap vises med det samme i det nederste hjørne.

Derfor vælger butiksejere og bureauer WAButton til HTML & Custom Websites

Ét universelt script-tag

En enkelt lille asynkron loader, der fungerer ens på statisk HTML, SSR og SPA-frameworks.

Afgrænsede stile

Hver stil er afgrænset til klassenavne med præfikset wabutton, så den ikke ændrer udseendet af dine Tailwind-, Bootstrap- eller egne CSS-klasser.

Selvstændigt script

Bygget med Preact og leveret inde i selve scriptet, så din side hverken skal bruge jQuery, React eller ikonskrifttyper.

Forstår SPA-navigation

Bevarer automatisk widgettens tilstand ved ruteskift på klientsiden (React Router, Next.js, Vue Router).

Ofte stillede spørgsmål

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

Ja! WAButton initialiseres på window-objektet og bevares under navigation med routeren på klientsiden uden at skulle køres igen ved hvert ruteskift.

Gør WAButton min score i Google Lighthouse eller PageSpeed Insights dårligere?

WAButton er et asynkront script på under 40KB (gzippet), der leveres fra Cloudflares edge-netværk, så det ikke blokerer den første visning af siden. Chatpanelet indlæses først, når en besøgende åbner det. Effekten på din egen score afhænger af dit website, så kør PageSpeed Insights før og efter, at du tilføjer det.

Relaterede gratis værktøjer

Opret WhatsApp-links, QR-koder og beskeder til din virksomhed.

Flere installationsguides

Tilføj WhatsApp til .

Giv besøgende mulighed for at spørge om dine produkter, priser eller ledige tider. Svar fra den WhatsApp, du allerede bruger.

Opret min gratis knap Se din knap

Gratis plan tilgængelig. Intet kreditkort påkrævet.