Hur man lägger till sociala delningsknappar i WordPress (4 enkla metoder)

Sociala medier är det huvudsakliga sättet folk upptäcker nytt innehåll idag.

Det är därför vi på WPBeginner lägger till sociala delningsknappar högst upp i varje inlägg för att göra det enkelt för våra besökare att dela vårt innehåll i sina sociala medieflöden. Vi har funnit att detta effektivt ökar vår räckvidd, driver ny trafik och förbättrar användarnas engagemang.

Utöver bara delning har vi sett hur visning av sociala delningsantal kan öka användarnas förtroende och uppmuntra klick. När du lyfter fram populariteten för ditt innehåll visar det bevis på att andra värdesätter din webbplats eller dina produkter.

I den här artikeln visar vi hur du enkelt kan lägga till knappar för social delning och visa antal delningar på din WordPress-webbplats.

Varför lägga till knappar för social delning i WordPress?

Socialt nätverkande är en av de mest populära onlineaktiviteterna idag. Därför är marknadsföring i sociala medier nu en avgörande del av varje småföretags tillväxtstrategi.

Om du vill nå fler potentiella kunder är sociala medieplattformar mycket effektiva kanaler för att kommunicera med nya människor.

Problemet är att när du delar ditt innehåll på dina sociala medieprofiler når det bara ett begränsat antal av dina befintliga följare.

Genom att lägga till sociala delningsknappar direkt på din webbplats kan du dock uppmuntra besökare att dela ditt innehåll i sina sociala flöden. Detta gör att ditt innehåll kan ses av deras vänner och följare, som sedan kan gilla, kommentera och dela det vidare.

På så sätt kan sociala delningsknappar hjälpa till att driva mer trafik till din webbplats, förbättra din sociala trovärdighet, generera fler leads och öka engagemanget.

Med det sagt, låt oss se hur du enkelt kan lägga till knappar för social delning i WordPress. Du kan använda snabblänkarna nedan för att hoppa till olika delar av vår handledning:

• Metod 1: Använda Novashare för att lägga till knappar för social delning (rekommenderas)
• Metod 2: Använda Social Snap för att lägga till sociala delningsknappar (gratis)
• Metod 3: Använda SeedProd för att lägga till knappar för sociala delningar på anpassade landningssidor
• Metod 4: Använda Sassy Social Share för att lägga till en WhatsApp-delningsknapp (Bonus)

Metod 1: Använda Novashare för att lägga till knappar för social delning (rekommenderas)

Novashare är ett av de bästa plugins för sociala medier för WordPress, som erbjuder ett enkelt sätt att lägga till knappar för social delning till dina inlägg. Du kan lägga till knappar för populära plattformar som Facebook, Pinterest, X (Twitter) och LinkedIn för att förbättra ditt innehålls räckvidd över olika sociala plattformar.

Du kan visa delningsräkningen för varje inlägg och välja en knappstil som ser bäst ut på din webbplats. Plugin-programmet är också optimerat för WordPress hastighet och prestanda, så du behöver inte oroa dig för att det saktar ner din webbplats.

Dessutom låter Novashare dig skapa Click to Tweet-rutor så att dina besökare snabbt kan dela citat från dina artiklar. Det erbjuder också ett Följ-block som du kan använda för att marknadsföra dina sociala profiler.

För att komma igång, besök Novashare-webbplatsen och välj en plan. Därefter behöver du installera och aktivera pluginet. Om du behöver hjälp, se vår guide om hur man installerar ett WordPress-plugin.

När du har aktiverat pluginet måste du navigera till sidan Inställningar » Novashare i din WordPress-instrumentpanel för att aktivera din licens.

Se till att du är på fliken 'Licens' och klistra sedan in licensnyckeln du fick när du köpte plugin-programmet. Se sedan till att du klickar på knappen 'Spara licens'.

Aktivera inline-knappar för sociala delningar

Efter att ha aktiverat din licens, klicka på fliken 'Inline Content' för att aktivera inline-innehåll. Detta gör att du kan lägga till sociala delningsknappar till dina inlägg och sidor. Alternativt kan du lägga till de sociala knapparna i en flytande stapel, vilket vi går igenom i nästa avsnitt.

Växla helt enkelt reglaget 'Aktivera inline-innehåll' till läget 'På' och välj sedan de knappar du vill lägga till.

Novashare levereras med ett bibliotek av 26 knappar, inklusive populära nätverk som X (Twitter), Facebook, LinkedIn och mer. Det erbjuder även åtgärdsknappar för E-post, Skriv ut och Kopiera.

Därefter kan du konfigurera var knapparna ska visas på dina inlägg och sidor.

Skrolla bara ner lite till sektionen 'Visa'. Här kan du kryssa i rutor för att sociala knappar ska visas på dina inlägg, sidor och mediefiler. Om du har en webbutik finns det också en kryssruta för produkter.

Du kan också välja knappens placering från rullgardinsmenyn "Knappens placering". Det finns alternativ för att visa knapparna för social delning ovanför ditt innehåll, under ditt innehåll eller båda. Du kan också välja att placera knapparna på varje sida manuellt med hjälp av denna kortkod:

[novashare_inline_content]

Mobilbrytpunkten gör det möjligt att visa sociala knappar på mindre mobila enheter genom att dela upp knapparna i två eller flera rader efter att de når en viss bredd. Standard är 1200 pixlar, men för bättre kompatibilitet med mindre enheter kan du vilja minska den till 768 pixlar.

I nästa avsnitt kan du designa utseendet på dina knappar. Novashare låter dig välja mellan dussintals stil- och formkombinationer, som dessa:

När du skrollar ner till designavsnittet hittar du rullgardinsmenyer för dina knappattribut, som stil, layout, justering, storlek och form.

Välj helt enkelt de olika attribut som bäst passar din webbplats.

Därefter hittar du alternativ för att ändra färgen på dina knappar. Lämna helt enkelt dessa knappar tomma för att visa dem i standardfärgerna du såg när du valde dina knappar.

Alla färgändringar du gör i det här avsnittet påverkar alla knappar. Det finns alternativ för knappfärgen, färgen vid hovring, färgen på ikonen till höger om knappen och mer.

När du klickar på något av dessa alternativ visas en färgväljare där du kan välja den färg du vill använda.

Alternativet 'Visa etiketter' längst ner i detta avsnitt låter dig välja om namnet på varje socialt nätverk ska visas bredvid plattformens ikon eller inte.

Förutom att tillhandahålla knappar för social delning är det också en bra idé att visa hur många gånger det aktuella inlägget har delats på alla sociala kanaler.

Att visa delningsantal på blogginlägg ökar trovärdigheten genom att visa hur populärt ditt innehåll är, vilket kan uppmuntra fler användare att engagera sig och dela. Det ger socialt bevis som visar att ditt innehåll värderas av andra, vilket ökar förtroendet hos dina användare.

Denna inställning är aktiverad som standard. Du kan välja att visa delningsantalet för det aktuella inlägget antingen före eller efter knapparna för social delning och även anpassa färgen.

Här är ett exempel på delade räkningar med en vit bakgrund som visas efter knapparna för social delning.

Om du vill kan du även lägga till en uppmaning till knappfältet, som till exempel ‘Dela med dina vänner!’ Detta kan uppmuntra fler besökare att dela ditt innehåll.

Även om vi inte gör detta på vår egen webbplats, kan du lägga till en uppmaning till handling genom att helt enkelt skriva ditt meddelande i fältet 'Text'. Du kan också anpassa teckenstorlek och färg.

När du är klar med att anpassa dina sociala delningsknappar, klicka på ‘Spara ändringar’ längst ner på sidan, så kommer de att läggas till på din webbplats.

Så här ser det ut på vår demosida:

Aktivera den flytande baren för social delning

Istället för att lägga till sociala delningsknappar i dina inlägg och sidor kan du lägga till dem i en stapel som flyter vid en av kanterna på din webbplats eller fästs längst ner på skärmen på mobilen.

Som standard visas detta på skärmens vänstra sida eller längst ner på smala skärmar. Det kommer inte att flytta sig även när du skrollar genom ditt innehåll.

För att aktivera en flytande stapel på din webbplats måste du navigera till Inställningar » Novashare och klicka på fliken ‘Flytande stapel’ till vänster.

Du kan sedan aktivera alternativet för flytande fält och välja de sociala delningsknappar du vill lägga till.

Efter det kan du anpassa placeringen av stapeln.

Precis som med alternativet Inline Content kan du klicka på kryssrutor för att visa knapparna för social delning på inlägg, sidor, mediearkiv och även produkter om du har en webbutik.

Du behöver också aktivera alternativet 'Visa på inläggssidan' för att visa knapparna på dina inlägg. Om du vill kan du även aktivera inställningen 'Visa på arkiv' för att visa den flytande baren på din blogginläggsarkivsida.

Nu kan du använda rullgardinsmenyn 'Button Alignment' för att välja om stapeln ska visas längs höger eller vänster sida av din sida på breda skärmar. På smala skärmar visas den längst ner.

Du kan styra hur långt det flytande fältet visas från skärmens kanter med hjälp av alternativen 'Toppförskjutning' och 'Kantförskjutning'.

Alternativet 'Visa vid scrollning' låter dig dölja dina sociala ikoner tills användaren har scrollat en viss sträcka ner på sidan.

För den här handledningen kommer vi att använda standardinställningarna, som fungerar bra för de flesta webbplatser.

Avsnitten Design och Delningsantal fungerar på samma sätt som för inställningarna för Inline Content ovan. Det finns dock ett extra avsnitt på den här sidan för mobila enheter.

Standardinställningarna i avsnittet 'Mobil' fungerar för de flesta webbplatser. Fältet kommer att vara fäst längst ner på skärmen men dolt på skärmar som är mindre än 800 pixlar breda.

Du kan dock enkelt ändra den maximala bredden, liksom bakgrundsfärgen och utfyllnaden av knapparna. Det finns också åtgärder för att få stapeln att fylla det tillgängliga skärmutrymmet och för att spara utrymme genom att dölja det totala antalet delningar.

När du har avslutat inställningen av dina sociala delningsknappar, se till att du skrollar till botten av skärmen och klickar på knappen ‘Spara ändringar’ för att visa den flytande baren på din webbplats.

Så här ser det ut på vår demosida:

Konfigurera delningsknappen

Ett sätt du kan spara utrymme på din knapprad är genom att använda Dela-knappen. Detta låter dig lägga till stora sociala nätverk som individuella knappar, och användare kan dela till ytterligare plattformar genom att klicka på Dela-knappen.

Se först till att du lägger till knappen 'Dela' antingen i ditt 'Inline Content' eller 'Floating Bar'.

Därefter kan du konfigurera inställningarna för Dela-knappen genom att navigera till Inställningar » Novashare och sedan klicka på fliken 'Dela-knapp'.

Detta gör att du kan välja ytterligare sociala nätverk som du vill visa när en användare klickar på knappen Dela. Du kan också lägga till en uppmaning till handling och välja en design för dessa ytterligare knappar.

Glöm inte att klicka på knappen 'Spara ändringar' längst ner på sidan för att spara dina inställningar.

Så här ser det ut på vår demosida efter att ha klickat på knappen 'Dela'.

Lägga till en Pinterest-knapp till bilder

Novashare kan också lägga till en Pinterest 'Pin'-knapp till varje bild på din webbplats. Som standard visas den här knappen när du för muspekaren över en bild. Du kan dock konfigurera pluginet för att visa knapparna hela tiden.

Navigera först till Inställningar » Novashare och klicka sedan på fliken ‘Pinterest’. Väl där kan du växla ‘Aktivera bildpinnar’ till på-läget och välja ‘Inläggstyper’ där du vill visa knappen.

Du kan också anpassa knappens position, form och färg, även om standardinställningarna fungerar bra för de flesta webbplatser (se skärmdumpen nedan).

Om du vill att Pinterest-knappen ska visas även när du inte för muspekaren över en bild, se till att aktivera alternativet 'Visa alltid'.

Slutligen, om det finns bilder som du inte vill dela, skriv helt enkelt filnamnen i fältet 'Exkluderade bilder' och en Pinterest-knapp kommer inte att visas för dessa bilder.

När du klickar på knappen 'Spara ändringar' för att lagra dina inställningar och börja visa Pin-knappen på bilder.

Så här ser det ut på vår demosida när musen förs över en bild.

Metod 2: Använda Social Snap för att lägga till sociala delningsknappar (gratis)

Om du letar efter ett gratis sätt att lägga till knappar för social delning på din webbplats, är Social Snap-pluginet ett bra alternativ till ett premiumverktyg.

Först måste du installera och aktivera pluginet Social Snap. För detaljerade instruktioner kan du se vår nybörjarguide om hur man installerar ett WordPress-plugin.

Efter aktivering, besök sidan Social Snap » Inställningar från WordPress-administratörs sidomenyn. Expandera sedan fliken 'Social delning' i den vänstra kolumnen.

Detta öppnar nya inställningar i sidofältet, där du måste välja fliken 'Hantera nätverk'.

Klicka sedan på knappen ‘+ Lägg till nätverk’ för att lägga till ett socialt medienätverk som du väljer från prompten. Du kan lägga till plattformar som Facebook, X (Twitter), LinkedIn och e-post.

Du kan också konfigurera knapparnas synlighet för olika enheter genom att föra muspekaren över ögonikonen och växla mobilomkopplaren till 'På'. Att göra detta kommer att visa knapparna för social delning för användare som besöker din webbplats på mobila enheter.

Stäng sedan fliken '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 en flytande fält eller inline-knappar för sociala delningsikoner.

Lägga till inline-knappar för social delning

Sociala delningsknappar inline visas högst upp eller längst ner på dina inlägg och sidor.

För att lägga till dem på din webbplats, klicka bara på fliken 'Inline Buttons' för att expandera den.

Detta öppnar nya inställningar i den vänstra kolumnen med en förhandsgranskning av knapparna för social delning på skärmens högra sida.

Härifrån kan du konfigurera knapparnas position. Du kan välja alternativet 'Under innehåll' för att visa knappar längst ner i innehållet och alternativet 'Över innehåll' för att visa knappar högst upp på sidan.

Du kan också anpassa knappens justering och delningsetiketten, form och storlek härifrån.

Bläddra sedan ner till avsnittet 'Knappetiketter', där du kan bestämma om du vill visa namnet på sociala medieplattformen, delningsantal eller båda.

Skrolla sedan ner till avsnittet 'Visa på'. Här kan du markera rutan 'Inlägg' om du bara vill visa knapparna för social delning på dina inlägg. Du kan också markera rutan 'Sidor' för att visa knappar för social delning på dina sidor som Om oss, Kontakta oss eller Arkiv.

Dessutom kan du markera alternativet 'Hem' om du bara vill visa knapparna för social delning på din hemsida.

När du är klar, glöm inte att klicka på knappen ‘Spara ändringar’ längst ner för att spara dina inställningar.

Du kan nu besöka din WordPress-webbplats för att se knapparna för social delning i aktion.

Lägga till flytande sociala delningsfält

Om du bestämmer dig för att lägga till en flytande stapel, kommer dina knappar för social delning att visas på sidan av dina WordPress-inlägg eller sidor.

För att göra detta, öppna helt enkelt fliken 'Flytande sidofält'.

Detta öppnar nya inställningar i den vänstra kolumnen, där du kan konfigurera position, storlek och form på dina flytande fältikoner.

När du har gjort det, scrolla ner till avsnittet ‘Visa på’ och välj de sidor där du vill visa knapparna för social delning.

Om du till exempel vill visa den flytande baren för social delning endast på dina blogginlägg, kan du välja alternativet ‘Inlägg’.

På samma sätt, om du vill visa den flytande stapeln även på din webbplats startsida, kan du välja alternativet 'Hem'.

Klicka slutligen på knappen 'Spara ändringar' för att lagra dina inställningar.

Du kan nu besöka din WordPress-blogg för att se den flytande stapeln för sociala delningar i aktion.

Lägga till knappar för social delning till bilder

Om du har en fotowebbplats, kan du till och med lägga till sociala delningsknappar till dina bilder med hjälp av Social Snap-pluginet.

Detta gör det möjligt för användare att dela dina bilder på sina sociala flöden och hjälpa till att driva mer trafik till din webbplats.

Först måste du besöka sidan Social Snap » Settings från WordPress-instrumentpanelen och klicka på fliken 'On Media' för att öppna den.

När du är där, välj din knapptyp. 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 lägga till minsta höjd och bredd för en bild. Detta innebär att delningsknapparna inte kommer att visas på en bild på din webbplats som är under den minsta höjd- och breddbegränsningen.

Därefter måste du skrolla ner till avsnittet ‘Visa på’ och markera alternativen för de sidor eller inlägg där du vill visa sociala delningsknappar på dina bilder.

Du kan sedan också växla omkopplaren ‘Dölj på mobil’ till ‘På’ om du inte vill visa delningsknappar för bilder på mobila enheter.

Klicka slutligen på knappen 'Spara ändringar' för att lagra dina inställningar.

Besök nu helt enkelt din WordPress-webbplats för att se de sociala delningsknapparna i bilder.

Visa räkningar för social delning

Om du också vill visa delningsantalet bredvid knapparna för social delning, besök sidan Social Snap » Inställningar och expandera fliken 'Hantera nätverk' från vänster kolumn.

Skrolla sedan ner till avsnittet 'Facebook Share Count Provider', där du kan välja någon av de två källorna.

Vi rekommenderar dock att du väljer alternativet 'SharedCount.com'. Då hämtas räkningarna från SharedCount-tjänstens API. Det gör att plugin-programmet kan hämta alla räkningar med endast 2 API-anrop, vilket är bäst för WordPress prestanda.

Om du väljer alternativet 'Facebook Graph API', hämtas delningsantal från Facebook API, vilket kan sakta ner din webbplats.

Du kan enkelt få SharedCount API genom att registrera dig för ett gratis konto på SharedCount.com-webbplatsen.

För att göra detta måste du ange en e-postadress och ett lösenord och sedan klicka på knappen ‘Skapa konto’.

Webbplatsen kommer nu att skicka en bekräftelselänk till din e-postadress.

Klicka på länken för att verifiera ditt konto.

Nu måste du logga in på ditt SharedCount-konto igen och besöka sidan ‘Inställningar’ från rullgardinsmenyn i det övre högra hörnet av skärmen.

Detta tar dig till en ny sida där du ser din SharedCount API-nyckel.

Du måste kopiera den här nyckeln och gå tillbaka till pluginets inställningssida på din WordPress-webbplats.

Klistra nu in API-nyckeln i fältet 'SharedCount API Key'.

Klicka sedan på knappen 'Spara ändringar' för att spara dina inställningar.

Du kan sedan ange denna API-nyckel igen för din X (Twitter) delningsräknare. Klicka sedan på knappen ‘Spara ändringar’ för att lagra dina inställningar.

Du kan nu besöka din webbplats för att se sociala delningsknappar med delningsantalet för varje blogginlägg.

Metod 3: Använda SeedProd för att lägga till knappar för sociala delningar på anpassade landningssidor

Om du vill bygga anpassade landningssidor för din webbplats med sociala delningsknappar, kan du enkelt göra det med SeedProd.

Enligt vår åsikt är det bästa WordPress sidbyggaren på marknaden. Den levereras med en dra-och-släpp-byggare, över 300 förgjorda mallar och avancerade block för att skapa fantastiska landningssidor med knappar för social delning.

Först måste du installera och aktivera SeedProd-pluginet. För detaljerade instruktioner, se vår steg-för-steg-guide om hur man installerar ett WordPress-plugin.

Efter aktivering, besök avsnittet SeedProd » Landningssidor från WordPress-instrumentpanelen och klicka på knappen 'Lägg till ny landningssida'.

Detta tar dig till skärmen ‘Välj en ny sidmall’, där du ser många färdiga mallar att välja mellan.

När du har gjort ditt val kommer du att bli ombedd att ange ett namn för landningssidan som du håller på att skapa.

När du har angett denna information klickar du bara på knappen 'Spara och börja redigera sidan' för att fortsätta.

Detta startar SeedProds dra-och-släpp-byggare, där du kommer att se en lista med block i den vänstra kolumnen med en sidförhandsgranskning till höger.

Du kan nu dra och släppa olika block för att bygga din sida. För mer information, se vår handledning om hur du skapar en landningssida i WordPress.

Därefter, hitta och lägg helt enkelt till blocket ‘Social delning’ från den vänstra kolumnen till din föredragna plats på sidan.

Därefter måste du klicka på blocket igen för att öppna dess inställningar i sidofältet. Härifrån kan du välja den sociala medieplattform med knappen du vill lägga till från rullgardinsmenyn.

Du kan också lägga till en ny knapp för social delning genom att klicka på knappen ‘+ Lägg till ny delning’ i kolumnen.

Därefter kan du även konfigurera knappens storlek och justering.

Du kan till och med växla till fliken 'Avancerat' högst upp för att ändra avstånd, välja enhetsynlighet, lägga till anpassad CSS och använda animationseffekter.

När du är klar klickar du helt enkelt på knapparna 'Spara' och sedan 'Publicera' högst upp för att lagra dina inställningar.

Besök nu den anpassade landningssidan för att se de sociala delningsknapparna i aktion.

Så här såg sidan ut på vår demowebbplats.

Metod 4: Använda Sassy Social Share för att lägga till en WhatsApp-delningsknapp (Bonus)

Förutom sociala medieplattformar kan du även lägga till en WhatsApp-delningsknapp på din WordPress-webbplats. WhatsApp är en direktmeddelandeapp som gör det möjligt för människor över hela världen att kontakta varandra.

Genom att lägga till en WhatsApp-delningsknapp gör du det möjligt för användare att dela ditt webbplatsinnehåll med sina kontakter, inklusive vänner, familj och kollegor. Detta kan öka användarnas engagemang, förbättra innehållets synlighet och hjälpa dig att utöka ditt varumärkes räckvidd.

Du kan enkelt lägga till en WhatsApp-delningsknapp i WordPress med pluginet Sassy Social Share.

För mer information, se vår handledning om hur man lägger till en WhatsApp-chattbox och dela-knappar 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 sociala medieikoner i WordPress-menyer och kolla in våra toppval för de bästa WordPress-pluginsen för sociala medier för att öka din följarskara.

Om du gillade den här artikeln, prenumerera då på vår YouTube-kanal för WordPress-videoguider. Du kan också hitta oss på Twitter och Facebook.