I dagens värld är social media den primära källan till att upptäcka content för många användare. Vårt team förstår den enorma potential som delningar i sociala medier innebär för skapare av content och har skrivit hundratals artiklar om marknadsföring i sociala medier.
Genom att integrera delningsknappar på din WordPress website allow visitors to share your content with their social media networks easily. Detta kan öka din räckvidd, driva new trafik och främja engagemanget hos användarna.
Utöver att bara dela, kan visning av sociala delningar ytterligare öka användarnas förtroende och uppmuntra till click genom att visa den befintliga populariteten för ditt content.
I den här artikeln visar vi dig hur du enkelt kan lägga till sociala delningsknappar och visa delningar på din WordPress website.
Varför lägga till sociala delningsknappar i WordPress?
Social Networks är en av de mest populära onlineaktiviteterna idag. Det är därför marknadsföring av social media nu är en viktig del av alla småföretags tillväxtstrategi.
Om du vill nå ut till fler potentiella customers är social media en mycket effektiv kanal för att kommunicera med new people.
Problemet är att när du delar ditt content på dina profiler på social media når det bara ett begränsat antal av dina följare.
Men genom att lägga till delningsknappar kan du uppmuntra dina besökare att dela ditt content på sina sociala medier. Detta allow your content to be seen by their friends and followers, who can then add comments, like, and re-share it.
På så sätt kan delningsknappar bidra till att driva mer trafik till din site, förbättra din sociala trovärdighet, generera fler leads och öka engagemanget.
Med detta sagt, låt oss se hur du enkelt kan add to sociala delningsknappar i WordPress. Du kan använda snabblänkarna under för att hoppa till olika delar av vår tutorial:
Så här lägger du till delningsknappar i WordPress-poster och pages
Först måste du installera och aktivera Social Snap plugin. För detaljerade instruktioner kan du se vår guide för nybörjare om hur man installerar ett plugin för WordPress.
Efter aktivering, besök Social Snap ” Settings page från WordPress admin sidebar. Förstora sedan tabben ”Social delning” från den vänstra colonnen.
Detta kommer att öppna new settings i sidebaren där du måste select tabben ”Manage Networks”.
Därefter klickar du på knappen ”+ Add Networks” för att lägga till ett social media-nätverk som du väljer från prompten. Du kan lägga till plattformar som Facebook, Twitter, LinkedIn och e-post.
Du kan också konfigurera knappens synlighet för olika enheter genom att hovera musen över ikonen med ögat och toggle mobilknappen till ”On”. Då visas delningsknapparna för användare som besöker din site via mobila enheter.
Efter det lämnar du tabben ”Hantera nätverk”.
Detta tar dig till sidan med allmänna inställningar, där du kan välja om du vill lägga till ett flytande fält eller inline-knappar för sociala delningsikoner.
Add Social Share Inline Buttons
Inline-knappar för sociala delningar visas högst upp eller längst ner på dina posts och pages.
Om du vill add to dem till din site klickar du bara på tabben ”Inline Buttons” för att förstora den.
Detta kommer att öppna new settings i den vänstra Column med en preview för de sociala delningsknapparna på höger sida av vyn.
Härifrån kan du konfigurera knapparnas position. Du kan välja alternativet ”Below Content” för att visa knappar längst ner i innehållet och alternativet ”Above Content” för att visa knappar högst upp på sidan.
You can also customize your button’s alignment and the share label, shape, and size from here.
Därefter rullar du ner till sektionen ”Button Labels”, där du kan bestämma om du vill visa namnet på plattformen för sociala medier, delningsknappar eller båda.
Efter det måste du rulla ner till ”Display On” section. Här kan du kontrollera boxen ”Posts” om du bara vill visa de sociala delningsknapparna på dina posts. Du kan också kontrollera knappen ”Pages” för att visa sociala delningsknappar på dina About Us-, Contact Us- eller Archives-sidor.
Dessutom kan du kontrollera alternativet ”Home” om du bara vill visa de sociala delningsknapparna på din home page.
När du är klar ska du inte glömma att klicka på knappen ”Save Changes” längst ner för att spara dina inställningar.
Nu kan du besöka din WordPress website för att view the social share buttons in action.
Add to flytande fält för delning av sociala tjänster
Om du väljer att add a floating bar kommer dina delningsknappar att displayed på sidan av dina posts eller pages i WordPress.
För att göra detta öppnar du helt enkelt tabben ”Floating Sidebar”.
Detta kommer att öppna några new settings i den vänstra Column, där du kan konfigurera position, storlek och form på dina flytande bar icons.
När du har gjort det rullar du ner till sektionen ”Display On” och väljer de pages där du vill visa de sociala delningsknapparna.
Om du till exempel vill visa det flytande fältet för social delning endast på dina blogginlägg kan du välja alternativet ”Post”.
På samma sätt, om du vill visa det flytande fältet på din websites home page också, kan du välja alternativet ”Home”.
Slutligen klickar du på knappen ”Save Changes” för att lagra dina inställningar.
You can now visit your WordPress blogg to view the social sharing floating bar in action.
Hur man lägger till sociala delningsknappar i bilder i WordPress
Om du har en webbplats för fotografering kan du till och med add sociala delningsknappar till dina images med hjälp av pluginet Social Snap.
Detta gör det möjligt för användare att dela dina images på sina sociala kanaler och bidra till mer trafik till din site.
Först måste du besöka sidan Social Snap ” Settings från WordPress dashboard och klicka på fliken ”On Media” för att öppna den.
När du är där väljer du vilken typ av knapp du vill ha. Du kan lägga till alla dina sociala delningsknappar högst upp på bilderna eller lägga till en Pinterest-knapp.
Därefter kan du också välja knappens storlek, form, synlighet och position.
Sedan kan du add to den minsta höjden och bredden för en image. Detta innebär att delningsknapparna inte kommer att visas i en image på your website som är under minimum height and width limit.
Därefter måste du rulla ner till ”Display On” -sektionen och kontrollera alternativen för de pages eller posts där du vill visa knappar för social delning på dina images.
Du kan också toggle ”Hide on Mobile”-knappen till ”On” om du inte vill visa delningsknappar för images på mobila enheter.
Slutligen klickar du på knappen ”Save Changes” för att lagra dina inställningar.
Nu är det bara att besöka din WordPress site för att viewa de sociala delningsknapparna i images.
Display av sociala delningar i WordPress
Om du också vill visa delningsräkningarna bredvid de sociala delningsknapparna måste du besöka Social Snap ” Settings page och förstora fliken ’Manage Networks’ från den vänstra kolumnen.
Därefter rullar du ner till ”Facebook Share Count Provider” -sektionen, där du kan välja någon av de två källorna.
Vi rekommenderar dock att du väljer alternativet ”SharedCount.com”. Då kommer räkningarna att hämtas från SharedCount-tjänstens API. Det allow pluginet att hämta all räkning med endast 2 API-anrop, vilket är bäst för WordPress prestanda.
Om du väljer alternativet ”Facebook Graph API” hämtas delningar från Facebooks API, vilket kan göra din site långsammare.
Du kan enkelt få SharedCount API genom att registrera dig för ett gratis account på SharedCount.com website.
För att göra detta måste du ange en email address och ett password och sedan clicka på knappen ”Create Account”.
The website will now send a confirmation link to your email address.
Gå vidare och klicka på länken för att kontrollera ditt account.
Nu måste du logga in på ditt SharedCount-konto igen och besöka sidan ”Settings” från dropdown-menyn i det övre högra hörnet av vyn.
Detta kommer att ta dig till en new page där du kommer att se din SharedCount API key.
You need to copy this key and go back to your plugin’s settings page on your WordPress site.
Gå nu vidare och klistra in API-nyckeln i fältet ”SharedCount API Key”.
Därefter klickar du på knappen ”Save Changes” för att lagra dina inställningar.
Du kan sedan enter denna API key igen för din delning på Twitter. Efter det klickar du på knappen ”Save Changes” för att spara dina inställningar.
You can now visit your website to see the social sharing buttons with the share count for each blogginlägg.
Hur man lägger till sociala delningsknappar på Custom Landing Pages
Om du vill bygga custom landing pages för din website med sociala delningsknappar, kan du enkelt göra det med SeedProd.
Det är den bästa WordPress-sidbyggaren på marknaden som levereras med en drag-and-drop-byggare, 300+ färdiga templates och avancerade block för att skapa fantastiska landing pages med sociala delningsknappar.
Först måste du installera och aktivera SeedProd plugin. För detaljerade instruktioner, se vår Step-by-Step guide om hur du installerar ett WordPress plugin.
Note: SeedProd har också en gratis plan som du kan använda för denna tutorial. Uppgradering till den betalda planen kommer dock att låsa upp fler funktioner.
Efter aktivering, besök SeedProd ” Landing Pages sektionen från WordPress dashboard och klicka på knappen ”Add New Landing Page”.
Detta tar dig till vyn ”Välj en ny page template”, där du kommer att se många färdiga templates att välja mellan.
När du har gjort ditt val kommer du att bli ombedd att enter ett namn för den landing page som du är på väg att skapa.
När du har enter denna information klickar du bara på knappen ”Save and Start Editing the Page” för att fortsätta.
Detta kommer att starta SeedProd’s drag and drop builder, där du kommer att se en lista över block i den vänstra kolumnen med en page preview till höger.
Du kan nu dra and drop olika block för att bygga upp din page. Mer detaljer hittar du i vår tutorial om hur du skapar en landing page i WordPress.
Efter det är det bara att hitta och lägga till blocket Social delning från den vänstra colonnen till din önskade plats på sidan.
Därefter måste du klicka på blocket igen för att öppna dess inställningar i sidebaren. Härifrån kan du välja den sociala medieplattformen med knappen du vill add till från dropdown-menyn.
Du kan också lägga till en ny social delningsknapp genom att clicka på knappen ”+ Add New Share” i columnen.
Efter det kan du också konfigurera knappens storlek och justering.
Du kan till och med byta till tabben ”Advanced” högst upp för att ändra avståndet, välja enhetens synlighet, add to custom CSS och använda animationseffekter.
När du är klar klickar du bara på knappen ”Save and Publicera” högst upp för att spara dina settings.
Nu är det bara att besöka den custom landing page för att se de sociala delningsknapparna i action.
Så här gillar sidan på vår demo website.
Bonus: Add to en delningsknapp för WhatsApp i WordPress
Förutom plattformar för sociala medier kan du också lägga till en WhatsApp-delningsknapp på din WordPress site. WhatsApp är en app för omedelbara meddelanden som allow människor över hela världen att kontakta varandra.
Genom att lägga till en delningsknapp i WhatsApp aktiverar du användare att dela innehållet på din site med sina kontakter, inklusive vänner, familj och kollegor. Detta kan öka engagemanget hos användarna, förbättra synligheten för content och hjälpa you att förstora räckvidden för ditt varumärke.
Du kan enkelt lägga till en WhatsApp delningsknapp i WordPress med Sassy Social Share plugin.
För mer information, se vår tutorial om hur du lägger till en WhatsApp-chattruta och delningsknappar i WordPress.
Vi hoppas att den här artikeln hjälpte dig att lära dig hur du lägger till sociala delningsknappar i WordPress. Du kanske också vill lära dig hur du lägger till icons för sociala medier i WordPress-menyer och våra toppval för de bästa tilläggen för sociala medier i WordPress för att öka din följarskara.
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.
Hajjalah
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.
Moinuddin Waheed
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.
WPBeginner Support
Glad we could share a helpful plugin
Administratör
Saransh Agrawal
really helpful for me
WPBeginner Support
Glad to hear it was helpful
Administratör
Pagula Majorda
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
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.
Administratör
Sarwat
Shared Count plugin is good but doesn’t have whatsapp.
WPBeginner Support
Thanks for sharing that for those looking for a whatsapp button
Administratör
Cathy
do you know of a plugin that I could use my own custom icons for social sharing?
WPBeginner Support
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
Administratör
Robert B
Well.. this plugin have not been updated since more than 2 years.
Do you have an alternativ?
WPBeginner Support
We do not have an alternative we would specifically recommend at the moment but we are still using the plugin on our site. For the not updated/tested warning we would recommend taking a look at our article below:
https://www.wpbeginner.com/opinion/should-you-install-plugins-not-tested-with-your-wordpress-version/
Administratör
Lynn Phillipi
All these explanations were very helpful. Thanks so much.
WPBeginner Support
Glad our guide was helpful
Administratör
Allan Green
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.
WPBeginner Support
We hope our content continues to be helpful
Administratör
Izhar Ahmad Danish
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
WPBeginner Support
Glad our guides and content have been helpful
Administratör
Sourabh
Hey thanks for the guide.
WPBeginner Support
Glad you found our guide helpful
Administratör
Diane Hambrick
Thank you for a great deal of valuable information! Sharing on social media is so important for our websites.
WPBeginner Support
You’re welcome, glad our guide was helpful
Administratör
Khalid
Nice info and explanation, loved the floating icons, I will try them out.
WPBeginner Support
Glad you liked our guide and recommendations
Administratör
Christie
So helpful! Thank you for adding the visuals!!
WPBeginner Support
You’re welcome, glad our guide and visuals were helpful
Administratör
Suzanne
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
For how your site is displayed on social media, you would want to take a look at our article below:
https://www.wpbeginner.com/wp-themes/how-to-add-facebook-open-graph-meta-data-in-wordpress-themes/
Administratör
karima
Great article as usual! Thanks
WPBeginner Support
Thank you and you’re welcome
Administratör
Syeda maham Fahim
Great , Thank you
WPBeginner Support
You’re welcome
Administratör
Hemant Bisht
Nicely Explained!
WPBeginner Support
Thank you
Administratör
Sojol Rana
If you don’t mind, can you told me that what social share plugin you use in this site?
WPBeginner Support
At the moment we’re using the shared counts plugin from this tutorial with custom styling
Administratör
Ikechukwu
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
You would want to reach out to the support for your theme and they should be able to help with the footer display.
Administratör
Daniela
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
We do not have a beginner-friendly method to add share buttons with JS and PHP
Administratör
Benjamin
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
We added custom styling for the shared counts to look like they do on our site
Administratör
Benjamin
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
Not at the moment but we will look into the possibility of including it in an article
Martin Koss
Which social sharing plugin do you use yourselves on your blog (and this post).
Thanks.
WPBeginner Support
At the moment we are using the shared counts plugin from the article
Administratör
Valli
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
Either one is sufficient, they just have different design options depending on what you’re wanting to do.
Administratör
Viktor
Thanks for the description! I needed a few part of and I got the exact information!
WPBeginner Support
Glad our guide was helpful
Administratör
Lorelei
Very helpful article and easy to follow! Thanks!
WPBeginner Support
You’re welcome, glad you liked our article
Administratör
Aman
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
WPBeginner Support
If you’re trying to create a post series, you could take a look at the plugin we recommend in the article here: https://www.wpbeginner.com/plugins/how-to-effeciently-manage-post-series-in-wordpress/
Administratör
Kane Martin
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
Thank you, while we don’t have a recommendation at the moment, we will certainly keep an eye out
Administratör
Xavier Jinan
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 ?
WPBeginner Support
If your theme already has social icons then you don’t need to use a plugin if you don’t want. For understanding how plugins affect speed, you would want to take a look at: https://www.wpbeginner.com/wp-tutorials/how-wordpress-plugins-affect-your-sites-load-time/
Administratör
Chukwuezugo
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.
WPBeginner Support
That is one of the recommended options in a different article found here: https://www.wpbeginner.com/plugins/best-social-media-plugins-for-wordpress/
Administratör
Micki
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.
WPBeginner Support
For plugins not tested with your version, you would want to take a look at: https://www.wpbeginner.com/opinion/should-you-install-plugins-not-tested-with-your-wordpress-version/
Administratör