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)

Uwaga redakcyjna: Otrzymujemy prowizję z linków partnerskich na WPBeginner. Prowizje nie mają wpływu na opinie i oceny naszych redaktorów. Dowiedz się więcej o Proces redakcyjny.

Czy chcesz dodać przycisk „kliknij, aby zadzwonić” w WordPress?

Ponieważ coraz więcej osób przechodzi na twoją witrynę internetową za pomocą smartfonów, dodanie przycisku „dotknij, aby zadzwonić” ułatwia im skontaktowanie się z tobą.

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 dodaje przycisk „kliknij, aby zadzwonić” na wszystkich stronach i wszystkich urządzeniach. Istnieje jednak możliwość wyświetlania 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, wyśrodkowania przycisku oraz edycji koloru 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, która 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, a także z naszymi typami ekspertów dotyczącymi niezbędnych wtyczek WordPress do rozwoju Twojej witryny.

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

35 komentarzyZostaw odpowiedź

  1. Syed Balkhi says

    Hey WPBeginner readers,
    Did you know you can win exciting prizes by commenting on WPBeginner?
    Every month, our top blog commenters will win HUGE rewards, including premium WordPress plugin licenses and cash prizes.
    You can get more details about the contest from here.
    Start sharing your thoughts below to stand a chance to win!

  2. Uko eben says

    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 says

      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 says

    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?

  4. Kelly D. says

    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 says

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

      Administrator

  5. rajneesh says

    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!

  6. Spencer Pearson says

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

  7. Alan says

    „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.

  8. Helen says

    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!

  9. Masoud says

    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

  10. Tom says

    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 says

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

      Administrator

    • WPBeginner Support says

      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

  11. Eugene says

    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.

  12. Stiven says

    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?

  13. David Cornish says

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

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ę.