Free Tool

Build a WhatsApp chat widget for your website

Configure it below and try it out right on this page. The bubble in the corner is the real widget, live.

Configure your widget

Changes update the live preview and the snippet instantly.

Pick your country so the code is right (WhatsApp can't find the chat without it), then enter the rest of the number, digits only.

Raise this if the widget ends up hidden behind another element on your site, like a cookie banner or a different chat tool.

Your embed snippet

Paste this before the closing </body> tag on your website.

Live preview

Look at the bottom corner of this page. That's your widget, rendered from the settings above using the real embed script.

Manage your leads on WhatsApp Web

Download the free Chat Quotient Chrome extension to see and manage every conversation directly inside WhatsApp Web, a full WhatsApp CRM experience.

Add to Chrome, It's Free

Co to jest widżet czatu WhatsApp?

Widżet czatu WhatsApp to mały przycisk siedzący w rogu strony internetowej, który po kliknięciu otwiera rozmowę WhatsApp z firmą, bezpośrednio na numer WhatsApp firmy lub najpierw za pomocą krótkiego formularza. Zastępuje statyczne łącze "Skontaktuj się z nami" lub formularz e-mail kanałem, który większość odwiedzających już ma otwarty na swoim telefonie.

Różni się od zwykłego linku "kliknij, aby czatować" (tylko tekst lub ikona otwierająca wa.me) tym, że widżet jest konfigurowalny: pozycja, kolor i wstępnie wypełnione powitanie.

Jak dodać widżet czatu WhatsApp do witryny

  1. 1

    Skonfiguruj swój widżet

    Wprowadź numer WhatsApp, a następnie wybierz kolor i róg dla widżetu.

  2. 2

    Skopiuj fragment

    Użyj przycisku "Skopiuj fragment" powyżej. To jeden tag <script>, bez innych plików lub zależności.

  3. 3

    Wklej na swoją stronę

    Dodaj go tuż przed tagiem zamykającym </body> HTML witryny.

  4. 4

    Opublikuj

    To wszystko. Widżet renderuje się z fragmentu, żaden krok kompilacji, backend ani konto nie są wymagane.

Gdzie wklejać, na platformę

WordPress
Użyj wtyczki takiej jak "Insert Headers and Footers" lub "WPCode" albo wklej ją bezpośrednio do footer.php tematu przed </body> za pośrednictwem Appearance → Theme File Editor.
Shopify
Online Store → Themes → Edit code → theme.liquid i wklej fragment tuż nad </body>.
Wix
Settings → Custom Code → Add Code, ustaw je ładowanie na wszystkich stronach w sekcji "Body - end".
Webflow
Project Settings → Custom Code → Footer Code, a następnie opublikuj swoją stronę.
Dowolna inna strona
Jeśli możesz edytować HTML witryny, wklej go przed </body>. Działa tak samo wszędzie.

Dlaczego dodać przycisk WhatsApp do witryny

Brak formularza, brak e-maila, brak odświeżania strony

Odwiedzający osiągają Cię poprzez aplikację, którą już mają otwartą na telefonie, zamiast pisać do formularza kontaktowego i czekać na odpowiedź.

Spotyka odwiedzających tam, gdzie już są

WhatsApp to domyślna aplikacja do obsługi wiadomości dla miliardów ludzi na całym świecie. W przypadku większości odwiedzających nie ma nic nowego do pobrania ani rejestracji.

Każdy czat zaczyna się w kontekście

Wstępnie wypełnione powitanie oznacza, że rozmowa nie zaczyna się na zimno. Odwiedzający przychodzą do WhatsApp z ich wiadomością już zaramkowaną.

Dokładnie kontrolujesz, gdzie się siedzi

Ustaw kolor, róg i przesunięcie, aby widżet pasował do Twojej witryny zamiast ogólnego bąbelka domyślnego.

Bezpłatnie, bez procesu zatwierdzania

Brak wniosku API WhatsApp Business, brak oddzielnego numeru, brak kodu poza jednym tagiem skryptu.

Przycisk czatu versus widżet czatu. Jaka jest różnica?

Przycisk czatu

Statyczne łącze lub ikona otwierająca czat WhatsApp po kliknięciu. Brak konfiguracji poza numerem docelowym.

Widżet czatu

  • Konfigurowalne kolory, pozycja i wstępnie wypełnione powitanie
  • Działa wszędzie: WordPress, Shopify, Wix, Webflow lub zwykły HTML, brak zależności
  • To dokładnie to, co budujesz powyżej

Często zadawane pytania

Czy ten generator widżetu czatu WhatsApp jest darmowy? +

Tak. Widżet przekierowania, który budujesz powyżej (z Twoim numerem, kolorem, pozycją i pozdrowieniem) jest darmowy, z małą odznaką "Powered by Chat Quotient". Wersja Pro zasilana przez agenta AI jest planowana na przyszłość.

Czy potrzebuję WhatsApp Business API, aby go używać? +

Nie. Widżet otwiera normalny czat WhatsApp, korzystając z istniejącego numeru WhatsApp. Nie jest wymagana aprobata Business API ani oddzielny numer.

Czy będzie działać na WordPress, Shopify, Wix lub innej witrynie? +

Tak. To jeden tag <script> bez zależności, więc działa wszędzie, gdzie możesz wkleić HTML: WordPress, Shopify, Wix, Webflow, Squarespace lub ręcznie zbudowana strona.

Czy widżet spowalnia moją witrynę? +

Nie powinno być widoczne. Skrypt jest mały, ładuje się z async i defer, aby nigdy nie blokować Twojej strony i renderuje wewnątrz izolowanego Shadow DOM, aby nie kolidował ze stylami Twojej witryny.

Czy mogę przechwycić imię odwiedzającego zanim przejdzie do WhatsApp? +

Nie na razie. Przechwyć lead przed transferem WhatsApp znajduje się na mapie drogowej i ponownie włączymy przełącznik tutaj, gdy będzie gotowy.

Gdzie jest przechowywana moja konfiguracja? +

Nigdzie na naszych serwerach. Twoje ustawienia znajdują się całkowicie w tagu skryptu, który wklejasz na swoją witrynę. Aby coś zmienić później, wróć na tę stronę, ponownie skonfiguruj i skopiuj nowy fragment (zachowaj kopię obecnego, ponieważ nie przechowujemy go dla Ciebie).

Jaka jest różnica między przyciskiem czatu a widżetem czatu? +

"Przycisk czatu" to zwykle tylko statyczne łącze otwierające WhatsApp. "Widżet czatu" (to, co to narzędzie buduje) to pływający launcher z konfigurowalnym pozdrowieniem, pozycją i kolorem.

Czy mogę używać mojego osobistego numeru WhatsApp, czy potrzebuję numeru biznesowego? +

Każdy numer WhatsApp działa, osobisty lub biznesowy. Wystarczy wpisać kod kraju bez spacji ani znaku plus.