Zaufane samouczki WordPress, kiedy ich najbardziej potrzebujesz.
Przewodnik dla początkujących po WordPressie
WPB Cup
25 milionów+
Witryny korzystające z naszych wtyczek
16+
Lata doświadczenia z WordPressem
3000+
Samouczki WordPress od ekspertów

Jak dodać przyciski wezwania do działania w WordPress (bez kodu)

Codziennie potencjalni klienci odwiedzają Twoją stronę WordPress. Czytają Twoje treści, sprawdzają Twoje usługi i mogą być szczerze zainteresowani.

Ale potem odchodzą bez podjęcia żadnych działań – bez zapisania się na e-mail, bez zakupu, bez wysłania formularza kontaktowego.

To, co się dzieje, jest proste: Twoi odwiedzający nie wiedzą, co chcesz, aby zrobili dalej. Przyciski wezwania do działania rozwiązują ten problem, dając jasne wskazówki osobom, które już angażują się w Twoje treści.

Stosujemy to podejście w WPBeginner, aby kierować czytelników do naszych profesjonalnych usług i pomocnych przewodników, co miało ogromny wpływ na nasze wskaźniki konwersji.

Dlatego przygotowaliśmy ten kompletny przewodnik po dodawaniu przycisków wezwania do działania do Twojej witryny WordPress bez konieczności posiadania wiedzy programistycznej.

Dodawanie przycisków w WordPress krok po kroku

Uwaga: Ten artykuł dotyczy dodawania niestandardowych przycisków wezwania do działania w WordPress. Jeśli chcesz dodać przyciski mediów społecznościowych, zapoznaj się z naszym przewodnikiem po dodawaniu przycisków udostępniania w mediach społecznościowych w WordPress.

Dodawanie przycisków do postów i stron WordPress (krok po kroku)

WordPress sprawia, że dodawanie przycisków jest bardzo łatwe dzięki wbudowanemu blokowi Przycisk. Jest to funkcja wprowadzona wraz z edytorem bloków Gutenberg w WordPress.

Pokażemy Ci wiele sposobów dodawania przycisków wezwania do działania do postów i stron bloga WordPress. Możesz wybrać rozwiązanie, które najlepiej odpowiada Twoim potrzebom.

Skorzystaj z poniższego spisu treści, aby łatwo nawigować po tym artykule:

Jak dodać przycisk wezwania do działania w edytorze bloków WordPress

Z naszego doświadczenia wynika, że ta metoda jest łatwa i zalecana dla wszystkich użytkowników. Wykorzystuje ona wbudowany blok „Przyciski” w edytorze bloków WordPress. Jeśli nadal korzystasz ze starszego edytora klasycznego, możesz przejść do następnej sekcji.

Najpierw musisz utworzyć nowy wpis lub edytować istniejący, do którego chcesz dodać przycisk.

Na ekranie edycji wpisu kliknij ikonę „+” i wybierz blok Przyciski z sekcji Elementy układu.

Dodaj blok przycisku

Następnie powinieneś zobaczyć blok przycisku dodany do edytora treści.

Po prostu kliknij obszar „Dodaj tekst…” i wprowadź tekst swojego przycisku.

Dodaj tekst przycisku

Następnie kliknij przycisk Link na pasku narzędzi, aby dodać link.

Możesz wyszukać wpis lub stronę lub po prostu skopiować i wkleić adres URL w polu linku.

Dodaj link do przycisku

Po zakończeniu naciśnij „Enter” lub ikonę „Zastosuj”, aby zapisać swój link.

Jeśli chcesz wyświetlić przycisk na środku, możesz kliknąć ikonę „Wyrównaj” i wybrać „Wyrównaj do środka”. Możesz również zmienić pionowe wyrównanie przycisku z paska narzędzi.

Zmień wyrównanie przycisku

Następnie możesz dostosować styl przycisku i zmienić kolory tekstu i tła z panelu ustawień bloku po prawej stronie.

Po prostu przejdź do zakładki „Styl” w ustawieniach bloku, aby dostosować styl przycisku.

Zmień styl przycisku

Dostępne są trzy style przycisków, z których możesz wybierać: domyślny, z obramowaniem i kwadratowy. Możesz wypróbować każdy z nich, klikając na nie i wybierając ten, który wygląda najlepiej.

Sekcja Ustawienia Kolorów zawiera pięć wariantów kolorystycznych zarówno dla tła przycisku, jak i tekstu przycisku. Co więcej, możesz również użyć niestandardowego koloru według własnego wyboru, klikając opcję „Niestandardowy kolor”.

Ustawienia stylu przycisku

Gdy będziesz zadowolony z projektu przycisku, możesz zapisać swój wpis lub opublikować go, aby zobaczyć podgląd na żywo.

Oto jak wyglądało to na naszej stronie demonstracyjnej.

Podgląd przycisku wezwania do działania

Dodatkowa wskazówka: Jeśli chcesz zobaczyć, jak dobrze działają Twoje przyciski, polecamy MonsterInsights. Posiada wbudowane śledzenie zdarzeń dla linków partnerskich, linków wychodzących i niestandardowych zdarzeń, dzięki czemu możesz zobaczyć, jak dobrze działają Twoje przyciski.

Więcej szczegółów znajdziesz w ważnych wskaźnikach marketingowych, które musisz śledzić w WordPress.

Jak dodać przycisk wezwania do działania w klasycznym edytorze WordPress

Domyślny edytor bloków WordPress jest nowoczesny, szybszy i łatwiejszy. Niektórzy użytkownicy nadal korzystają ze starego Klasycznego Edytora WordPress.

Nie zalecamy korzystania z klasycznego edytora WordPress. Jest on przestarzały i nie ma wystarczającej liczby funkcji, aby użytkownicy mogli tworzyć wspaniałe treści. Jeśli nadal z niego korzystasz, zalecamy jego wyłączenie i rozpoczęcie korzystania z edytora bloków.

Z drugiej strony, niektórzy użytkownicy mogą nadal chcieć z niego korzystać. W takim przypadku będziesz potrzebować alternatywnego rozwiązania do dodawania przycisków do swojego projektu WordPress.

Dostępne są trzy opcje dodawania przycisków w Klasycznym Edytorze WordPress:

  1. Dodaj przycisk w WordPress za pomocą kodu HTML / CSS.
  2. Dodaj przyciski za pomocą wtyczki do shortcode'ów przycisków WordPress.
  3. Dodaj przycisk w WordPress bez używania shortcode'ów.

Pierwsza z nich to metoda kodowania. Będziesz musiał napisać kod HTML / CSS i dodać go do swojej strony internetowej wszędzie tam, gdzie potrzebujesz przycisku. Nie jest to przyjazne dla początkujących.

Druga opcja jest najczęściej stosowaną metodą. Dzieje się tak, ponieważ większość wtyczek do przycisków WordPress udostępnia shortcode'y do dodawania przycisków.

Trzecia opcja jest najlepsza, ponieważ pozwala łatwo dodawać przyciski do swoich postów i stron bez konieczności zapamiętywania shortcode'u.

Przyjrzyjmy się, jak dodawać przyciski w WordPress bez używania shortcode'ów.

Pierwszą rzeczą, którą musisz zrobić, jest zainstalowanie i aktywowanie wtyczki Forget About Shortcode Buttons. Więcej szczegółów znajdziesz w naszym przewodniku krok po kroku na temat jak zainstalować wtyczkę WordPress.

Po aktywowaniu wtyczki utwórz nowy wpis lub edytuj istniejący. W edytorze zobaczysz nowy przycisk o nazwie „Wstaw przycisk” w edytorze wizualnym.

Wstaw ikonę przycisku w klasycznym edytorze WordPress

Aby wstawić nowy przycisk do swojego wpisu, musisz kliknąć ikonę „Wstaw przycisk”.

Spowoduje to wyświetlenie okna podręcznego, w którym możesz zaprojektować swój nowy przycisk.

Wpisz tekst przycisku i adres URL w edytorze klasycznym

Najpierw musisz dodać tekst i adres URL przycisku. Podczas dodawania tekstu przycisku możesz zobaczyć podgląd na żywo w polu poniżej.

Następnie możesz dodać tag nofollow do swojego linku i otworzyć link w nowej karcie, klikając poniższe opcje pól wyboru.

Następnie możesz wybrać ikonę dla swojego przycisku. Jeśli klikniesz zakładkę „Ikony”, zobaczysz ikony, które możesz dodać przed lub po tekście w swoich przyciskach.

Dodaj ikonę do swojego przycisku w edytorze klasycznym

Te ikony to faktycznie czcionki ikon (dowiedz się, jak używać czcionek ikon w edytorze wpisów WordPress).

Następnie możesz wybrać kolor tekstu i kolor tła przycisku, klikając ikonę pola koloru.

Zmień kolor tła przycisku w klasycznym edytorze WordPress

Następnie kliknij menu rozwijane, aby wybrać styl przycisku.

Dostępnych jest osiem różnych stylów przycisków gotowych do użycia.

Wybierz styl przycisku w klasycznym edytorze WordPress

Podobnie możesz również wybrać rozmiar przycisku od bardzo małego do bardzo dużego.

Gdy będziesz zadowolony z wyglądu, po prostu kliknij przycisk „Aktualizuj”.

Będziesz mógł zobaczyć swój przycisk tak, jak pojawia się w swoim poście, bezpośrednio w edytorze posta.

Możesz również ustawić wyrównanie przycisku, po prostu zaznaczając tekst przycisku i używając przycisków paska narzędzi w klasycznym edytorze.

Wyrównaj przycisk do środka w edytorze klasycznym

Dwukrotne kliknięcie przycisku otworzy okno dialogowe „Wstaw przycisk” i możesz ponownie edytować swój przycisk, jeśli chcesz.

Gdy będziesz zadowolony z jego projektu, możesz opublikować lub zaktualizować swój post i zobaczyć go w akcji. Tak właśnie wyglądał fantazyjny przycisk na naszej demonstracyjnej stronie internetowej WordPress.

Podgląd przycisku - wbudowany w edytorze klasycznym

Jak dodać przycisk wezwania do działania za pomocą wtyczki WordPress

Czasami podstawowe opcje przycisków WordPress po prostu nie wystarczają do tworzenia przyciągających wzrok przycisków wezwania do działania. Dlatego lubimy używać Ultimate Blocks – daje on znacznie więcej sposobów na dostosowanie przycisków.

Rozpoczęcie jest proste. Najpierw zainstaluj i aktywuj wtyczkę WordPress. Możesz przeczytać nasz przewodnik krok po kroku na temat jak zainstalować wtyczkę WordPress, jeśli potrzebujesz pomocy.

Następnie otwórz dowolny wpis lub stronę i poszukaj bloku „Przycisk (Ulepszony)” w swoim edytorze.

Dodawanie bloku przycisku Ultimate Blocks

Kluczową różnicą w stosunku do domyślnego przycisku WordPress jest ustawienie „Kontrola responsywności”, gdzie można ukryć lub wyświetlić przycisk na urządzeniach tablet, komputer lub mobilnych.

W ten sposób możesz dostosować swoje wezwanie do działania dla różnych rozmiarów ekranu.

Ustawienia sterowania responsywnością w Ultimate Blocks

Po drugie, możesz dodać niestandardową ikonę do swojego przycisku.

Sprawi to, że przycisk będzie bardziej atrakcyjny wizualnie i pomoże mu wyróżnić się na Twojej stronie.

Dostępne ikony dla bloku przycisku Ultimate Blocks

Jest znacznie więcej ustawień do odkrycia, jeśli zdecydujesz się na wersję pro. Na przykład, możesz dodać animowane efekty do swoich przycisków, co sprawi, że będą bardziej angażujące i zauważalne dla Twoich odwiedzających.

Aby zobaczyć wszystko, co potrafi wtyczka, zapoznaj się z naszą pełną recenzją wtyczki Ultimate Blocks.

Gdy już sprawisz, że Twój przycisk będzie wyglądał idealnie, kliknij „Opublikuj” lub „Zaktualizuj”, aby zapisać swoją pracę. Upewnij się, że podglądasz swoją witrynę na urządzeniach mobilnych i komputerach, aby Twój przycisk wyglądał poprawnie na wszystkich urządzeniach.

🔎 Chcesz przenieść swoje przyciski wezwania do działania na wyższy poziom? Zapoznaj się z naszym artykułem zawierającym opinie ekspertów na temat najlepszych praktyk dotyczących wezwań do działania, gdzie współzałożyciel SeedProd, John Turner, dzieli się swoimi ulubionymi sztuczkami dotyczącymi wyświetlania przycisków na stronach docelowych.

Jak dodać przycisk kliknij, aby zadzwonić w WordPress

Oprócz zwykłych przycisków wezwania do działania, możesz również dodać przyciski kliknij, aby zadzwonić na swoją stronę internetową, aby zwiększyć liczbę potencjalnych klientów i konwersji.

Przycisk kliknij, aby zadzwonić to specyficzny rodzaj przycisku wezwania do działania, który pozwala użytkownikom na wykonanie połączenia telefonicznego do Twojego zespołu jednym dotknięciem.

Korzystając z przycisków dotknij, aby zadzwonić, odwiedzający Twoją witrynę mogą natychmiast porozmawiać z Twoim zespołem osobiście i uzyskać potrzebne informacje. Niezależnie od tego, czy omawiasz prośbę o wycenę, informacje przed sprzedażą, czy problem z pomocą techniczną, rozmowy telefoniczne są szybkie.

Wraz ze wzrostem liczby użytkowników smartfonów, dodawanie przycisków zadzwoń teraz jest obecnie jeszcze bardziej istotne.

Jeśli nie masz telefonu firmowego, być może będziesz chciał rozważyć wirtualny numer telefonu firmowego.

Mając to na uwadze, przyjrzyjmy się krok po kroku, jak dodać przyciski kliknij, aby zadzwonić w WordPressie.

Pierwszą rzeczą, którą musisz zrobić, to zainstalować i aktywować wtyczkę WP Call Button. Szczegółowe instrukcje znajdziesz w naszym przewodniku krok po kroku jak zainstalować wtyczkę WordPress.

Po aktywacji musisz odwiedzić stronę Ustawienia » WP Call Button, aby skonfigurować ustawienia wtyczki i zaprojektować swój przycisk kliknij, aby zadzwonić.

Ustawienia przycisku połączeń przyklejonych w WordPress

Najpierw zobaczysz ustawienia przycisku Sticky Call. Przycisk Sticky Call to funkcja zoptymalizowana pod kątem konwersji, która przesuwa przycisk połączenia wraz z użytkownikami podczas przeglądania Twojej witryny.

Możesz zacząć od aktywacji statusu przycisku „Zadzwoń teraz”. Wystarczy kliknąć przełącznik, aby go aktywować.

Następnie musisz wprowadzić swój numer telefonu. WP Call Button ma pole numeru telefonu z kodem kraju. Po prostu wybierz swój kraj i wprowadź służbowy numer telefonu.

Jeśli nie masz służbowego numeru, możesz go uzyskać od Nextiva. Jest to zaufany dostawca VoIP dla firm.

Następnie możesz edytować tekst przycisku połączenia i wybrać jego pozycję oraz kolor.

Możesz również wybrać, gdzie na swojej stronie internetowej ma być wyświetlany przycisk „Zadzwoń teraz”. Domyślnie przycisk połączenia jest wyświetlany na wszystkich stronach i wszystkich urządzeniach. Możesz wyświetlać lub ukrywać przycisk na określonych stronach i wyświetlać go tylko na urządzeniach mobilnych.

Po przejrzeniu wszystkich opcji możesz kliknąć przycisk „Zapisz zmiany” na dole. Następnie możesz odwiedzić swoją stronę internetową i zobaczyć przycisk „Zadzwoń teraz” w akcji.

Przycisk połączenia kliknij, aby zadzwonić w WordPress

Oprócz przycisków „Zadzwoń teraz” na stałe, możesz również dodawać statyczne przyciski „Zadzwoń teraz” na stronach, wpisach i w bocznych paskach WordPressa za pomocą tego wtyczki.

Jeśli korzystasz z edytora bloków WordPressa, możesz łatwo dodać przycisk „Zadzwoń teraz” na swoich stronach za pomocą bloku WP Call Button.

Utwórz nową stronę lub edytuj istniejącą stronę i dodaj blok WP Call Button za pomocą edytora strony.

Dodawanie bloku przycisku połączeń WP w WordPress

Następnie możesz dostosować tekst przycisku, kolor przycisku, kolor tekstu i rozmiar czcionki oraz pokazać lub ukryć ikonę telefonu.

Gdy będziesz zadowolony z jego wyglądu, możesz opublikować lub zaktualizować swoją stronę.

Dostosowywanie przycisku połączeń w edytorze stron WordPress

Jeśli korzystasz z klasycznego edytora WordPressa, musisz użyć generatora przycisku „Zadzwoń teraz” statycznego, aby uzyskać krótki kod.

Przejdź do Ustawienia » WP Call Button i kliknij menu „Statyczny przycisk Zadzwoń teraz” na górze.

Statyczne przyciski połączeń w ustawieniach WordPress

Po prostu dostosuj opcje przycisku, a następnie skopiuj krótki kod. Następnie możesz użyć krótkiego kodu na dowolnym wpisie lub stronie w swojej witrynie.

Wtyczka WP Call Button pozwala również na dodanie przycisku „Zadzwoń teraz” na bocznym pasku WordPressa i innych obszarach gotowych na widżety.

Po prostu przejdź do Wygląd » Widżety i przeciągnij widżet WP Call Button do obszaru gotowego na widżety, w którym chcesz wyświetlić przycisk „Zadzwoń teraz”.

Widżet paska bocznego przycisku połączeń WordPress

Teraz możesz dodać tytuł, opis i dostosować przycisk „Zadzwoń teraz” w sekcji Ustawienia zaawansowane. Po zakończeniu zapisz swój widżet.

To już wszystko! Jeśli chcesz zobaczyć bardziej szczegółowy samouczek, możesz zapoznać się z naszym przewodnikiem krok po kroku na temat dodawania przycisku kliknij, aby zadzwonić w WordPressie.

Dodatkowa wskazówka: Użyj wtyczki do tworzenia stron WordPress

Samo dodanie przycisku wezwania do działania nie zawsze wystarcza. Możesz również chcieć dostosować stronę lub wpis za pomocą obrazu nagłówkowego, menu i niestandardowego układu.

W takim przypadku zalecamy użycie wtyczki do tworzenia stron WordPress typu przeciągnij i upuść, takiej jak SeedProd lub Thrive Architect.

Dodaj przycisk SeedProd

Te kreatory stron pomogą Ci tworzyć niestandardowe strony docelowe z fantazyjnymi przyciskami wezwania do działania dokładnie tak, jak chcesz.

Cokolwiek zrobisz, ważne jest, aby śledzić, jak działają Twoje przyciski, ponieważ zgadywanie nie jest najlepszą strategią rozwoju firmy.

Zalecamy użycie MonsterInsights. Posiada wbudowane śledzenie zdarzeń dla linków partnerskich, linków wychodzących i niestandardowych zdarzeń, dzięki czemu możesz zobaczyć, jak dobrze działają Twoje przyciski. Więcej informacji można znaleźć w ważnych wskaźnikach marketingowych, które musisz śledzić w WordPressie.

Samouczek wideo

Subskrybuj WPBeginner

Mamy nadzieję, że ten artykuł pomógł Ci dowiedzieć się, jak łatwo dodawać przyciski w WordPress. Możesz również zapoznać się z naszym kompletnym przewodnikiem na temat pokazywania podglądu linków na żywo w WordPress oraz naszymi ekskluzywnymi wyborami najlepszych narzędzi do tworzenia i sprzedaży produktów cyfrowych.

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.

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

Ostateczny zestaw narzędzi WordPress

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

Interakcje czytelników

69 CommentsLeave a Reply

  1. Czy jest możliwość śledzenia statystyk przycisku tylko za pomocą Google Analytics? Niestety nie mam monstesight, ale mam Google Analytics na swojej stronie.

    • It is possible but you would need to set up the event tracking in Google Analytics which is why we recommend using MonsterInsights :)

      Admin

      • Dziękuję za odpowiedź i wyjaśnienie. Planuję zagłębić się trochę bardziej w Google Analytics, ponieważ jedyne rzeczy, które obecnie śledzę za ich pomocą, to liczba użytkowników, geolokalizacja i linki zwrotne. Wiem, że GA potrafi zdziałać cuda. Jednak widziałem i przeczytałem już kilka artykułów na Twojej stronie, więc wierzę, że dzięki nim w końcu lepiej zrozumiem to narzędzie. Dziękuję za Twoją wspaniałą pracę. W wielu aspektach posunąłeś mnie do przodu.

  2. Jak mogę dodać formularz (imię / adres e-mail) do mojego przycisku wezwania do działania?
    Czy jest sposób na dostosowanie formularza kontaktowego (usunięcie pola tekstowego), aby to zrobić?
    Nie koduję.

    • Powinieneś skontaktować się z pomocą techniczną swojego wtyczki formularza, w zależności od tego, której używasz, istnieją różne możliwe metody, aby zrobić to, czego chcesz.

      Admin

  3. Dodałem przycisk, dzięki, ale wygląda bardzo mały i nie mogę dowiedzieć się, jak zwiększyć jego rozmiar w edytorze bloków.

  4. Cześć,

    Obecnie próbuję stworzyć przycisk na WordPressie. Ale nie ma opcji wyrównania do środka.

    Czy najnowsza wersja WordPressa pominęła funkcję wyrównania przycisku?

    • You would want to ensure you are targeting the button block and not the specific button to see the alignment options :)

      Admin

Zostaw odpowiedź

Dziękujemy za pozostawienie komentarza. Pamiętaj, że wszystkie komentarze są moderowane zgodnie z naszą polityką komentowania, a Twój adres e-mail NIE zostanie opublikowany. Prosimy NIE używać słów kluczowych w polu nazwy. Prowadźmy osobistą i znaczącą rozmowę.