Trusted WordPress tutorials, when you need them most.
Beginner’s Guide to WordPress
Puchar WPB
25 Million+
Websites using our plugins
16+
Years of WordPress experience
3000+
WordPress tutorials
by experts

Jak dodać przycisk „kliknij, aby zadzwonić” w WordPress (krok po kroku)

Ułatwienie odwiedzającym skontaktowania się z Tobą może zwiększyć zaangażowanie i współczynniki konwersji.

Dodanie przycisku „kliknij, aby zadzwonić” na twojej witrynie usprawnia komunikację i pozwala użytkownikom skontaktować się z tobą bezpośrednio ze swoich smartfonów.

Przez lata prowadziliśmy różne sklepy internetowe i firmy, które codziennie komunikują się z klientami. To nauczyło nas najlepszych sposobów, aby pomóc firmom łączyć się z użytkownikami przez telefon, e-mail i online.

W rzeczywistości opracowaliśmy pierwszą wtyczkę przedstawioną w tym poradniku, ponieważ widzieliśmy rosnące zapotrzebowanie na proste i skuteczne rozwiązanie typu click-to-call.

W tym artykule pokażemy, jak łatwo dodać przycisk „kliknij, aby zadzwonić” na twojej witrynie internetowej WordPress.

Adding a click to call button in WordPress

Dlaczego warto dodać przycisk Click-to-Call w WordPress?

Wiele witryn internetowych dla małych firm polega na tym, że klienci kontaktują się z nimi w celu uzyskania ofert, informacji przedsprzedażowych lub pomocy technicznej.

Dlatego wszystkim właścicielom witryn internetowych zalecamy dodanie formularza kontaktowego.

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

Wraz ze wzrostem mobilnego ruchu internetowego 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 rozpoczynasz działalność, zalecamy skorzystanie z profesjonalnej usługi telefonii biznesowej, abyś mógł przekierowywać połączenia, udostępniać numery pracownikom i odbierać połączenia za pomocą telefonu komórkowego z dowolnego miejsca (zamiast telefonu stacjonarnego).

Biorąc to pod uwagę, przyjrzyjmy się, jak łatwo dodać przycisk „kliknij, aby zadzwonić” w WordPress:

Film instruktażowy

Subscribe to WPBeginner

Jeśli nie podoba Ci się film lub potrzebujesz więcej instrukcji, po prostu czytaj dalej.

Metoda 1: Dodanie przycisku Click-to-Call Now w WordPressie za pomocą wtyczki

Ta metoda jest łatwiejsza i zalecana dla wszystkich użytkowników. Pozwala łatwo utworzyć przycisk „kliknij, aby zadzwonić” w Gutenbergu, edytorze klasycznym, widżecie panelu bocznego WordPress, a nawet przypiętym pływającym przycisku połączenia.

Po pierwsze, musisz zainstalować i włączyć wtyczkę WP Call Button na swojej witrynie. Aby uzyskać więcej informacji, zobacz nasz przewodnik krok po kroku, jak zainstalować wtyczkę WordPress.

Po włączaniu, przejdź na stronę Ustawienia ” WP Call Button z panelu bocznego administratora WordPress, aby skonfigurować ustawienia wtyczki.

Create Click to Call button

Pierwsza strona ustawień dotyczy najczęściej przypiętej funkcji – Przycisku Przypiętego Połączenia, który przewija się wraz z użytkownikiem podczas przeglądania twojej witryny internetowej.

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

Musisz zacząć od wpisz firmowy numer telefonu, na który chcesz, aby ludzie dzwonili.

Wtyczka WP Call Button korzysta z pola smartfona, co oznacza, że możesz po prostu wybrać twój kraj, a on automatycznie doda kod kraju w odpowiednim formacie.

Uwaga: Jeśli nie masz firmowego numeru telefonu, możesz go uzyskać od Nextiva. Jest to firma, której używamy do naszych potrzeb biznesowych w zakresie telefonii VoIP.

Następnie możesz dodać tekst przycisku połączenia, wybrać pozycjonowanie i kolor przycisku.

Domyślnie wtyczka doda przycisk „kliknij, aby zadzwonić” na wszystkich stronach i urządzeniach. Można jednak wybrać wyświetlanie go tylko na niektórych stronach lub tylko na urządzeniach mobilnych.

Configure button settings

Po zakończeniu kliknij przełącznik włączania u góry, a następnie kliknij przycisk „Zapisz zmiany”, aby zapisać twoje ustawienia.

Następnie użytkownik może przejść na twoją witrynę internetową, aby zobaczyć przycisk wezwania do działania.

WordPress click to call button

Jeśli chcesz dodać statyczny przycisk połączenia do swojej strony kontaktowej WordPress, strony z informacjami 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.

Add WP call button block in the Gutenberg editor

Blok przycisków połączeń WordPress zawiera wiele opcji dostosowywania, takich jak możliwość dostosowania koloru przycisku, tekstu przycisku, wielkości litery oraz możliwość pokazania lub ukrycia ikonki telefonu.

Po dodaniu przycisku, pozwoli on użytkownikom na kliknięcie i połączenie się z numerem telefonu określonym na stronie ustawień WP Call Button.

Po dostosowaniu przycisku wystarczy kliknąć przycisk „Opublikuj” lub „Aktualizuj”, aby zapisać twoje ustawienia.

Customize the call button

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

Wystarczy przejść do Ustawienia ” WP Call Button i kliknąć menu „Statyczny przycisk wywołania” na górze.

Add static call button

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

Następnie przewiń w dół i skopiuj krótki kod, aby dodać przycisk połączenia do strony lub wpisu.

Copy the shortcode

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

Przycisk połączenia został pomyślnie dodany w klasycznym edytorze.

Add call button shortcode in the classic editor

Wtyczka WP Call Button umożliwia również dodanie przycisku połączenia na pasku bocznym twojej witryny internetowej za pomocą bloku widżetów paska bocznego.

Aby to zrobić, należy przejść na stronę Wygląd ” Widżety z obszaru administracyjnego WordPress i kliknąć przycisk „+”, aby otworzyć menu bloków.

Z tego miejsca dodaj blok WP Call Button do twojego obszaru gotowego na widżet.

Add a WP call button widgets block

Następnie możesz jeszcze bardziej dostosować wygląd twojego przycisku połączenia z panelu bloków po prawej stronie.

Dostępne są na przykład opcje zmiany rozmiaru przycisku, ukrycia ikonki telefonu, wyrównania środka przycisku oraz edycji kolorów tła i tekstu.

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

Edit your WP call button widget settings

Po przeczytaniu tego, prawdopodobnie widzisz, dlaczego przycisk WP Call jest zdecydowanie najłatwiejszą i najbardziej wszechstronną wtyczką WordPress do przycisków click-to-call na rynku.

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

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

Metoda 2: Ręczne dodanie przycisku Click to Call w WordPress

Metoda ta pozwala na ręczne dodawanie przycisków i odnośników „click-to-call” w dowolnym miejscu na twoim blogu WordPress.

Najprostszym sposobem na dodanie klikalnego numeru telefonu do twojej witryny internetowej jest dodanie go w ten 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 odnośniki otworzą aplikację telefonu na urządzeniach mobilnych. Na komputerach stacjonarnych użytkownicy komputerów Mac zobaczą opcję otwarcia odnośnika w Facetime, podczas gdy użytkownicy Windows 10/11 zobaczą opcję otwarcia go w Skype.

Możesz również użyć HTML, aby dodać obrazek lub ikonkę obok odnośnika tekstowego.

Przyjrzyjmy się, jak to zrobić.

Najpierw musisz przejść na stronę Media ” Utwórz nowy i załadować obrazek, którego chcesz użyć. Po przesłaniu obrazka należy kliknąć odnośnik „Edytuj”, aby kontynuować.

Upload phone icon

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

Możesz teraz edytować wpis, stronę lub własny widżet HTML, w którym chcesz wyświetlić ikonkę telefonu. W obszarze edycji można teraz dodać obrazek ikonki telefonu zawinięty wewnątrz odnośnika tel:.

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

Po wykonaniu tej czynności, użytkownik może przejść na twoją witrynę internetową, aby zobaczyć odnośnik z przesłanym obrazkiem.

Click-to-call button with image icon

Można to jeszcze bardziej dostosować, dodając więcej tekstu przed lub po odnośniku i używając własnego CSS do jego stylizacji.

Tak to wygląda na naszej demonstracyjnej witrynie internetowej.

Click to call button with more text and CSS style

Możesz również dodać odnośnik click-to-call do twojego menu nawigacyjnego WordPress.

Wystarczy przejść na stronę Wygląd ” Menu i kliknąć kartę własnych odnośników w prawej kolumnie. Teraz możesz dodać numer telefonu w polu odnośnika w następującym formacie:

tel:+155555555

Add click-to-call link to navigation menu

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

Następnie przejdź na twoją witrynę internetową, aby zobaczyć w działaniu odnośnik „kliknij, aby zadzwonić”.

Call link in navigation

Jeśli jednak korzystasz z motywu opartego na blokach, będziesz musiał przejść na stronę Wygląd ” Edytor z panelu bocznego administratora WordPress.

Spowoduje to uruchomienie pełnego edytora witryny, w którym należy wybrać „Nagłówek” jako fragment szablonu, który chcemy edytować.

Choose the header template part

Następnie zostaniesz przeniesiony do następnego ekranu, na którym zostanie wyświetlony twój nagłówek WordPress.

W tym miejscu kliknij ikonkę „Edytuj”, aby rozpocząć konfigurowanie twojego menu nawigacyjnego.

Click the Edit link

Następnie kliknij przycisk „+” w twoim menu nawigacyjnym, aby otworzyć okno dodawania odnośnika.

W tym miejscu wystarczy wpisać twój numer telefonu, a następnie nacisnąć przycisk „Wpisz”, aby dodać go do menu nawigacji.

Add number in the full site editor

Gdy już to zrobisz, możesz zmienić jego etykietę z panelu bloków w prawym rogu ekranu.

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

Change the number of the label

Teraz użytkownicy, którzy klikną odnośnik „Zadzwoń do mnie” w twoim menu nawigacyjnym, będą mogli się z tobą skontaktować.

Bonus: Dodaj okno czatu WhatsApp w WordPress

Jeśli nie masz czasu na odbieranie telefonów od klientów, możesz dodać prostą skrzynkę czatu WhatsApp na swojej witrynie internetowej, gdzie odwiedzający mogą zostawić swoje wiadomości. Następnie możesz odpowiedzieć na nie za pośrednictwem tekstu, a nie połączenia telefonicznego.

Może to być korzystne dla zapytań klientów, ponieważ ponad 2 miliardy osób korzysta z WhatsApp do przesyłania wiadomości.

Aby dodać chatbox WhatsApp, należy zainstalować i włączać wtyczkę Click to Chat. Aby uzyskać szczegółowe informacje, możesz zapoznać się z naszym przewodnikiem dla początkujących, jak zainstalować wtyczkę WordPress.

Po włączaniu wystarczy przejść na kartę menu Click to Chat z kokpitu WordPress i wpisz swój firmowy numer telefonu. Będzie to numer, pod którym będziesz otrzymywać wiadomości od użytkowników.

Provide your WhatsApp phone number

Następnie możesz dostosować chatbox i wybrać wpisy lub strony, na których chcesz go wyświetlać klientom. Po zakończeniu wystarczy przejść na edytor bloków i dodać krótki kod dla pola czatu WhatsApp.

Następnie kliknij przycisk „Aktualizuj” lub „Publikuj”, aby zapisać twoje ustawienia.

Add shortcode in the block editor

Pomyślnie dodałeś skrzynkę czatu WhatsApp, w której użytkownicy mogą zostawiać wiadomości, jeśli nie chcą uczestniczyć w rozmowie telefonicznej.

Aby uzyskać bardziej szczegółowe instrukcje, możesz zapoznać się z naszym poradnikiem na temat dodawania czatu WhatsApp i przycisku udostępniania w WordPress.

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, jak utworzyć bezpłatny biznesowy adres e-mail lub naszą ekspercką listą najlepszych wtyczek do marketingu SMS.

If you liked this article, then please subscribe to our YouTube Channel for WordPress video tutorials. You can also find us on Twitter and Facebook.

Ujawnienie: Nasze treści są wspierane przez czytelników. Oznacza to, że jeśli klikniesz na niektóre z naszych linków, możemy otrzymać prowizję. Zobacz jak WPBeginner jest finansowany, dlaczego to ma znaczenie i jak możesz nas wspierać. Oto nasz proces redakcyjny.

Avatar

Editorial Staff at WPBeginner is a team of WordPress experts led by Syed Balkhi with over 16 years of experience in WordPress, Web Hosting, eCommerce, SEO, and Marketing. Started in 2009, WPBeginner is now the largest free WordPress resource site in the industry and is often referred to as the Wikipedia for WordPress.

Najlepszy zestaw narzędzi WordPress

Uzyskaj BEZPŁATNY dostęp do naszego zestawu narzędzi - zbiór produktów i zasobów związanych z WordPressem, które każdy profesjonalista powinien mieć!

Reader Interactions

34 komentarzeZostaw odpowiedź

  1. Branka

    Hi, how can i change the size of the text inside the button?

  2. Uko eben

    I want to create an e-commerce website solely for the sales of fairly used phone gagdet, and adding a „chart botton and phone number botton” to contact the seller is pertinent. I have searched for articles in relation to my need, but I haven’t gotten a solution on your website. Pls I need a solution.

    • WPBeginner Support

      For that customization, you would want to check with the plugin you’re using to add the ecommerce options to your site and they normally have a method to do so.

      Administrator

  3. Mona

    Do you have a call button that can go on different pages with different phone number? And also that would show if the person is on a call or busy?

    • WPBeginner Support

      Not at this time.

      Administrator

  4. Kelly D.

    Can you please reference or link the Gutenberg editor doc you referenced? I would like to add the WP Call to the Contact Us page within the footer.

    • WPBeginner Support

      Any guides we mention should normally be linked if you click the orange text in the article :)

      Administrator

  5. rajneesh

    A debt of gratitude is in order for the pleasant article! Informatin just I required. It would utilize it for my site to get contacts with guests straightforwardly. Pleasant work done!

    • WPBeginner Support

      Glad you found our content helpful :)

      Administrator

  6. Spencer Pearson

    Great post! I’d also mention that CTA buttons (on your website itself) should be clear and stand out — through color, format, etc.

    • WPBeginner Support

      Thank you for sharing your recommendation :)

      Administrator

  7. Spencer Pearson

    Thanks for sharing such a nice article

    • WPBeginner Support

      You’re welcome, glad our article could be helpful :)

      Administrator

  8. Alan

    „Simply go to Appearance » Menus page…” I can’t even get started because I can’t find Appearance anywhere. Perhaps this is for an outdated interface.

  9. Michael William

    Thanks for posting article.. It’s really helpful & informative.

    • WPBeginner Support

      Glad you found our article helpful :)

      Administrator

  10. Helen

    Thanks for the nice article! Informatin just I needed. It would use it for my site to get contacts with visitors directly. Nice work done!

    • WPBeginner Support

      You’re welcome, glad you like our article :)

      Administrator

  11. Masoud

    hi,
    many thanks for this useful article.
    so, i have a website about appliance repair.
    and each item has its own page.
    for example , refrigerator repair has its own page and air conditioner repair has its own page.
    i want to that: I define phone number for each page. and The page viewer when the touch button is touched, The relevant master will answer the phone.
    have you an idea for this ?
    thanks

    • WPBeginner Support

      Glad you like our content :)

      Administrator

  12. Tom

    I have multiple contact numbers in my website footer, can I make all 3 phone numbers (1 landline + 2 mobile) all Click-to-Call enabled?
    Thanks!

    • WPBeginner Support

      If you are able to edit those numbers then you could use the manual method for adding click to call.

      Administrator

  13. Ionut

    After enabeling analytics in the plugin, where do i go to see the numbers of calls?

    • WPBeginner Support

      You would use Google Analytics for the tracking, if you reach out to the plugin’s support they should be able to let you know the specific location.

      Administrator

  14. Eugene

    Does this plugin support call back feature like the „Callback Tracker” plugin? I have found that it is more convenient for visitors to get call from me in just several seconds after their request.

    • WPBeginner Support

      Not at the moment, the plugin is to add a button for your mobile visitors to call you

      Administrator

  15. Stiven

    Hi, is there any chance to change the Number depending of the location of the person? I mean for US a number, or for Spain another number?

  16. David Cornish

    A very timely article, just when I need the info about click to callable buttons. Perfect !!!! And Thanks a lot.

  17. Kamran awan

    Thanks for sharing such a nice article .. Keep the good work up.

Zostaw odpowiedź

Dziękujemy za pozostawienie komentarza. Pamiętaj, że wszystkie komentarze są moderowane zgodnie z naszymi polityka komentarzy, a Twój adres e-mail NIE zostanie opublikowany. NIE używaj słów kluczowych w polu nazwy. Przeprowadźmy osobistą i konstruktywną rozmowę.