Jak osadzić pływający przycisk WhatsApp na stronie internetowej

O wtyczce pływającego przycisku WhatsApp

Chcesz rozszerzyć funkcjonalność swojej strony, dodając do niej pływający przycisk WhatsApp, ale nie wiesz jak to zrobić? Pomogą Ci gotowe rozwiązania, na przykład wtyczka, którą można osadzić w kodzie HTML dowolnej strony – od WordPressa i Squarespace po Shopify i Wix. I właśnie takie rozwiązanie możemy Ci zaproponować. Mowa o pływającym przycisku WhatsApp od Elfsight. Dzięki tej wtyczce łatwo stworzysz okno czatu do dowolnego celu na swojej stronie.

1. Najpierw wybierz odpowiedni szablon czatu.
2. Połącz swój profil i dostosuj okno czatu.
3. Pobierz kod widgetu WhatsApp Chat.
4. Wklej kod na swoją stronę.

Stwórz swój pływający przycisk WhatsApp tutaj, w kilku kliknięciach!

Dodaj pływający przycisk WhatsApp do kodu HTML strony

W kilka kliknięć możesz łatwo stworzyć pływający przycisk WhatsApp i dodać go do kodu HTML swojej strony. HTML pomaga tworzyć strony internetowe do różnych celów. Choć samo tworzenie strony może nie być trudne, dodanie dodatkowych elementów, takich jak pływający przycisk, może wymagać wsparcia zewnętrznych rozwiązań. Możesz to zrobić za pomocą naszego prostego konfiguratora. Zobaczmy, jak to zrobić.

1. Załóż konto w Elfsight Apps i zaloguj się do panelu administracyjnego.
2. W konfiguratorze wybierz szablon Floating i dostosuj go.
3. Zapisz swój pływający przycisk czatu.
4. Skopiuj kod instalacyjny, który pojawi się w okienku popup.
5. Wklej kod w wybrane miejsce na swojej stronie.

To było całkiem proste, prawda? Jeśli chcesz zobaczyć bardziej obrazowy przewodnik, jak dodać pływający przycisk WhatsApp do kodu HTML strony, obejrzyj poniższy film:

Jak dodać pływający przycisk WhatsApp do WordPress i innych platform

WordPress to jeden z najpopularniejszych kreatorów stron na świecie, więc nic dziwnego, że wielu użytkowników szuka instrukcji, jak dodać pływający przycisk czatu do strony. Dodanie przycisku WhatsApp Chat w WordPress jest naprawdę proste. Poniżej opisaliśmy, jak zrobić to za pomocą natywnego edytora WordPress. Zobacz, jak łatwo dodać WhatsApp do WordPress.

Po stworzeniu i dostosowaniu pływającego przycisku czatu w panelu Elfsight, wklej kod instalacyjny w pole HTML w panelu administracyjnym WordPress. To naprawdę proste! Zazwyczaj kod dodaje się w sekcji HTML Code. Oto jak to zrobić:

1. Stwórz swój pływający przycisk WhatsApp w panelu administracyjnym, wybierając odpowiedni szablon.
2. Zapisz zmiany i skopiuj kod instalacyjny, który pojawi się w specjalnym okienku popup.
3. Zaloguj się do panelu administracyjnego WordPress.
4. Przejdź do sekcji „Strony” i wybierz stronę, na której chcesz osadzić przycisk.
5. Dodaj blok niestandardowego HTML w wybranym miejscu strony.
6. W tym bloku HTML wklej kod pływającego przycisku, który otrzymałeś z generatora kodu.
7. Kliknij „Aktualizuj”, aby zapisać zmiany.

Możesz dowolnie modyfikować ustawienia w panelu Elfsight, a zmiany będą widoczne w Twoim pływającym przycisku czatu. Nie musisz zmieniać kodu HTML swojej strony WordPress.

Nasza wtyczka WhatsApp Chat jest też dostępna na innych platformach, na przykład Wix. Oto proste instrukcje, jak dodać czat do konkretnej strony Wix:

1. Zaloguj się do kreatora Wix, wybierz stronę, na której chcesz mieć wtyczkę, a następnie kliknij „Edytuj stronę”.
2. Dodaj blok HTML, klikając ikonę Plus, przejdź do sekcji Osadź i wybierz „Osadź widget” w zakładce „Niestandardowe osadzenia”.
3. Wklej kod instalacyjny. Kliknij „Wprowadź kod”, wklej fragment i zatwierdź „Aktualizuj”.
4. Dostosuj rozmiar i pozycję wtyczki. Przeciągnij ją w wybrane miejsce i zmień rozmiar tak, aby wyglądała idealnie, bez pasków przewijania.
5. Optymalizuj wtyczkę pod urządzenia mobilne i opublikuj. Kliknij ikonę mobilną, aby przejść do edytora mobilnego, dostosuj rozmiar, jeśli trzeba, i kliknij „Opublikuj”.

Gotowe! Dodałeś aplikację Elfsight do wybranej strony na Wix.

A co z dodaniem WhatsApp Chat do Shopify? To proste. Zobacz, jak to zrobić w kilku krokach:

1. Zaloguj się do panelu administracyjnego Shopify i przejdź do Kanały sprzedaży → Sklep internetowy.
2. Kliknij „Dostosuj”, aby otworzyć edytor wizualny.
3. Użyj listy rozwijanej u góry, aby zmienić stronę.
4. Kliknij „Dodaj sekcję”, a następnie wybierz „Custom Liquid”.
5. Wklej kod Shopify WhatsApp Chat w pole Custom Liquid, dostosuj kolory i marginesy, jeśli trzeba, i zapisz.

W ten sposób łatwo dodasz niestandardowy czat WhatsApp do stron swojego sklepu Shopify.

Pływający przycisk WhatsApp: ciekawe zastosowania

Tworząc i dostosowując pływający przycisk czatu WhatsApp na WordPress lub innej stronie, możesz napotkać problem z personalizacją, zwłaszcza jeśli chcesz stworzyć wstępny komunikat i nie wiesz, jak najlepiej go wystylizować w kodzie HTML strony. Przygotowaliśmy dla Ciebie przykłady projektów przycisków, które mogą Cię zainspirować.

Przykład 1: osadzony przycisk czatu

To przykład klasycznego pływającego przycisku dla WordPress lub innej strony, który użytkownicy dobrze znają. Aby otworzyć niestandardowe okno dialogowe, wystarczy kliknąć przycisk. Okno czatu zawiera spersonalizowaną informację o czasie odpowiedzi, co z pewnością zwiększy zaufanie odbiorców, bo zobaczą, że dbasz o nich i jesteś gotów odpowiedzieć na pytania o każdej porze.

Przykład 2: przycisk konsultacji

Pływająca ikona czatu WhatsApp na WordPress lub innej stronie to świetny sposób na udzielanie porad użytkownikom w dowolnych kwestiach. Dzięki szerokim możliwościom personalizacji wtyczki łatwo zmienisz kolor przycisku i okna czatu na takie, które idealnie wpiszą się w ogólną koncepcję wizualną Twojej strony i jej kod HTML.

Przykład 3: przycisk onboardingu

Wsparcie klienta i onboarding to ważny element prowadzenia każdej strony komercyjnej. Świadczenie tych usług w oknie czatu osadzonym w kodzie HTML Twojej strony WordPress lub innej to świetny pomysł. Możesz używać pływającego przycisku czatu na wszystkich stronach, pozostając w stałym kontakcie z klientami i podnosząc jakość obsługi.

Przykład 4: przycisk opinii

Chcesz poprawić jakość swoich produktów i usług, otrzymując szybkie i pewne opinie? Wtedy pływający przycisk czatu dodany do kodu HTML strony będzie idealny – każdy, kto chce wyrazić swoją opinię, może kliknąć go w dowolnym momencie. Podobnie jak w poprzednich przykładach, łatwo zmienisz kolorystykę czatu, by stał się spójnym elementem designu Twojej strony.

Zalety pływającego przycisku WhatsApp dla Twojego biznesu

Dlaczego warto wybrać pływający przycisk WhatsApp do dodania do kodu HTML swojej strony? Odpowiedź jest prosta – ze względu na łatwość obsługi. To możliwość nawiązania dialogu z firmą w zaledwie 2 kliknięciach. Nie trzeba wypełniać formularzy, wpisywać numeru telefonu czy wiadomości. Tylko dwa kliknięcia: jedno na stronie, drugie w aplikacji WhatsApp. Czy może być prościej?

Większość osób woli komunikować się przez komunikatory, do których są przyzwyczajeni. To wygodniejsze niż e-mail, telefon czy czat online. Poniżej przedstawiamy powody, dla których warto rozważyć dodanie przycisku WhatsApp Chat na swojej stronie.

Wzrost popularności dzięki przyciskowi

WhatsApp to drugi co do wielkości serwis na świecie po Facebooku. Według Statista WhatsApp ma ponad 500 milionów aktywnych użytkowników dziennie. W wielu krajach jest liderem wśród komunikatorów pod względem liczby użytkowników.

Szybki sposób komunikacji dzięki przyciskowi

Ludzie postrzegają komunikator jako szybki sposób kontaktu. Sprzedawca równie szybko odpowie na wiadomość w dowolnym kanale, ale użytkownik szybciej odpowie w WhatsApp. Dlaczego?

• WhatsApp cieszy się dużym zaufaniem użytkowników. Nawet jeśli komuś aplikacja nie odpowiada, i tak ją pobierze, bo to kanał do kontaktu z rodziną i znajomymi. Dlatego ludzie są przyzwyczajeni do szybkiego odpowiadania na wiadomości w WhatsApp.
• WhatsApp to też kanał wolny od spamu. Większość wiadomości pochodzi od znanych osób. Brak tu nachalnych reklam, irytujących powiadomień push, newsfeedów i masowego spamu.
• Użytkownik zwraca uwagę na oznaczenia nieprzeczytanych wiadomości. Nawet jeśli nie ma ochoty czytać, otworzy wiadomość.
• Te zasady nie dotyczą e-maili. Jeśli mail nie jest wystarczająco ważny, odbiorca może go nie otworzyć od razu, a może nawet nigdy. Nie wiadomo też, czy wiadomość została przeczytana.

WhatsApp pokazuje statusy wiadomości. Zawsze wiesz, czy klient przeczytał wiadomość. Co ważniejsze, użytkownik wie, że widzisz te statusy, co zwiększa szanse na odpowiedź. Nawet krótkie „tak” lub „nie” pomoże Ci zaplanować dalsze działania.

Bardziej nieformalna atmosfera dzięki przyciskowi WhatsApp

Rozmowy na WhatsApp są postrzegane jako nieformalne, swobodne. Taki dialog rozluźnia użytkowników. Nie boją się popełnić błędu, zadać pytanie czy zażartować. E-mail wciąż kojarzy się z oficjalną, uporządkowaną i szczegółową formą, co wymaga czasu na przygotowanie. Użytkownik pomyśli „to zajmie czas” i odpowie konkurencji na WhatsApp.

Wezwanie do działania przycisku

Znaczenia wezwania do działania nie da się przecenić. Sam logotyp WhatsApp nie jest wezwaniem do działania. Nie wszyscy odwiedzający stronę zrozumieją, do czego służy przycisk czatu. Bez odpowiedniego wezwania efektywność byłaby niska.

Konwersja spada bez CTA. Wezwanie do działania wyświetlane jako podpowiedź też nie jest wystarczająco skuteczne. Najlepiej, gdy komunikat jest widoczny cały czas i wbudowany w samą wtyczkę.

Personalizacja wyglądu przycisku

To ważny parametr, który pozwoli przyciskowi czatu organicznie wpasować się w design Twojej strony. Elastyczne ustawienia pozwolą widgetowi nie kolidować z innymi elementami strony. Świetnie, jeśli usługa umożliwia zmianę czcionki, koloru, rozmiaru i położenia.

Podsumowanie

Wtyczka WhatsApp nie jest magicznym narzędziem, które natychmiast zasypie Cię zamówieniami. Ale jeśli zostanie odpowiednio wykorzystana, może znacząco poprawić konwersję ruchu mobilnego na Twojej stronie.