Darmowe Narzędzie

Zbuduj widżet czatu WhatsApp dla swojej witryny

Skonfiguruj poniżej i wypróbuj bezpośrednio na tej stronie. Bąbelek w rogu to rzeczywisty widżet, na żywo.

Skonfiguruj swój widżet

Zmiany aktualizują podgląd na żywo i fragment natychmiast.

Wybierz swój kraj, aby kod był prawidłowy (WhatsApp nie może znaleźć czatu bez niego), a następnie wprowadź resztę numeru, tylko cyfry.

Zwiększ to, jeśli widżet skończy się ukryty za innym elementem na Twojej stronie, takiej jak baner cookies lub inne narzędzie czatu.

Twój fragment osadzania

Wklej to przed tagiem zamykającym </body> na swojej witrynie.

Podgląd na żywo

Spójrz na dolny róg tej strony. To Twój widżet, renderowany z ustawień powyżej przy użyciu rzeczywistego skryptu osadzania.

Zarządzaj lead'ami na WhatsApp Web

Pobierz darmowe rozszerzenie Chat Quotient dla Chrome, aby wyświetlać i zarządzać każdą rozmową bezpośrednio w WhatsApp Web. Pełne doświadczenie CRM WhatsApp.

Dodaj do Chrome, to darmowe

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.