Your AI Connector Docs

Widget WhatsApp

Integrare Widget WhatsApp

Adăugați un buton plutitor de chat WhatsApp pe site-ul dvs. cu acest ghid simplu.

Bine de știut. Widgetul WhatsApp este un buton simplu de tip „click to chat” — dacă vizitatorul dă clic pe el, se deschide WhatsApp pentru a vă putea trimite un mesaj acolo. Acesta nu aduce mesajele în căsuța de primire Chats și nici nu declanșează AI-ul de unul singur. Pentru o experiență de chat AI integrată direct în pagina site-ului dvs., utilizați în schimb Chat Widget.

Doriți doar un link simplu sau propriul buton? Dacă nu doriți widgetul plutitor și preferați să direcționați propriul buton (sau un fragment de text) direct către un chat WhatsApp, treceți la Preferați un link sau un buton simplu? (wa.me) de mai jos. Pentru un echivalent prin SMS, consultați Adăugarea unui link de tip Click-to-Text (SMS).

Instalare

  1. Deschideți fișierul HTML al site-ului dvs. într-un editor de text.
  2. Localizați eticheta </body> (de obicei la sfârșitul fișierului HTML).
  3. Lipiți următorul script chiar înainte de eticheta </body>:
<script src="https://api.youraiconnector.com/v1/whatsapp-widget/NUMBER"></script>
  1. În codul de mai sus, înlocuiți:
    • NUMBER cu numărul dvs. de WhatsApp
    • De exemplu: pentru numărul +1 555 123 4567, utilizați pur și simplu: 15551234567

Adăugarea unui mesaj personalizat

Dacă doriți ca un mesaj precompletat să apară atunci când cineva dă clic pe buton:

  1. Utilizați acest cod în schimb:
<script src="https://api.youraiconnector.com/v1/whatsapp-widget/NUMBER/Your message here"></script>
  1. Exemplu cu un număr și un mesaj real:
<script src="https://api.youraiconnector.com/v1/whatsapp-widget/15551234567/Hello! I'm interested in your services"></script>

Ce obțineți

După instalare, veți vedea automat:

  • Un buton verde WhatsApp în colțul din dreapta jos al site-ului dvs.
  • Butonul rămâne vizibil în timpul derulării paginii
  • Butonul funcționează perfect pe dispozitivele mobile
  • O animație subtilă apare la trecerea cursorului peste buton

Informații suplimentare

  • Numărul tău de telefon poate fi scris cu sau fără:
    • Semnul plus (+)
    • Spații
    • Cratime (-)
    • Acestea vor fi procesate automat corect
  • Mesajul poate conține spații în mod natural
  • Nu sunt necesare fișiere sau instalări suplimentare
  • Butonul se adaptează automat la ecranele mobile

Exemplu complet de pagină web 

<!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>

Widgetul de mai sus îți oferă un buton plutitor gata de utilizare. Dar dacă ai deja propriul tău buton (sau un link în meniu, o imagine ori un text) și vrei doar ca acesta să deschidă o conversație WhatsApp cu numărul tău, nu ai nevoie deloc de widget — pur și simplu îl conectezi la un URL wa.me.

Formatul este:

https://wa.me/NUMBER

Înlocuiește NUMBER cu numărul tău complet în format internațional — doar cifre, fără semnul plus, spații sau cratime. De exemplu, pentru +31 6 5801 5937, ai folosi:

https://wa.me/31658015937

Precompletarea unui mesaj

Pentru a avea un mesaj deja scris atunci când se deschide conversația, adaugă ?text= urmat de mesajul tău:

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

Spațiile din mesaj trebuie scrise ca %20 (așa gestionează linkurile spațiile).

Adăugarea pe un buton

Conectează orice buton la acel URL — exact la fel cum ai conecta un buton la orice altă adresă web. În HTML brut, arată astfel:

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

Într-un constructor de site-uri (Wix, Squarespace, WordPress, Webflow etc.), adaugă un buton ca de obicei și lipește URL-ul wa.me în câmpul său de „link” / „URL”.

Doriți un link scurt care să alterneze între mai multe numere, să rețină vizitatorii care revin și să contorizeze clicurile? Utilizați Linkuri Scurte (din Setări → Canale) în loc de un URL wa.me brut.