Czy chcesz dodać przycisk click-to-call w WordPress? Ponieważ więcej osób odwiedza Twoją witrynę za pomocą smartfonów, dodanie przycisku „dotknij, aby zadzwonić” ułatwia im kontakt z Tobą. W tym artykule pokażemy, jak łatwo dodać przycisk click-to-call w swojej witrynie WordPress.

Adding a click to call button in WordPress

Dlaczego dodać przycisk Click-to-Call w WordPress

Wiele małych witryn biznesowych polega na klientach, którzy kontaktują się z nimi w celu uzyskania ofert, informacji przedsprzedażnych lub wsparcia.

Dlatego zalecamy dodanie formularza kontaktowego do wszystkich właścicieli witryn.

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

Wraz ze wzrostem ruchu w sieci mobilnej na całym świecie, często użytkownikom wygodniej jest po prostu dotknąć, aby zadzwonić i uzyskać potrzebne informacje.

Jeśli dopiero rozpoczynasz działalność, zalecamy skorzystanie z profesjonalnej usługi telefonicznej, dzięki której możesz przekierowywać połączenia, udostępniać numery pracownikom i odbierać połączenia za pomocą telefonów komórkowych z dowolnego miejsca (zamiast stacjonarnych).

Mając to na uwadze, przyjrzyjmy się, jak łatwo dodać przycisk click-to-call w WordPress.

Video Tutorial

Subskrybuj WPBeginner

Jeśli nie podoba Ci się film lub potrzebujesz więcej instrukcji, Kontynuuj czytanie.

Metoda 1. Dodanie przycisku Click-to-Call Now w WordPress za pomocą wtyczki

Ta metoda jest łatwiejsza i zalecana dla wszystkich użytkowników. Pozwala łatwo utworzyć przycisk Kliknij, aby zadzwonić w Gutenbergu, Klasyczny edytor, widżet paska bocznego WordPress, a nawet lepki Pływający przycisk połączenia.

Pierwszą rzeczą, którą musisz zrobić, to zainstalować i aktywować wtyczkę przycisku WP Call na swojej stronie. Aby uzyskać więcej informacji, zobacz nasz przewodnik krok po kroku, jak zainstalować wtyczkę WordPress.

Po aktywacji musisz odwiedzić Ustawienia ” przycisk wywołania WP strona do konfiguracji ustawień wtyczki.

WordPress Call Button

Pierwsza strona ustawień dotyczy najczęściej żądanej funkcji, przycisku Sticky Call, który przewija się wraz z użytkownikiem podczas przeglądania witryny.

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

Musisz zacząć od wprowadzenia numeru telefonu służbowego, pod który chcesz, aby ludzie dzwonili. Wtyczka przycisku połączenia WP wykorzystuje pole inteligentnego telefonu, co oznacza, że możesz po prostu wybrać swój kraj i automatycznie doda kod kraju we właściwym formacie.

Uwaga: Jeśli nie masz służbowego numeru telefonu, możesz go uzyskać od Nextiva. Jest to firma, której używamy do naszego biznesowego telefonu VoIP.

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

Domyślnie wtyczka doda przycisk Kliknij, aby zadzwonić na wszystkich stronach i wszystkich urządzeniach. Masz jednak możliwość pokazania go tylko na niektórych stronach lub pokazania tylko urządzeń mobilnych.

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

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

WordPress Click to Call Button

Jeśli chcesz dodać statyczny przycisk połączenia na stronie kontaktu WordPress, stronie o stronie lub innym poście / stronie, masz dwie opcje.

Jeśli używasz nowego edytora bloków WordPress, po prostu utwórz lub edytuj istniejącą stronę. Następnie musisz dodać Blok przycisków WP Call, klikając ikonę”+”.

Call Button Gutenberg

Blok przycisków wywołania WordPress zawiera 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 pozwoli użytkownikom kliknąć i zadzwonić na numer telefonu podany na stronie ustawień przycisku połączenia WP.

Teraz, jeśli używasz klasycznego edytora WordPress, musisz użyć statycznego generatora przycisków połączeń, aby uzyskać krótki kod.

Po prostu przejdź do Ustawienia ” przycisk wywołania WP i kliknij statyczne menu przycisku połączenia na górze.

WordPress Call Button Shortcode

Następnie możesz dostosować tekst przycisku połączenia, kolor i wybrać, czy chcesz pokazać, czy ukryć ikonę telefonu. Następnie po prostu skopiuj poniższy kod i wklej go wewnątrz postu lub strony, na której chcesz go dodać.

Wtyczka przycisku połączenia WP pozwala również dodać przycisk połączenia na pasku bocznym witryny za pomocą widżetu paska bocznego.

Aby to zrobić, musisz iść Wygląd ” Widgety i Przeciągnij widżet przycisk wywołania WP do obszaru gotowego do widżetu.

WordPress Call Button Sidebar Widget

Ten widżet pozwala dodać tytuł i opis widżetu. Możesz kliknąć łącze Ustawienia Zaawansowane, aby dostosować tekst przycisku połączenia i tekst przycisku połączenia.

Po przeczytaniu tego, prawdopodobnie możesz zobaczyć, dlaczego WP Call button jest zdecydowanie najłatwiejszym i najbardziej wszechstronnym WordPress click to call button plugin 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, która automatycznie śledzi, ile osób kliknie przycisk połączenia i które strony dają Ci 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ęcznie Dodaj przycisk Kliknij, aby zadzwonić w WordPress

Ta metoda pozwala ręcznie dodać przyciski Kliknij, aby zadzwonić i linki w dowolnym miejscu w witrynie WordPress.

Najprostszym sposobem na dodanie klikalnego numeru telefonu do witryny jest dodanie go w ten sposób:

<!-- Ten link będzie działał na Androidzie i iPhonie. Będzie widoczny dla użytkowników komputerów, ale spowoduje błąd po kliknięciu -->

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

Te łącza otworzą aplikację telefon na urządzeniach mobilnych. Na komputerach stacjonarnych użytkownicy komputerów Mac zobaczą opcję otwarcia łącza w Facetime, podczas gdy użytkownicy systemu Windows 10 zobaczą opcję otwarcia go w programie Skype.

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

Zobaczmy, jak to zrobić.

Po pierwsze, musisz odwiedzić Media ” Dodaj Nowy strona i prześlij obraz, którego chcesz użyć. Po przesłaniu obrazu należy kliknąć link „Edytuj”, aby kontynuować.

Upload phone icon

Spowoduje to edycję ekranu multimedialnego, na którym musisz skopiować adres URL pliku. Będziesz go potrzebował w następnym kroku.

Możesz teraz edytować widżet post, Strona lub niestandardowy HTML, w którym chcesz wyświetlić ikonę telefonu Kliknij, aby zadzwonić. W obszarze edycji możesz teraz dodać obraz ikony telefonu owinięty w link tel:.

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

Po zakończeniu możesz odwiedzić swoją witrynę, aby zobaczyć link click-to-call z przesłanym obrazem.

Click-to-call button with image icon

Możesz to jeszcze bardziej dostosować, dodając więcej tekstu przed lub po łączu i używając niestandardowego CSS do stylizacji.

Click to call button with more text and CSS style

Dodawanie linku Click-to-Call do menu nawigacji WordPress

Możesz również dodać link click-to-call do menu nawigacyjnego WordPress.

Po prostu przejdź do Wygląd ” Menu stronę i kliknij kartę niestandardowe linki z prawej kolumny. Teraz możesz dodać numer telefonu w polu łącza w następującym formacie:

tel: + 155555555

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

Add click-to-call link to navigation menu

Następnie odwiedź swoją witrynę, aby zobaczyć link Kliknij, aby zadzwonić w akcji.

Call link in navigation

Chcesz dodać ikonę obrazu obok łącza click-to-call w menu nawigacyjnym? Zobacz nasz artykuł o tym, jak dodać ikony obrazów z menu nawigacji w WordPress.

Mamy nadzieję, że ten artykuł pomógł Ci dowiedzieć się, jak dodać przycisk click-to-call w WordPress. Możesz również zapoznać się z naszym przewodnikiem, jak utworzyć bezpłatny biznesowy adres e-mail.

Jeśli podoba Ci się ten artykuł, zasubskrybuj nasz kanał YouTube dla samouczków wideo WordPress. Znajdziesz nas również na Twitterze i Facebooku.

You May Also Like

Jak naprawić nieprawidłowy błąd JSON w WordPress (Przewodnik dla początkujących)

W artykule: Co powoduje błąd „nieprawidłowa odpowiedź JSON” w WordPress?1. Sprawdź adresy…

Jak zmienić kolor linku w WordPress (poradnik dla początkujących)

W artykule: Dlaczego Linki Są Ważne?Jak dodawać linki w postach i stronach…

Jak naprawić błąd krytyczny w WordPress (krok po kroku)

W artykule: Co To jest błąd krytyczny w WordPress?Co powoduje krytyczny błąd…

Jak zainstalować WordPress lokalnie na komputerze Mac za pomocą MAMP

W artykule: Jak zainstalować MAMP na komputerze MacInstalacja WordPress na komputerze MacWypróbowanie…