Jak dodać przycisk „Kliknij, aby zadzwonić” w WordPressie (krok po kroku)

Dodanie przycisku „kliknij, aby zadzwonić” na Twojej stronie ułatwia użytkownikom kontakt z Tobą ze smartfonów, co prowadzi do lepszego zaangażowania i wyższych konwersji.

Prowadziliśmy różne sklepy internetowe i firmy, które codziennie komunikują się z klientami. Nauczyło nas to najlepszych sposobów pomagania firmom w nawiązywaniu kontaktu z użytkownikami przez telefon, e-mail i online.

W rzeczywistości opracowaliśmy pierwszą wtyczkę opisaną w tym samouczku, ponieważ dostrzegliśmy rosnącą potrzebę prostego i skutecznego rozwiązania do połączeń kliknięciem.

W tym artykule pokażemy Ci, jak łatwo dodać przycisk „kliknij, aby zadzwonić” na Twojej stronie WordPress.

Dlaczego dodawać przycisk „kliknij, aby zadzwonić” w WordPress?

Wiele witryn małych firm polega na tym, że klienci kontaktują się z nimi w celu uzyskania wycen, informacji przed sprzedażą lub wsparcia.

Dlatego polecamy dodanie formularza kontaktowego dla wszystkich właścicieli stron internetowych.

Jednak w zależności od branży, niektórzy użytkownicy mogą chcieć od razu porozmawiać z osobą.

Wraz ze wzrostem ruchu mobilnego w internecie na całym świecie, użytkownicy często uważają, że wygodniej jest po prostu dotknąć, aby zadzwonić i uzyskać potrzebne informacje.

Ponadto, dodanie przycisku kliknij, aby zadzwonić, może również poprawić Twoje SEO, czyniąc Twoją witrynę WordPress bardziej przyjazną dla urządzeń mobilnych.

Jeśli dopiero zaczynasz działalność, zalecamy zapoznanie się z profesjonalną usługą telefoniczną dla firm, dzięki czemu możesz przekierowywać połączenia, udostępniać numery pracownikom i odbierać połączenia za pomocą telefonu komórkowego z dowolnego miejsca (zamiast linii stacjonarnej).

Mając to na uwadze, przyjrzyjmy się, jak łatwo dodać przycisk kliknij, aby zadzwonić w WordPressie:

• Metoda 1: Dodawanie przycisku „Zadzwoń teraz” w WordPress
• Metoda 2: Ręczne dodanie przycisku „Kliknij, aby zadzwonić” w WordPressie
• Dodawanie linku Click-to-Call do menu nawigacyjnych WordPress
• Bonus: Dodaj czat WhatsApp w WordPress
• Samouczek wideo

Metoda 1: Dodawanie przycisku „Zadzwoń teraz” w WordPress

Ta metoda jest łatwiejsza i zalecana dla wszystkich użytkowników. Pozwala łatwo utworzyć przycisk połączenia kliknięciem w Gutenberg, edytorze klasycznym, widżecie paska bocznego WordPress, a nawet jako pływający przycisk połączenia.

Najpierw musisz zainstalować i aktywować wtyczkę WP Call Button na swojej stronie. Aby uzyskać więcej szczegółów, zapoznaj się z naszym przewodnikiem krok po kroku jak zainstalować wtyczkę WordPress.

Po aktywacji przejdź do strony Ustawienia » WP Call Button z paska bocznego administratora WordPress, aby skonfigurować ustawienia wtyczki.

Pierwsza strona ustawień dotyczy najczęściej wymaganej funkcji, czyli przycisku połączenia „Sticky Call Button”, który przesuwa się wraz z użytkownikiem podczas przeglądania Twojej witryny.

Ta funkcja zoptymalizowana pod kątem konwersji pomaga uzyskać więcej połączeń i szybciej finalizować transakcje.

Musisz zacząć od wprowadzenia biznesowego numeru telefonu, pod który chcesz, aby ludzie dzwonili.

Wtyczka WP Call Button używa pola smartfona, co oznacza, że możesz po prostu wybrać swój kraj, a ona automatycznie doda kod kraju w odpowiednim formacie.

Następnie masz możliwość dodania tekstu przycisku połączenia, wybrania pozycji i koloru przycisku.

Domyślnie wtyczka doda przycisk „kliknij, aby zadzwonić” na wszystkich stronach i urządzeniach. Możesz jednak wybrać, aby wyświetlał się tylko na określonych stronach lub tylko na urządzeniach mobilnych.

Po zakończeniu kliknij przełącznik aktywacji na górze, a następnie kliknij przycisk „Zapisz zmiany”, aby zachować ustawienia.

Następnie możesz odwiedzić swoją stronę internetową, aby zobaczyć przycisk połączenia w akcji.

Jeśli chcesz dodać przycisk statycznego połączenia do swojej strony kontaktowej WordPress kontaktowej, strony „O nas” lub dowolnego innego wpisu/strony, masz dwie opcje.

Jeśli korzystasz z edytora bloków WordPress, po prostu utwórz lub edytuj istniejącą stronę.

Następnie kliknij przycisk „Dodaj blok” w lewym górnym rogu ekranu, aby otworzyć menu bloków. Stąd dodaj blok WP Call Button do strony.

Blok przycisku połączeń WordPress oferuje wiele opcji dostosowywania, takich jak możliwość dostosowania koloru przycisku, tekstu przycisku, rozmiaru czcionki oraz możliwość wyświetlania lub ukrywania ikony telefonu.

Po dodaniu przycisku umożliwi on użytkownikom kliknięcie i wybranie numeru telefonu, który podałeś na stronie ustawień WP Call Button.

Po dostosowaniu przycisku, po prostu kliknij przycisk „Opublikuj” lub „Zaktualizuj”, aby zapisać swoje ustawienia.

Teraz, jeśli używasz klasycznego edytora WordPressa, musisz użyć generatora przycisku statycznego wywołania, aby uzyskać krótki kod.

Po prostu przejdź do Ustawienia » WP Call Button i kliknij menu „Static Call Button” na górze.

Następnie możesz dostosować tekst i kolor przycisku połączenia oraz wybrać, czy chcesz wyświetlić, czy ukryć ikonę telefonu.

Następnie przewiń w dół i skopiuj krótki kod do dodania przycisku połączenia na stronie lub w poście.

Następnie otwórz stronę lub wpis, do którego chcesz dodać przycisk, i wklej do niego krótki kod.

Pomyślnie dodałeś przycisk połączenia w klasycznym edytorze.

Wtyczka WP Call Button pozwala również na dodanie przycisku połączenia do paska bocznego Twojej witryny za pomocą bloku widżetu paska bocznego.

Aby to zrobić, musisz odwiedzić stronę Wygląd » Widżety z obszaru administracyjnego WordPress i kliknąć przycisk „+”, aby otworzyć menu bloków.

Stąd dodaj blok WP Call Button do swojego obszaru gotowego na widżety.

Następnie możesz dalej dostosowywać wygląd swojego przycisku połączenia z panelu bloków po prawej stronie.

Na przykład istnieją opcje zmiany rozmiaru przycisku, ukrycia ikony telefonu, wyśrodkowania przycisku oraz edycji kolorów tła i tekstu.

Po wprowadzeniu zmian nie zapomnij kliknąć przycisku „Zaktualizuj”.

Po przeczytaniu tego prawdopodobnie widzisz, dlaczego przycisk WP Call jest zdecydowanie najłatwiejszą i najbardziej wszechstronną wtyczką przycisku kliknij, aby zadzwonić dla WordPress na rynku.

Najlepsze jest to, że jest w 100% darmowy i ma bezproblemową integrację z Google Analytics.

Wszystko, co musisz zrobić, to użyć wtyczki MonsterInsights, a ona automatycznie śledzi, ile osób klika Twój przycisk połączenia i które strony generują najwięcej potencjalnych klientów, dzięki czemu możesz skupić się na tym, co działa, aby szybciej rozwijać swój biznes!

Metoda 2: Ręczne dodanie przycisku „Kliknij, aby zadzwonić” w WordPressie

Ta metoda pozwala ręcznie dodawać przyciski i linki „kliknij, aby zadzwonić” w dowolnym miejscu na blogu WordPress.

Najprostszym sposobem dodania klikalnego numeru telefonu do Twojej witryny jest dodanie go w następujący sposób:

<!--This link will work on Android and iPhone. It will be visible to desktop users but will result in an error when clicked -->

<a href="tel:+15555551212">+1 (555) 555-1212</a> 

<a href="tel:15555551212">Call Me</a>

Te linki otworzą aplikację telefonu na urządzeniach mobilnych. Na komputerach stacjonarnych użytkownicy Mac zobaczą opcję otwarcia linku w Facetime, podczas gdy użytkownicy Windows 10/11 zobaczą opcję otwarcia go w Skype.

Możesz również użyć HTML, aby dodać obraz lub ikonę obok linku tekstowego kliknij, aby zadzwonić.

Przyjrzyjmy się, jak to zrobić.

Najpierw musisz przejść na stronę Media » Dodaj nowe i przesłać obraz, którego chcesz użyć. Po przesłaniu obrazu musisz kliknąć link „Edytuj”, aby kontynuować.

Spowoduje to przejście do ekranu edycji mediów, gdzie musisz skopiować adres URL pliku. Będzie on potrzebny w następnym kroku.

Możesz teraz edytować post, stronę lub widżet niestandardowego kodu HTML, w którym chcesz wyświetlić ikonę telefonu „kliknij, aby zadzwonić”. W obszarze edycji możesz teraz dodać obraz ikony telefonu zawarty w linku tel:.

<a href="tel:+15555551212"><img src="https://example.com/wp-content/uploads/2018/10/phoneicon2.png" alt="Call us" /></a> 

Po zakończeniu możesz odwiedzić swoją stronę internetową, aby zobaczyć link do połączenia z przesłanym obrazem.

Możesz dalej dostosować to, dodając więcej tekstu przed lub po linku i używając niestandardowego CSS do jego stylizacji.

Tak to wygląda na naszej stronie demonstracyjnej.

Dodawanie linku Click-to-Call do menu nawigacyjnych WordPress

Możesz również dodać link do połączenia kliknięciem do swojego menu nawigacyjnego WordPress.

Po prostu odwiedź stronę Wygląd » Menu i kliknij zakładkę niestandardowych linków w prawej kolumnie. Teraz możesz dodać numer telefonu w polu linku w następującym formacie:

tel:+155555555

Następnie dodaj tekst, który chcesz wyświetlić, a następnie kliknij przycisk „Dodaj do menu”.

Następnie odwiedź swoją stronę internetową, aby zobaczyć swój link do połączenia kliknięciem w akcji.

Jeśli jednak używasz motywu opartego na blokach, będziesz musiał odwiedzić stronę Wygląd » Edytor z paska bocznego administracji WordPress.

Spowoduje to uruchomienie pełnego edytora witryny, gdzie musisz wybrać „Nagłówek” jako część szablonu, którą chcesz edytować.

Następnie przejdziesz do następnego ekranu, gdzie wyświetlony zostanie nagłówek Twojej witryny WordPress.

Stąd kliknij ikonę „Edytuj”, aby rozpocząć dostosowywanie menu nawigacyjnego.

Następnie kliknij przycisk „+” w swoim menu nawigacyjnym, aby otworzyć monit „Dodaj link”.

Tutaj po prostu wpisz swój numer telefonu, a następnie naciśnij przycisk „Enter”, aby dodać go do menu nawigacyjnego.

Po wykonaniu tej czynności możesz zmienić jego etykietę z panelu bloków w prawym rogu ekranu.

Na koniec kliknij przycisk „Zapisz” u góry, aby zapisać swoje ustawienia.

Teraz użytkownicy, którzy klikną link „Zadzwoń do mnie” w Twoim menu nawigacyjnym, będą mogli się z Tobą skontaktować.

Bonus: Dodaj czat WhatsApp w WordPress

Jeśli nie masz czasu na odbieranie telefonów od klientów, możesz dodać prosty czat WhatsApp na swojej stronie internetowej, gdzie odwiedzający mogą zostawiać swoje wiadomości. Następnie możesz odpowiadać im tekstowo, zamiast telefonicznie.

Może to być korzystne w przypadku zapytań klientów, ponieważ ponad 2 miliardy ludzi korzysta z WhatsApp do wysyłania wiadomości.

Aby dodać okno czatu WhatsApp, musisz zainstalować i aktywować wtyczkę Click to Chat. Szczegółowe informacje znajdziesz w naszym przewodniku dla początkujących na temat jak zainstalować wtyczkę WordPress.

Po aktywacji wystarczy przejść do zakładki menu Click to Chat z poziomu panelu administracyjnego WordPress i wprowadzić numer telefonu swojej firmy. Będzie to numer, na który będziesz otrzymywać wiadomości od użytkowników.

Następnie możesz dostosować okno czatu i wybrać wpisy lub strony, na których chcesz go wyświetlać klientom. Po zakończeniu po prostu przejdź do edytora bloków i dodaj skrócony kod dla okna czatu WhatsApp.

Następnie kliknij przycisk „Update” lub „Publish”, aby zapisać swoje ustawienia.

Pomyślnie dodałeś teraz okno czatu WhatsApp, w którym użytkownicy mogą zostawiać wiadomości, jeśli nie chcą odbierać połączenia telefonicznego.

Aby uzyskać bardziej szczegółowe instrukcje, zapoznaj się z naszym samouczkiem na temat jak dodać przycisk czatu i udostępniania WhatsApp w WordPress.

Samouczek wideo

Jeśli nie lubisz pisemnych instrukcji, możesz obejrzeć nasz samouczek wideo:

Mamy nadzieję, że ten artykuł pomógł Ci dowiedzieć się, jak dodać przycisk kliknij, aby zadzwonić w WordPress. Możesz również zapoznać się z naszym przewodnikiem dla początkujących na temat jak utworzyć darmowy firmowy adres e-mail lub naszym wyborem ekspertów najlepszych wtyczek do marketingu SMS.

Jeśli podobał Ci się ten artykuł, zasubskrybuj nasz kanał YouTube po samouczki wideo WordPress. Możesz nas również znaleźć na Twitterze i Facebooku.