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 udostępniania społecznościowego w WordPress (przewodnik dla początkujących)

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.

W dzisiejszym świecie media społecznościowe są głównym źródłem odkrywania treści dla wielu użytkowników. Nasz zespół rozumie ogromny potencjał udostępniania społecznościowego dla twórców treści i napisał setki artykułów na temat marketingu w mediach społecznościowych.

Integracja przycisków udostępniania w witrynie internetowej WordPress umożliwia odwiedzającym łatwe udostępnianie twoich treści w sieciach społecznościowych. Może to zwiększyć twój zasięg, przyciągnąć nowy ruch i zwiększyć zaangażowanie użytkowników.

Poza zwykłym udostępnianiem, wyświetlanie liczby udostępnień społecznościowych może dodatkowo zwiększyć zaufanie użytkowników i zachęcić do klikania, pokazując istniejącą popularność twojej treści.

W tym artykule pokażemy, jak łatwo dodać przyciski udostępniania społecznościowego i wyświetlić liczbę udostępnień na twojej witrynie internetowej WordPress.

Add Social Share Buttons in WordPress (Beginner's Guide)

Po co dodawać przyciski społecznościowe w WordPress?

Media społecznościowe to obecnie jedna z najpopularniejszych form włączania się do sieci. Dlatego marketing w mediach społecznościowych jest obecnie kluczową częścią strategii rozwoju każdej małej firmy.

Jeśli chcesz dotrzeć do większej liczby potencjalnych klientów, platformy mediów społecznościowych są bardzo skutecznymi kanałami komunikacji z nowymi osobami.

Problem polega na tym, że gdy udostępniasz treści na swoich profilach w mediach społecznościowych, docierają one tylko do ograniczonej liczby Twoich obserwujących.

Jednak dodając przyciski udostępniania społecznościowego, możesz zachęcić odwiedzających do udostępniania twoich treści na swoich uchwytach w mediach społecznościowych. Dzięki temu twoje treści będą widoczne dla ich znajomych i obserwujących, którzy będą mogli dodawać komentarze, polubienia i ponownie je udostępniać.

W ten sposób przyciski udostępniania społecznościowego mogą pomóc zwiększyć ruch na twojej witrynie, poprawić twoją wiarygodność społeczną, wygenerować więcej potencjalnych klientów i zwiększyć zaangażowanie.

Powiedziawszy to, zobaczmy, jak łatwo dodać przyciski udostępniania społecznościowego w WordPress. Możesz użyć poniższych szybkich odnośników, aby przejść do różnych części naszego poradnika:

Jak dodać przyciski społecznościowe we wpisach i na stronach WordPressa?

Najpierw należy zainstalować i włączyć wtyczkę Social Snap. Szczegółowe instrukcje można znaleźć w naszym przewodniku dla początkujących, jak zainstalować wtyczkę WordPress.

Po włączaniu przejdź na stronę Social Snap ” Ustawienia z panelu bocznego administratora WordPress. Następnie rozwiń kartę „Udostępnianie społecznościowe” z lewej kolumny.

Expand the social sharing tab

Spowoduje to otwarcie nowych ustawień na panelu bocznym, gdzie należy wybrać kartę „Zarządzaj sieciami”.

Następnie kliknij przycisk „+ Dodaj sieci”, aby dodać wybraną przez ciebie sieć mediów społecznościowych. Możesz dodać platformy takie jak Facebook, Twitter, LinkedIn i e-mail.

Możesz również skonfigurować widoczność przycisku dla różnych urządzeń, najeżdżając twoją myszką na ikonkę oka i przełączając przełącznik mobilny na „Wł.”. Spowoduje to wyświetlenie przycisków udostępniania społecznościowego użytkownikom, którzy przechodzą na twoją witrynę na urządzeniach mobilnych.

Click the Add Network button to choose social media platforms for social sharing buttons

Następnie zamknij kartę „Zarządzaj sieciami”.

Spowoduje to przejście do strony ustawień ogólnych, na której możesz wybrać, czy chcesz dodać pływający pasek lub wbudowane przyciski dla ikonek udostępniania społecznościowego.

Dodaj wbudowane przyciski udostępniania społecznościowego

Przyciski udostępniania w mediach społecznościowych będą wyświetlane na górze lub na dole twoich wpisów i stron.

Aby dodać je do twojej witryny, wystarczy kliknąć kartę „Inline Buttons”, aby ją rozwinąć.

Choose the inline buttons tab

Spowoduje to otwarcie nowych ustawień w lewej kolumnie z podglądem przycisków udostępniania społecznościowego po prawej stronie ekranu.

W tym miejscu można skonfigurować położenie przycisków. Możesz wybrać opcję „Poniżej treści”, aby wyświetlać przyciski na dole treści i opcję „Powyżej treści”, aby wyświetlać przyciski na górze strony.

W tym miejscu można również dostosować własne wyrównanie przycisku oraz etykietę udostępniania, kształt i rozmiar.

Customize your social sharing buttons

Następnie przewiń w dół do sekcji „Etykiety przycisków”, gdzie możesz zdecydować, czy chcesz wyświetlać nazwę platformy mediów społecznościowych, liczbę udostępnień, czy oba te elementy.

Następnie musisz przewinąć w dół do sekcji „Wyświetl na”. Tutaj możesz zaznaczyć pole „Wpisy”, jeśli chcesz wyświetlać przyciski udostępniania społecznościowego tylko w twoich wpisach. Możesz również zaznaczyć przycisk „Strony”, aby wyświetlać przyciski udostępniania społecznościowego na twoich stronach O nas, Kontakt lub Archiwum.

Dodatkowo możesz zaznaczyć opcję „Strona główna”, jeśli chcesz wyświetlać przyciski udostępniania społecznościowego tylko na twojej stronie głównej.

Choose where you want to display your social sharing buttons

Po zakończeniu nie zapomnij kliknąć przycisku „Zapisz zmiany” u dołu, aby zapisać twoje ustawienia.

Możesz teraz przejść na twoją witrynę internetową WordPress, aby zobaczyć przyciski udostępniania społecznościowego w działaniu.

Social sharing buttons preview

Dodaj pływający pasek udostępniania społecznościowego

Jeśli zdecydujesz się dodać pływający pasek, wówczas twoje przyciski udostępniania społecznościowego będą wyświetlane z boku twoich wpisów lub stron WordPress.

Aby to zrobić, wystarczy otworzyć kartę „Pływający panel boczny”.

Choose the floating bar option

Spowoduje to otwarcie nowych ustawień w lewej kolumnie, w których można skonfigurować pozycję, rozmiar i kształt twoich ikonek na pasku pływającym.

Gdy to zrobisz, przewiń w dół do sekcji „Wyświetl na” i wybierz strony, na których chcesz wyświetlać przyciski udostępniania społecznościowego.

Na przykład, jeśli chcesz wyświetlać pływający pasek udostępniania społecznościowego tylko w twoich wpisach na blogu, możesz wybrać opcję „Wpis”.

Podobnie, jeśli chcesz wyświetlać pływający pasek również na stronie głównej twojej witryny internetowej, możesz wybrać opcję „Strona główna”.

Choose where to display your floating bar

Na koniec kliknij przycisk „Zapisz zmiany”, aby zapisać twoje ustawienia.

Możesz teraz przejść na twój blog WordPress, aby zobaczyć pływający pasek udostępniania społecznościowego w działaniu.

Social sharing floating bar preview

Jak dodać przyciski społecznościowe w obrazkach WordPressa?

Jeśli masz witrynę internetową poświęconą fotografii, możesz nawet dodać przyciski udostępniania społecznościowego do twoich obrazków za pomocą wtyczki Social Snap.

Dzięki temu użytkownicy będą mogli udostępniać twoje obrazki na swoich profilach społecznościowych, co zwiększy ruch na twojej witrynie.

Najpierw należy przejść na stronę Social Snap ” Ustawienia z kokpitu WordPress i kliknąć kartę „On Media”, aby ją otworzyć.

Choose the On Media tab to expand it

Gdy już tam będziesz, wybierz twój rodzaj przycisku. Możesz dodać wszystkie twoje przyciski udostępniania społecznościowego u góry obrazków lub dodać przycisk Pinterest.

Następnie można wybrać rozmiar, kształt, widoczność i położenie przycisku.

Choose social share buttons or Pinterest button to display on top of images

Następnie można dodać minimalną wysokość i szerokość obrazka. Oznacza to, że przyciski udostępniania nie będą wyświetlane na obrazku w twojej witrynie internetowej, który jest poniżej minimalnego limitu wysokości i szerokości.

Następnie musisz przewinąć w dół do sekcji „Wyświetl na” i zaznaczyć opcje dla stron lub wpisów, w których chcesz wyświetlać przyciski udostępniania społecznościowego na twoich obrazkach.

Możesz także przełączyć przełącznik „Hide on Mobile” na „On”, jeśli nie chcesz wyświetlać przycisków udostępniania dla obrazków na urządzeniach mobilnych.

Configure the display settings for the social share buttons in images

Na koniec kliknij przycisk „Zapisz zmiany”, aby zapisać twoje ustawienia.

Teraz wystarczy przejść na twoją witrynę WordPress, aby zobaczyć przyciski udostępniania społecznościowego w obrazkach.

Social Share buttons in images preview

Wyświetlanie liczby udostępnień społecznościowych w WordPress

Jeśli chcesz również wyświetlać liczbę udostępnień obok przycisków udostępniania społecznościowego, musisz przejść na stronę Social Snap ” Ustawienia i rozwinąć kartę „Zarządzaj mediami społecznościowymi” z lewej kolumny.

Następnie przewiń w dół do sekcji „Facebook Share Count Provider”, gdzie możesz wybrać dowolne z dwóch źródeł.

Choose SharedCount.com as the API for share counts

Zalecamy jednak wybranie opcji „SharedCount.com”. Wówczas zliczenia będą pobierane z interfejsu API usługi SharedCount. Pozwala to wtyczce na pobranie wszystkich zliczeń za pomocą tylko 2 wywołań API, co jest najlepsze dla wydajności WordPressa.

Jeśli wybierzesz opcję „Facebook Graph API”, liczba udostępnień będzie pobierana z interfejsu API Facebooka, co może spowolnić twoją witrynę.

Interfejs API SharedCount można łatwo uzyskać, zakładając bezpłatne konto w witrynie internetowej SharedCount. com.

W tym celu należy podać adres e-mail i hasło, a następnie kliknąć przycisk „Utwórz konto”.

Create an account on SharedCount.com

Witryna internetowa wyśle teraz odnośnik potwierdzający na twój adres e-mail.

Kliknij odnośnik, aby zweryfikować twoje konto.

Click account verification link

Teraz należy ponownie logować się na twoje konto SharedCount i przejść na stronę „Ustawienia” z rozwijanego menu w prawym górnym rogu ekranu.

Spowoduje to przejście do nowej strony, na której zobaczysz twój klucz API SharedCount.

Copy your SharedCount API key

Musisz skopiować ten klucz i wrócić do strony ustawień twojej wtyczki w witrynie WordPress.

Teraz wklej klucz API w polu „SharedCount API Key”.

Następnie kliknij przycisk „Zapisz zmiany”, aby zapisać twoje ustawienia.

Paste your SharedCount.com API key

Następnie możesz ponownie wpisz ten klucz API, aby uzyskać liczbę udostępnień na Twitterze. Następnie kliknij przycisk „Zapisz zmiany”, aby zapisać twoje ustawienia.

Możesz teraz przejść na swoją witrynę internetową, aby zobaczyć przyciski udostępniania społecznościowego z liczbą udostępnień dla każdego wpisu na blogu.

Social share buttons with share count preview

Jak dodać przyciski społecznościowe na własnych stronach docelowych?

Jeśli chcesz zbudować własne strony docelowe dla Twojej witryny internetowej z przyciskami udostępniania społecznościowego, możesz to łatwo zrobić za pomocą SeedProd.

Jest to najlepszy na rynku kreator stron WordPress z funkcją przeciągania i upuszczania, ponad 300 gotowymi szablonami i zaawansowanymi blokami do tworzenia niesamowitych stron docelowych z przyciskami udostępniania społecznościowego.

Najpierw należy zainstalować i włączyć wtyczkę SeedProd. Aby uzyskać szczegółowe instrukcje, zobacz nasz przewodnik krok po kroku, jak zainstalować wtyczkę WordPress.

Uwaga: SeedProd ma również darmowy plan, który można wykorzystać w tym poradniku. Jednak przejście na płatny plan odblokuje więcej funkcji.

Po włączeniu przejdź na sekcję SeedProd ” Landing Pages z kokpitu WordPress i kliknij przycisk „Utwórz nową stronę docelową”.

Click the Add New Landing Page button

Spowoduje to przejście do ekranu „Wybierz nowy szablon strony”, na którym zobaczysz wiele gotowych szablonów do wyboru.

Po dokonaniu wyboru, zostaniesz poproszony o wpisz nazwy dla strony docelowej, którą zamierzasz utworzyć.

Po wpiszeniu tych informacji, kliknij przycisk „Zapisz i rozpocznij edycję strony”, aby kontynuować.

Enter your page details

Spowoduje to uruchomienie kreatora przeciągnij i upuść SeedProd, w którym zobaczysz listę zablokowanych bloków w lewej kolumnie z podglądem strony po prawej stronie.

Możesz teraz przeciągać i upuszczać różne bloki, aby zbudować twoją stronę. Aby uzyskać więcej informacji, zapoznaj się z naszym poradnikiem na temat tworzenia strony docelowej w WordPress.

Następnie wystarczy znaleźć i dodać blok udostępniania społecznościowego z lewej kolumny do twojego preferowanego miejsca na stronie.

Add the social sharing block to the landing page

Następnie należy ponownie kliknąć blok, aby otworzyć jego ustawienia na panelu bocznym. W tym miejscu możesz wybrać z rozwijanego menu platformę mediów społecznościowych z przyciskiem, który chcesz dodać.

Można również utworzyć nowy przycisk udostępniania społecznościowego, klikając przycisk „+ Dodaj nowe udostępnienie” w kolumnie.

Następnie można skonfigurować rozmiar i wyrównanie przycisku.

Choose a social media platform for the page

Możesz nawet przejść do karty „Zaawansowane” u góry, aby zmienić odstępy, wybrać widoczność urządzenia, dodać własny CSS i użyć efektów animacji.

Gdy skończysz, po prostu kliknij przycisk „Zapisz i opublikuj” u góry, aby zapisać twoje ustawienia.

Publish the landing page with the social sharing block

Teraz wystarczy przejść na dostosowaną stronę docelową, aby zobaczyć przyciski udostępniania społecznościowego w działaniu.

Tak wyglądała strona na naszej demonstracyjnej witrynie internetowej.

Landing page with the social sharing block

Bonus: Dodaj przycisk udostępniania WhatsApp w WordPress

Oprócz platform mediów społecznościowych, możesz również dodać przycisk udostępniania WhatsApp na swojej witrynie WordPress. WhatsApp to aplikacja do przesyłania wiadomości błyskawicznych, która pozwala ludziom na całym świecie kontaktować się ze sobą.

Dodając przycisk udostępniania WhatsApp, włączasz użytkownikom możliwość udostępniania treści Twojej witryny swoim kontaktom, w tym znajomym, rodzinie i współpracownikom. Może to zwiększyć zaangażowanie użytkowników, poprawić widoczność treści i pomóc zwiększyć zasięg twojej marki.

Możesz łatwo dodać przycisk udostępniania WhatsApp w WordPressie za pomocą wtyczki Sassy Social Share.

WhatsApp Share button

Aby uzyskać więcej informacji, zapoznaj się z naszym poradnikiem na temat dodawania czatu WhatsApp i przycisków udostępniania w WordPress.

Mamy nadzieję, że ten artykuł pomógł ci dowiedzieć się, jak dodawać przyciski udostępniania społecznościowego w WordPress. Możesz również dowiedzieć się, jak dodawać ikonki mediów społecznościowych do menu WordPressa i naszych najlepszych wtyczek do mediów społecznościowych WordPress, aby zwiększyć liczbę twoich obserwujących.

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

64 komentarzeZostaw 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. Hajjalah says

    I had always struggled with inserting social share buttons into my blog posts using the default WordPress editor blocks because I needed to repeat it for every post I publish. Sadly its layout in mobile was also very unpleasant.
    But after using the Social Snap plugin, It became extremely simple to apply social share buttons any where. It is really amazing to put social share buttons to all posts in any position at once without editing all of them. Indeed, thanks for this article.

  3. Moinuddin Waheed says

    Having socail share buttons on website pages and posts is of utmost importance.
    It gives a way to reach more audience and it also gives a reason to share and save
    the useful article for future reference.
    I share the wpbeginner articles on my whatsapp personal contact and see later many times.
    Most of the socail share plugins doesn’t have option for whatsapp button.
    Thanks for mentioning sassy social share plugin, I will try to use it to include whatsapp butto as well.
    Very helpful article.

  4. Pagula Majorda says

    Hi
    Your writeup is good no doubt.
    I want to ask about the icons placed in the Top Bar, do you simply put the url, if so, what purpose does it serve? On a marketplace demos, I found the icons urls automatically changed to reflect the article I was reading. How does one do that? Any ideas will not only help your readers (I am one of them too), but it will increase the coverage of this article.
    Please keep up the good work

    • WPBeginner Support says

      Using the Shared Count plugin would not require you to add a link to the social media platform, it would generate the post with a link to the post to share for the user and they would have the option to change the content before posting.

      Administrator

    • WPBeginner Support says

      We do not have a recommended plugin for that at the moment but we will be sure to share if we have a recommended one :)

      Administrator

  5. Allan Green says

    New to the website builder club, and recently came across the wpbeginner group on facebook. Looking forward to learning lots of new things to build and improve my site.

  6. Izhar Ahmad Danish says

    Wpbeginner is actually a WP-Pro

    I have been following your content for last two years, I have learned so many things from basic to pro. It also helped me in every minor errors, issues, even selection of Theme, hostings and Plugins.

    Kudos to Syed Balkhi and team

  7. Diane Hambrick says

    Thank you for a great deal of valuable information! Sharing on social media is so important for our websites.

  8. Suzanne says

    Thanks for your awesome tutorial solving step 1 in my issue with social media share butotns. Having successfully installed on a specific blogpost (icons are visible) the specific blogpost is not shared on fB, only a generic text and image about my site… what is missing?

    • WPBeginner Support says

      At the moment we’re using the shared counts plugin from this tutorial with custom styling :)

      Administrator

  9. Ikechukwu says

    Nice article but I have a little problem in displaying the share bottoms to my blog category post.

    The bottoms only show in pages instead of post how do I fix that

    Thank you.

    • WPBeginner Support says

      You would want to reach out to the support for your theme and they should be able to help with the footer display.

      Administrator

  10. Daniela says

    Hi well written article thanks.. I was wondering is there a possibility to insert and have the same effect without a plugin I mean with php and jv using Facebook sharing.. Thanks for your reply.

    • WPBeginner Support says

      We do not have a beginner-friendly method to add share buttons with JS and PHP

      Administrator

  11. Benjamin says

    Hi,

    What plugin are you using for your social shares?

    The share counts plugin doesn’t have an option to make it look like yours.

    Thanks

    • WPBeginner Support says

      We added custom styling for the shared counts to look like they do on our site

      Administrator

      • Benjamin says

        Oh, I see

        Is there anywhere I can find this styling to make it look the same on my website? I really like the look!

        Thanks

        • WPBeginner Support says

          Not at the moment but we will look into the possibility of including it in an article :)

  12. Valli says

    As per this, am bit confused, whether you are suggesting to add both plugin „Shared count & Sassy social share” or any one is sufficient.
    curiously awaiting for your reply.

    • WPBeginner Support says

      Either one is sufficient, they just have different design options depending on what you’re wanting to do.

      Administrator

  13. Aman says

    It was a fantastic blog post,
    Is there any step by step procedure for beginner in WP, like sequence of blog post or e-book

  14. Kane Martin says

    I am regular visitor of wpbeginner. Thanks for doing great job again. Information is well organized and easy to understand, will help me. Can you suggest me some plugins which can display Flickr album on website?

    • WPBeginner Support says

      Thank you, while we don’t have a recommendation at the moment, we will certainly keep an eye out :)

      Administrator

  15. Xavier Jinan says

    Should i use them when my theme already have share buttons ? Because a blog on Hostnoc suggested that adding the buttons can slowdown your website. So why should i use it ?

  16. Chukwuezugo says

    What about AddToAny social share plugin? That’s what I use and I love it. You can tweak it to give you either the standard share icons or the floating icons.

  17. Micki says

    I rely heavily on information found on WP beginner. The site has been invaluable to me in starting my blog.

    One question on this post: The plug in, Shared Counts, is untested with my version of WordPress. Since I update each time an update is available, I am assuming that it is untested with the most updated version of WordPress.

    I use the Classic Editor plug in, if that makes a difference.

    Is it still safe to use this plug in? It sounds like it is exactly what I am looking for but I am hesitant to install it.

    Any direction would be greatly appreciated.

    Thanks so much for the on-going help found on the site.

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