Trusted WordPress tutorials, when you need them most.
Beginner’s Guide to WordPress
WPB Cup
25 Million+
Websites using our plugins
16+
Years of WordPress experience
3000+
WordPress tutorials
by experts

Så här lägger du till sociala delningsknappar i WordPress (Beginner’s Guide)

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.

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

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.

Expand the social sharing tab

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.

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

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.

Choose the inline buttons tab

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.

Customize your social sharing buttons

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.

Choose where you want to display your social sharing buttons

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.

Social sharing buttons preview

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

Choose the floating bar option

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

Choose where to display your floating bar

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.

Social sharing floating bar preview

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.

Choose the On Media tab to expand it

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.

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

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.

Configure the display settings for the social share buttons in images

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.

Social Share buttons in images preview

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.

Choose SharedCount.com as the API for share counts

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

Create an account on SharedCount.com

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.

Click account verification link

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.

Copy your 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.

Paste your SharedCount.com API key

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.

Social share buttons with share count preview

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

Click the Add New Landing Page button

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.

Enter your page details

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.

Add the social sharing block to the landing page

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.

Choose a social media platform for the page

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.

Publish the landing page with the social sharing block

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.

Landing page with the social sharing block

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.

WhatsApp Share button

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.

Avslöjande: Vårt innehåll stöds av våra läsare. Det innebär att om du klickar på några av våra länkar, kan vi tjäna en provision. Se hur WPBeginner finansieras, varför det är viktigt, och hur du kan stödja oss. Här är vår editoriala process.

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.

Den ultimata WordPress-verktygslådan

Få GRATIS tillgång till vår verktygslåda - en samling WordPress-relaterade produkter och resurser som varje professionell användare bör ha!

Reader Interactions

64 kommentarerLämna ett svar

  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.

      Administratör

    • 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 :)

      Administratör

  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 :)

      Administratör

  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.

      Administratör

  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

      Administratör

  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

      Administratör

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

      Administratör

  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 :)

      Administratör

  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.

Lämna ett svar

Tack för att du väljer att lämna en kommentar. Tänk på att alla kommentarer modereras enligt våra policy för kommentarer, och din e-postadress kommer INTE att publiceras. Vänligen använd INTE nyckelord i namnfältet. Låt oss ha en personlig och meningsfull konversation.