Your AI Connector Docs

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.

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) herunder. For et SMS-alternativ, se Tilføjelse af et Klik-for-at-tekste (SMS) link.

Installation

  1. Åbn din hjemmesides HTML-fil i en teksteditor.
  2. Find </body>-tagget (normalt i slutningen af din HTML-fil).
  3. Indsæt følgende script lige før </body>-tagget:
<script src="https://api.youraiconnector.com/v1/whatsapp-widget/NUMBER"></script>
  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:
<script src="https://api.youraiconnector.com/v1/whatsapp-widget/NUMBER/Your message here"></script>
  1. Eksempel med et rigtigt nummer og en besked:
<script src="https://api.youraiconnector.com/v1/whatsapp-widget/15551234567/Hello! I'm interested in your services"></script>

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 

<!DOCTYPE html>
<html>
<head>
    <title>My Website</title>
</head>
<body>
    <!-- Your website content here -->

    <!-- WhatsApp Widget (place this just before </body>) -->
    <script src="https://api.youraiconnector.com/v1/whatsapp-widget/15551234567/Hello! I have a question"></script>
</body>
</html>

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:

https://wa.me/NUMBER

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:

https://wa.me/31658015937

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:

https://wa.me/31658015937?text=Hi!%20I%20have%20a%20question

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:

<a href="https://wa.me/31658015937?text=Hi!%20I%20have%20a%20question">Chat on WhatsApp</a>

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.