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 reakcji WordPress, aby zwiększyć zaangażowanie?

Zwiększanie zaangażowania użytkowników na twojej witrynie internetowej jest ważne, aby zachęcić odwiedzających do pozostania na niej. Jednym z szybkich sposobów na to jest dodanie przycisków reakcji do twojego bloga WordPress.

Przyciski reakcji pozwalają Twoim czytelnikom dzielić się swoimi przemyśleniami za pomocą jednego kliknięcia. Nie muszą oni wpisywać żadnego rodzaju komentarza.

Ten prosty dodatek może sprawić, że Twój blog WordPress będzie bardziej interaktywny. Daje również natychmiastowe uwagi.

W tym artykule poprowadzimy cię, jak dodać te przydatne przyciski do twojej witryny WordPress.

How to Add WordPress Reaction Buttons to Boost Engagement

Po co dodawać przyciski reakcji w WordPress?

Przyciski reakcji pomagają zwiększyć zaangażowanie użytkowników na twoim blogu WordPress. ponieważ nie wszyscy użytkownicy mają czas lub pewność siebie, aby zostawić komentarz.

Właśnie dlatego popularne witryny społecznościowe, takie jak Facebook, używają przycisków „Lubię to” i innych przycisków „Reakcja”, aby zwiększyć zaangażowanie. Jeśli jeszcze tego nie zrobiłeś, możesz dodać przycisk „Lubię to” do swoich wpisów.

Facebook Lets Users React to Posts With the Like Button

Dodanie przycisków reakcji WordPress może zachęcić do większej interakcji na twojej witrynie. Przyciski te pozwalają użytkownikom zaangażować się w twój wpis za pomocą jednego kliknięcia.

Mając to na uwadze, przyjrzyjmy się, jak dodać tego rodzaju przycisk reakcji do twojej witryny WordPress.

Jak dodać przyciski reakcji w WordPress?

Aby dodać przyciski reakcji do twojej witryny WordPress, możesz użyć wtyczek takich jak Da Reactions.

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

W tym poradniku użyjemy darmowej wersji wtyczki. Istnieje jednak również wersja premium, która dodaje dodatkowe funkcje, takie jak narzędzia analityczne i integracja z BuddyPress. Wersję pro można zakupić w kokpicie wtyczki w sekcji „Upgrade”.

Da Reactions został zaprojektowany do pracy po wyjęciu z pudełka, co oznacza, że można rozpocząć korzystanie z niego natychmiast po instalacji, bez konieczności konfiguracji.

Wystarczy włączyć wtyczkę, a zobaczysz przyciski reakcji Da Reactions w działaniu na dole każdego wpisu i strony. Oto przykład z naszego wpisu demonstracyjnego:

Da Reactions' buttons on a demo post

Dostosuj własne przyciski reakcji w WordPressie

Aby dostosować przyciski reakcji, musisz przejść do Reakcje ” Menedżer reakcji z kokpitu WordPress.

Tutaj znajdziesz 6 domyślnych emotikonów reakcji z ich konfigurowalnymi etykietkami.

Reactions manager in Da Reactions

Aby zmienić kolejność przycisków, wystarczy przeciągnąć ikonkę hamburgera z kolumny „Sortuj” w górę lub w dół.

Na przykład, przesunęliśmy przycisk „Love” na pierwszą pozycję.

The Love button moved up to first position

Uznaliśmy, że etykieta „Ah Ah” jest nieco niewygodna, więc zamierzamy ją zmienić.

Aby to zrobić, wystarczy wpisać rodzaj nowej kopii w odpowiednim polu „Etykieta”.

Editing Da Reactions' labels

Jeśli chcesz utworzyć nowe emoji, możesz kliknąć przycisk „Dodaj nowy” na końcu listy.

Gdy to zrobisz, Da Reactions doda do listy ikonkę losowej reakcji. Następnie należy kliknąć ikonkę, aby otworzyć panel opcji.

Adding new reaction button in Da Reactions

Wystarczy wybrać ikonkę, aby dodać ją do listy. Następnie możesz kliknąć przycisk „X”, aby zamknąć panel opcji ikonek.

Teraz czas na zmianę koloru i etykiety nowej ikonki.

Aby zmienić kolor ikonki, należy kliknąć przycisk z zielonym prostokątem. Spowoduje to otwarcie narzędzia wyboru koloru.

Stąd możesz poruszać myszką, aby znaleźć idealny kolor dla twojej nowej ikonki.

Changing icon's color in Da Reactions

Następnie możesz zmienić domyślną etykietę „Reakcja” na twoją własną. Na przykład, my oznaczyliśmy naszą etykietą „Niesamowite rzeczy!”.

Zasadniczo to wszystko, co musisz wiedzieć, aby dostosować własne przyciski reakcji za pomocą Da Reactions. Następnie można zmienić kolejność ikonek, kolory lub edytować wszystkie etykiety.

Da Reactions customization done

Kiedy będziesz zadowolony z ich wyglądu, nie zapomnij kliknąć przycisku „Zapisz zmiany”, aby zachować twój postęp.

Jeśli przejdziesz na swój wpis WordPress, zobaczysz teraz odnowione przyciski reakcji:

Customized Da Reactions buttons on a live website

Domyślne ustawienia Da Reactions automatycznie dodają przyciski reakcji do twoich wpisów WordPress, komentarzy oraz pojedynczych stron i wpisów. Masz jednak dodatkowe opcje dotyczące tego, gdzie możesz dodać te przyciski reakcji.

Aby to zrobić, przejdź do sekcji Reakcje Ustawienia ogólne na twoim kokpicie WordPress.

W tym obszarze możesz zaznaczyć pola, w których chcesz dodać przyciski reakcji. Możesz na przykład dodać je do twoich plików multimedialnych.

Checking the media options in Da Reactions

W dolnej części ekranu znajduje się pole „Używać różnych kolorów dla widżetów wykresu?”. Włącza ono możliwość zmiany schematu kolorów dla twoich przycisków reakcji.

Wystarczy rozwinąć menu rozwijane i kliknąć interesującą nas opcję, taką jak „Użyj losowo generowanych kolorów”.

Checking the random color option in Da Reactions

Po zakończeniu kliknij przycisk „Zapisz zmiany”, aby zapisać twoje ustawienia.

Oto jak to wygląda na naszej demonstracyjnej stronie „Galeria”:

Da Reactions buttons on media files

W sekcji „Ustawienia grafiki” można znaleźć więcej opcji konfiguratora dla:

  • Zmiana rozmiaru ikonki, aby upewnić się, że jest przyjazna dla urządzeń mobilnych.
  • Wybór wyrównania widżetu, aby twój przycisk reakcji był widoczny dla odbiorców.
  • Wyświetlanie lub ukrywanie liczby reakcji i nie tylko.

Można również napisać krótki tekst, który będzie wyświetlany przed przyciskami reakcji.

Na przykład tutaj dodaliśmy małe pytanie „Co sądzisz o tym wpisie?”, aby zachęcić odwiedzających do wyrażenia swoich reakcji.

Adding a question before reaction buttons

Po zakończeniu możesz kliknąć przycisk „Zapisz zmiany”.

Gratulacje, z powodzeniem dostosowałeś własne przyciski reakcji WordPress. Oto jak mogą one wyglądać na twoim wpisie:

Da Reactions buttons final look on the live website

Po kliknięciu jednego z przycisków reakcji jego plakietka zostanie zaktualizowana o nową sumę.

Przykład można zobaczyć poniżej.

Da Reactions buttons like counts on the live website

Jeśli przejdziesz na sekcję „Lista głosów”, będziesz mógł zobaczyć wszystkie reakcje, jakie otrzymały twoje wpisy.

Ta sekcja oferuje cenne informacje na temat preferencji i wzorców zaangażowania twoich czytelników, które mogą pomóc w dostosowaniu przyszłych wpisów, aby utrzymać zaangażowanie odbiorców i poprawić wrażenia użytkowników.

Da Reactions' vote list section

Mamy nadzieję, że ten poradnik pomógł ci dowiedzieć się, jak dodać przyciski reakcji WordPress, aby zwiększyć zaangażowanie na twojej witrynie. Następnie warto zapoznać się z inną fajną sztuczką UX dotyczącą tworzenia czatów w WordPress dla twoich użytkowników lub z naszą listą najlepszych pytań dotyczących uwag użytkowników, które można zadać odwiedzającym witrynę internetową.

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

14 komentarzyZostaw odpowiedź

  1. Jiří Vaněk

    I used to use star ratings but this form looks a lot more fun. Especially for the current generation of teenagers who like to use like buttons and emoticons. Thanks for the inspiration.

  2. Lise Tyrrell

    It’s a great idea and I was about to upload the plugin…but it hasn’t been updated in 6 months! That’s usually a no no for me. I wish you would use updated plugins.

  3. Seth Riley

    This is something that interests me. This might help to increase the user engagement on my website and hopefully it would drive more traffic eventually. Thank you for sharing! I’ll check it out!

  4. David Steele

    Lacks specific instruction for downloading Post Reaction. I found it, clicked Download and then opened the downloaded material. Nothing in the folder executes an install. There are instructions telling you where to install it but I couldn’t get that far. Help?

  5. WPBeginner Staff

    On contrary, writing comments takes more time, and sometimes users feel they simply don’t have anything to add to the post and move on to next activity.

    Post reactions allow them to provide feedback without going into the discussion mode. People who have something to say will say it because reactions simply doesn’t cover what they have to say. Basically it will increase the overall user engagement on your site.

  6. Hariesh Manaadiar

    Would’nt reaction buttons reduce the number of comments on a blog..?? People might just decide to click a button instead of writing something..

    • Isaías Subero

      I don’t think it does. This is a small independent developed plugin and Google and other search engines are not likely to index this interactions as a key indicator of the quality of the content. Maybe the Facebook Like button at the end of the post would be considered as a engagement measure by Google.

  7. Chad Haatvedt

    It’s a bit ironic that this post does not include reaction buttons to get feedback for the author. :-)

  8. Ahmad Imran

    Definitely something worth considering. I was thinking of introducing the same reactions and engagement but through simple form embedment at the end of the post.

    Thanks for sharing the info. I will have a look at it.

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