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ć przyciski wezwania do działania w WordPress (bez kodu)

Dodanie przycisków wezwania do działania do twoich wpisów lub stron WordPress może zwiększyć konwersje. Przyciski te przyciągają wzrok i kierują użytkowników do podjęcia określonych działań.

Można ich na przykład użyć do przekierowania odwiedzających na stronę z cennikiem, stronę produktu lub stronę usług. Mogą one również promować oferty specjalne, nowe produkty lub odnośniki partnerskie.

W tym artykule pokażemy, jak dodać piękne przyciski wezwania do działania w WordPress. Najlepsze jest to, że nie będziesz musiał pisać żadnego kodu.

Poznajmy prosty sposób na ulepszenie twojej witryny WordPress za pomocą tych skutecznych przycisków.

Adding Buttons in WordPress Step by Step

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

Dodawanie przycisków we wpisach i na stronach WordPress (krok po kroku)

WordPress bardzo ułatwia dodawanie przycisków dzięki wbudowanemu blokowi Button. Jest to funkcja, która została wprowadzona wraz z edytorem bloków Gutenberg WordPress.

Pokażemy ci wiele sposobów dodawania przycisków wezwania do działania do wpisów i stron na blogu WordPress. Możesz wybrać rozwiązanie, które najlepiej odpowiada twoim potrzebom.

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

Spis treści:

Film instruktażowy

Subscribe to WPBeginner

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

Dodawanie przycisków we wpisach / na stronach WordPress przy użyciu domyślnego edytora

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 używasz starszego klasycznego edytora, możesz przejść do następnej sekcji.

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

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

Add button block

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

Po prostu kliknij obszar „Dodaj tekst…” i wpisz swój tekst przycisku.

Add button text

Następnie kliknij przycisk Link na pasku narzędzi, aby dodać odnośnik.

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

Add button link

Po zakończeniu naciśnij „Wpisz” lub ikonkę „Zastosuj”, aby zapisać twój odnośnik.

Jeśli chcesz wyświetlić przycisk na środku, możesz kliknąć ikonkę „Justuj”, a następnie wybrać opcję „Justuj na środku”. Możesz także zmienić pionowe wyrównanie przycisku z paska narzędzi.

Change button alignment

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

Wystarczy przejść do karty „Styl” w ustawieniach bloku, aby dostosować twój styl przycisku.

Change button style

Do wyboru są trzy style przycisków: domyślny, kontur i Square. Możesz wypróbować każdy z nich, klikając je i wybierając ten, który wygląda najlepiej.

Sekcja ustawień kolorów zawiera pięć wariantów kolorystycznych zarówno dla tła przycisku, jak i jego tekstu. Co więcej, możesz także użyć własnego koloru, który wybierzesz, klikając opcję „Custom Color”.

Button style settings

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

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

Call to action button preview

Bonus: Jeśli chcesz sprawdzić skuteczność twoich przycisków, powinieneś skorzystać z MonsterInsights. Ma on wbudowane śledzenie zdarzeń dla odnośników afiliacyjnych, linków wychodzących i zdarzeń własnych, dzięki czemu możesz zobaczyć, jak dobrze działają twoje przyciski. Aby uzyskać więcej informacji, zapoznaj się z ważnymi danymi marketingowymi, które musisz śledzić w WordPress.

Tworzenie przycisku WordPress w edytorze klasycznym

Domyślny edytor bloków WordPress jest nowoczesny, szybszy i łatwiejszy. Niektórzy użytkownicy nadal używają starego klasycznego edytora WordPress.

Nie zalecamy korzystania z klasycznego edytora WordPress. Jest on nieaktualny i nie ma wystarczających funkcji, aby użytkownicy mogli tworzyć niesamowite treści. Jeśli nadal go używasz, radzimy go wyłączyć i zacząć korzystać z edytora blokowego.

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 na twojej witrynie 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 WordPress button shortcode.
  3. Dodaj przycisk w WordPress bez użycia krótkich kodów.

Spośród tych trzech opcji, pierwszą jest metoda kodowania. Będziesz musiał napisać kod HTML / CSS i dodać go do swojej witryny internetowej wszędzie tam, gdzie potrzebujesz przycisku. Nie jest to metoda przyjazna dla początkujących.

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

Trzecia opcja jest najlepsza, ponieważ pozwala łatwo dodawać przyciski do twoich wpisów i stron bez konieczności pamiętania krótkiego kodu.

Przyjrzyjmy się, jak dodać przyciski w WordPressie bez użycia krótkich kodów.

Pierwszą rzeczą, którą musisz zrobić, to zainstalować i włączyć wtyczkę Forget About Shortcode Buttons. Aby uzyskać więcej informacji, zobacz nasz przewodnik krok po kroku, jak zainstalować wtyczkę WordPress.

Po włączaniu wtyczki utwórz nowy wpis lub edytuj istniejący. W edytorze wizualnym zobaczysz nowy przycisk oznaczony jako „Wstaw Button”.

Insert Button Icon in Classic WordPress Editor

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

Spowoduje to wyświetlenie wyskakującego okna, w którym możesz zaprojektować swój nowy przycisk.

Enter Button Text and URL in Classic Editor

Najpierw musisz dodać tekst przycisku i adres URL. Gdy dodasz tekst przycisku, zobaczysz podgląd na żywo w polu poniżej.

Następnie możesz dodać tag nofollow do twojego odnośnika i otworzyć odnośnik w nowej karcie, klikając poniższe opcje pola wyboru.

Następnie możesz wybrać ikonkę dla twojego przycisku. Jeśli klikniesz na kartę „Ikonki”, będziesz mógł zobaczyć ikonki, które możesz dodać przed lub po tekście w twoich przyciskach.

Add Icon to your Button in Classic Editor

Te ikony są w rzeczywistości czcionkami ikon (dowiedz się, jak używać czcionek ikon w edytorze wpisów WordPress).

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

Change Button Background Color in WordPress Classic Editor

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

Dostępnych jest osiem różnych stylów przycisków.

Choose a Button Style in Classic WordPress Editor

Podobnie, można 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ę we wpisie, bezpośrednio w edytorze wpisów.

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

Center Align Your Button in Classic Editor

Dwukrotne kliknięcie przycisku spowoduje wyświetlenie wyskakującego okienka Wstaw przycisk, w którym można ponownie edytować twój przycisk.

Gdy będziesz zadowolony z jego wyglądu, możesz opublikować lub zaktualizować swój wpis i zobaczyć go w działaniu. Tak wyglądał fantazyjny przycisk na naszej demonstracyjnej witrynie internetowej WordPress.

Button Preview - Built in Classic Editor

Dodawanie przycisku „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 swojej witrynie internetowej, aby zwiększyć liczbę potencjalnych klientów i konwersji.

Przycisk „kliknij, aby zadzwonić” to szczególny rodzaj przycisku wezwania do działania, który umożliwia użytkownikom wykonanie połączenia telefonicznego z twoim zespołem za pomocą jednego dotknięcia.

Korzystając z przycisków „dotknij, aby zadzwonić”, odwiedzający twoją witrynę mogą natychmiast osobiście porozmawiać z twoim zespołem i uzyskać potrzebne informacje. Niezależnie od tego, czy chodzi o zapytanie ofertowe, informacje przedsprzedażowe czy problem z pomocą techniczną, połączenia telefoniczne są szybkie.

Wraz z rosnącą liczbą użytkowników smartfonów, dodanie przycisków „zadzwoń teraz” jest obecnie jeszcze bardziej istotne.

Jeśli nie masz telefonu służbowego, możesz rozważyć uzyskanie wirtualnego numeru telefonu służbowego.

Mając to na uwadze, przyjrzyjmy się, jak krok po kroku dodać przyciski click-to-call w WordPress.

Pierwszą rzeczą, którą musisz zrobić, jest zainstalowanie i włączanie wtyczki WP Call Button. Szczegółowe instrukcje można znaleźć w naszym przewodniku krok po kroku, jak zainstalować wtyczkę WordPress.

Po włączaniu należy przejść na stronę Ustawienia ” WP Call Button, aby skonfigurować ustawienia wtyczki i zaprojektować twój przycisk „kliknij, aby zadzwonić”.

Sticky Call Button Settings in WordPress

Najpierw zobaczysz ustawienia przypiętego przycisku połączenia. Przypięty przycisk połączenia to funkcja zoptymalizowana pod kątem konwersji, która przesuwa przycisk połączenia wraz z użytkownikami przeglądającymi twoją witrynę.

Możesz zacząć od włączania statusu przycisku Zadzwoń teraz. Wystarczy kliknąć przełącznik, aby go włączać.

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

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

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

Możesz również wybrać, gdzie ma być wyświetlany przypięty przycisk połączenia na twojej witrynie internetowej. Domyślnie przycisk połączenia jest wyświetlany na wszystkich stronach i na wszystkich urządzeniach. Możesz pokazać lub ukryć przycisk na niektórych stronach i pokazać go tylko na urządzeniach mobilnych.

Po przejrzeniu wszystkich opcji możesz kliknąć przycisk „Zapisz zmiany” u dołu. Następnie możesz przejść na swoją witrynę internetową i zobaczyć przypięty przycisk Zadzwoń teraz w działaniu.

WordPress Click to Call Button

Oprócz przypiętych przycisków wezwania do działania, za pomocą tej wtyczki można również dodawać statyczne przyciski wezwania do działania na twoich stronach WordPress, wpisach i panelach bocznych.

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

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

Adding WP Call Button Block in WordPress

Następnie można dostosować tekst przycisku, kolor przycisku, kolor tekstu i wielkość litery oraz pokazać lub ukryć ikonkę telefonu.

Gdy będziesz zadowolony z wyglądu twojej strony, możesz ją opublikować lub zaktualizować.

Customizing Call Button in WordPress Page Editor

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

Przejdź do Ustawienia ” Przycisk połączeń WP i kliknij menu „Statyczny przycisk połączeń” u góry.

Static Call Buttons in WordPress Settings

Wystarczy dostosować opcje przycisku, a następnie skopiować krótki kod. Następnie możesz użyć krótkiego kodu w dowolnym wpisie lub stronie w twojej witrynie internetowej.

Wtyczka WP Call Button umożliwia również dodanie przycisku połączenia na twoim panelu bocznym WordPress i innych obszarach przystosowanych do widżetów.

Po prostu przejdź do Wygląd ” Widżety i przeciągnij widżet Przycisk połączenia WP do obszaru gotowego na widżet, w którym chcesz wyświetlić przycisk połączenia.

WordPress Call Button Sidebar Widget

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

To wszystko! Jeśli chcesz zobaczyć bardziej szczegółowy poradnik, możesz sprawdzić nasz przewodnik krok po kroku, jak dodać przycisk „kliknij, aby zadzwonić” w WordPress.

Dodatkowa wskazówka dotycząca dodawania własnych przycisków w WordPressie

Samo dodanie przycisku wezwania do działania nie zawsze wystarcza. Warto również dostosować stronę lub wpis za pomocą obrazka bohatera, menu i własnego układu.

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

SeedProd add button

Te konfiguratory stron pomogą ci stworzyć własne strony docelowe z fantazyjnymi przyciskami wezwania do działania dokładnie tak, jak chcesz.

Cokolwiek robisz, ważne jest, abyś śledził skuteczność twoich przycisków, ponieważ zgadywanie nie jest najlepszą strategią rozwoju biznesu.

Zalecamy korzystanie z MonsterInsights. Ma on wbudowane śledzenie zdarzeń dla odnośników afiliacyjnych, linków wychodzących i zdarzeń własnych, dzięki czemu możesz zobaczyć, jak dobrze działają twoje przyciski. Aby uzyskać więcej informacji, zobacz ważne metryki marketingowe, które musisz śledzić w WordPress.

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 po śledzeniu konwersji WordPress lub naszą listą najlepszych wtyczek WordPress do rozwoju twojej witryny internetowej.

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

69 komentarzyZostaw odpowiedź

  1. Jiří Vaněk

    Is it possible to track some statistics of the button, only with Google Analytics? Unfortunately, I don’t have monstesight, but I do have Google Analytics on my website.

    • WPBeginner Support

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

      Administrator

      • Jiří Vaněk

        Thanks for the reply and explanation. I plan to dive a bit more into Google Analytics, as the only things I currently track with them are the number of users, geolocation and backlinks. I know that GA can do an awful lot. However, I have already seen and read several articles on your website, so I believe that thanks to them I will finally understand this tool a little better. Thank you for your great work. She moved me forward in many ways.

  2. sandra

    How can I add a form (first name / email address) to my call to action button?
    Or is there a way to adjust a contact form (remove textbox) to do the trick?
    I do not code.

    • WPBeginner Support

      You would want to check with the support for your form plugin, depending on the one you are using there are different possible methods to do what you are wanting.

      Administrator

  3. Shahzaib

    I have added a button thanks alot but it appears very small and i can’t figure out how to increase its size in block editor

  4. Daniel Piggott

    Hi,

    I am currently trying to make a button on Wordpress. But there is no option to align in the centre.

    Has the latest wordpress omitted the alignment feature of a button?

    • WPBeginner Support

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

      Administrator

      • Daniel Piggott

        Hi,

        Oh wow! I feel silly :P

        Thanks for your help. It’s much appreciated!

        Cheers, Dan

        • WPBeginner Support

          You’re welcome :)

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