# WhatsApp-widget ## Integration af WhatsApp-widget Tilføj en flydende WhatsApp-chatknap til din hjemmeside med denne enkle guide. > **Godt at vide.** WhatsApp-widgeten er en simpel "klik for at chatte"-knap — når den besøgende klikker på den, åbnes WhatsApp, så de kan sende dig en besked der. Den henter ikke beskeder ind i din Chats-indbakke og aktiverer ikke AI'en af sig selv. Hvis du ønsker en AI-chatoplevelse direkte på din hjemmeside, skal du i stedet bruge den separate [Chat-widget](chat-widget.md). > > **Vil du bare have et almindeligt link eller din egen knap?** Hvis du ikke ønsker den flydende widget og hellere vil linke din egen knap (eller et stykke tekst) direkte til en WhatsApp-chat, kan du springe til [Foretrækker du et almindeligt link eller en knap? (wa.me)](#prefer-a-plain-link-or-button-wa-me) herunder. For et SMS-alternativ, se [Tilføjelse af et Klik-for-at-tekste (SMS) link](../messaging-channels/sms.md#adding-a-click-to-text-sms-link-to-your-website). ### Installation 1. Åbn din hjemmesides HTML-fil i en teksteditor. 2. Find ``-tagget (normalt i slutningen af din HTML-fil). 3. Indsæt følgende script lige før ``-tagget: {% code overflow="wrap" %} ```html ``` {% endcode %} 1. I koden ovenfor skal du erstatte: * `NUMBER` med dit WhatsApp-nummer * For eksempel: for nummeret +1 555 123 4567, skal du blot bruge: 15551234567 ### Tilføjelse af en brugerdefineret besked Hvis du ønsker, at en forudfyldt besked skal vises, når nogen klikker på knappen: 1. Brug denne kode i stedet: {% code overflow="wrap" %} ```html ``` {% endcode %} 1. Eksempel med et rigtigt nummer og en besked: {% code overflow="wrap" %} ```html ``` {% endcode %} ### Hvad du får Efter installationen vil du automatisk se: * En grøn WhatsApp-knap nederst til højre på din hjemmeside * Knappen forbliver synlig, mens man scroller * Knappen fungerer problemfrit på mobile enheder * En diskret animation vises, når man holder musen over knappen ### Yderligere information * Dit telefonnummer kan skrives med eller uden: * Plustegn (+) * Mellemrum * Bindestreger (-) * Disse vil automatisk blive behandlet korrekt * Beskeden kan naturligvis indeholde mellemrum * Ingen yderligere filer eller installationer er nødvendige * Knappen tilpasser sig automatisk til mobilskærme ### Komplet eksempel på webside {% code overflow="wrap" %} ```html My Website ``` {% endcode %} ## Foretrækker du et almindeligt link eller en knap? (wa.me) Widgetten ovenfor giver dig en færdig flydende knap. Men hvis du allerede har din egen knap (eller et menulink, billede eller tekststykke) og bare vil have den til at åbne en WhatsApp-chat med dit nummer, behøver du slet ikke widgetten — du linker den blot til en `wa.me` URL. Formatet er: {% code overflow="wrap" %} ``` https://wa.me/NUMBER ``` {% endcode %} Erstat `NUMBER` med dit fulde nummer i internationalt format — **kun cifre, intet plustegn, mellemrum eller bindestreger**. For eksempel, for +31 6 5801 5937 ville du bruge: {% code overflow="wrap" %} ``` https://wa.me/31658015937 ``` {% endcode %} ### Forudfyldning af en besked For at have en besked skrevet på forhånd, når chatten åbnes, skal du tilføje `?text=` efterfulgt af din besked: {% code overflow="wrap" %} ``` https://wa.me/31658015937?text=Hi!%20I%20have%20a%20question ``` {% endcode %} Mellemrum i beskeden skal skrives som `%20` (det er bare sådan, links håndterer mellemrum). ### Indsættelse på en knap Link enhver knap til den URL — præcis på samme måde, som du ville linke en knap til enhver anden webadresse. I rå HTML ser det således ud: {% code overflow="wrap" %} ```html Chat on WhatsApp ``` {% endcode %} I en hjemmesidebygger (Wix, Squarespace, WordPress, Webflow osv.) skal du tilføje en knap som sædvanlig og indsætte `wa.me` URL'en i dens "link" / "URL"-felt. > **Vil du have ét kort link, der roterer mellem flere numre, husker tilbagevendende besøgende og sporer klik?** Brug Short Links (under **Indstillinger → Kanaler**) i stedet for en rå `wa.me` URL.