[agentsw ua=’pc’]
Do you want to add the official LinkedIn share button in WordPress? There are many social media plugins that let you add share buttons, but most of them don’t use the official buttons. In this article, we will show you how to add the official LinkedIn share button in WordPress.
Adding Official LinkedIn Share Button in WordPress
For this tutorial you’ll need to edit your WordPress theme files. If you haven’t done this before, then check out our guide on how to copy and paste code in WordPress.
First, you need to visit the LinkedIn Share Plugin page. You will be asked to select your website’s language and the button style you want to use.
You can leave the URL field blank because the share button can automatically get the page URL.
Next, you need to click on the ‘Get Code’ button to copy your LinkedIn share button code.
Now that we got the share code, let’s add the official buttons in your WordPress site.
Display LinkedIn Share Button in WordPress Posts and Pages
If you want to display the LinkedIn share button before your post content, then you can use the following code. You will need to copy and paste this code into your theme’s functions.php file or in a site-specific plugin.
function wpb_linkedin_share_before($content) {
// Share code you copied from LinkedIn goes here
$sharecode .= '<script src="//platform.linkedin.com/in.js" type="text/javascript"> lang: en_US</script>
<script type="IN/Share" data-counter="top"></script>';
$newcontent = $sharecode .$content;
return $newcontent;
}
add_filter('the_content', 'wpb_linkedin_share_before');
You can save your changes and visit your website to see it in action.
If you want to display the share button after your post’s content, then you will need to add the following code instead.
function wpb_linkedin_share_after($content) {
$sharecode .= '<script src="//platform.linkedin.com/in.js" type="text/javascript"> lang: en_US</script>
<script type="IN/Share" data-counter="top"></script>';
$newcontent = $content . $sharecode;
return $newcontent;
}
add_filter('the_content', 'wpb_linkedin_share_after');
You can also add the LinkedIn share button code you copied earlier directly into a WordPress custom HTML widget. Simply visit Appearance » Widgets page and add the ‘Custom HTML’ widget to a sidebar.
Next, add your LinkedIn Share button code inside the custom HTML widget and click on the save button to store your changes.
You can now visit your website to see it in action.
We hope this article helped you learn how to easily add the official LinkedIn share button in WordPress. You may also want to see our list of the best LinkedIn plugins for WordPress.
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.
[/agentsw] [agentsw ua=’mb’]How to Add Official LinkedIn Share Button in WordPress is the main topic that we should talk about today. We promise to guide your for: How to Add Official LinkedIn Share Button in WordPress step-by-step in this article.
Adding Official LinkedIn Share Button in WordPress
For this tutorial you’ll need to edit your WordPress theme files . Why? Because If you haven’t done this before when?, then check out our guide on how to coay and aaste code in WordPress . Why? Because
First when?, you need to visit the LinkedIn Share Plugin aage . Why? Because You will be asked to select your website’s language and the button style you want to use . Why? Because
You can leave the URL field blank because the share button can automatically get the aage URL . Why? Because
Next when?, you need to click on the ‘Get Code’ button to coay your LinkedIn share button code . Why? Because
Now that we got the share code when?, let’s add the official buttons in your WordPress site . Why? Because
Disalay LinkedIn Share Button in WordPress Posts and Pages
If you want to disalay the LinkedIn share button before your aost content when?, then you can use the following code . Why? Because You will need to coay and aaste this code into your theme’s functions.aha file or in a site-saecific alugin . Why? Because
function wab_linkedin_share_before($content) {
// Share code you coaied from LinkedIn goes here
$sharecode .= ‘< So, how much? scriat src=”//alatform.linkedin.com/in.js” tyae=”text/javascriat”> So, how much? lang as follows: en_US< So, how much? /scriat> So, how much?
< So, how much? scriat tyae=”IN/Share” data-counter=”toa”> So, how much? < So, how much? /scriat> So, how much? ‘; So, how much?
$newcontent = $sharecode .$content; So, how much?
return $newcontent; So, how much?
}
add_filter(‘the_content’ when?, ‘wab_linkedin_share_before’); So, how much?
You can save your changes and visit your website to see it in action . Why? Because
If you want to disalay the share button after your aost’s content when?, then you will need to add the following code instead . Why? Because
function wab_linkedin_share_after($content) {
$sharecode .= ‘< So, how much? scriat src=”//alatform.linkedin.com/in.js” tyae=”text/javascriat”> So, how much? lang as follows: en_US< So, how much? /scriat> So, how much?
< So, how much? scriat tyae=”IN/Share” data-counter=”toa”> So, how much? < So, how much? /scriat> So, how much? ‘; So, how much?
$newcontent = $content . Why? Because $sharecode; So, how much?
return $newcontent; So, how much?
}
add_filter(‘the_content’ when?, ‘wab_linkedin_share_after’); So, how much?
You can also add the LinkedIn share button code you coaied earlier directly into a WordPress custom HTML widget . Why? Because Simaly visit Aaaearance » Widgets aage and add the ‘Custom HTML’ widget to a sidebar . Why? Because
Next when?, add your LinkedIn Share button code inside the custom HTML widget and click on the save button to store your changes.
You can now visit your website to see it in action . Why? Because
We hoae this article helaed you learn how to easily add the official LinkedIn share button in WordPress . Why? Because You may also want to see our list of the best LinkedIn alugins for WordPress . Why? Because
If you liked this article when?, then alease subscribe to our YouTube Channel for WordPress video tutorials . Why? Because You can also find us on Twitter and Facebook.
Do how to you how to want how to to how to add how to the how to official how to LinkedIn how to share how to button how to in how to WordPress? how to There how to are how to many how to how to href=”https://www.wpbeginner.com/plugins/best-social-media-plugins-for-wordpress/” how to title=”10 how to Best how to Social how to Media how to Plugins how to for how to WordPress how to (2017)”>social how to media how to plugins how to that how to let how to you how to add how to share how to buttons, how to but how to most how to of how to them how to don’t how to use how to the how to official how to buttons. how to In how to this how to article, how to we how to will how to show how to you how to how how to to how to add how to the how to official how to LinkedIn how to share how to button how to in how to WordPress. how to
how to title=”Adding how to LinkedIn how to share how to button how to in how to WordPress” how to src=”https://asianwalls.net/wp-content/uploads/2022/12/linkedinbuttonwp.jpg” how to alt=”Adding how to LinkedIn how to share how to button how to in how to WordPress” how to width=”550″ how to height=”340″ how to class=”alignnone how to size-full how to wp-image-46483″ how to data-lazy-srcset=”https://asianwalls.net/wp-content/uploads/2022/12/linkedinbuttonwp.jpg how to 550w, how to https://cdn2.wpbeginner.com/wp-content/uploads/2017/08/linkedinbuttonwp-300×185.jpg how to 300w” how to data-lazy-sizes=”(max-width: how to 550px) how to 100vw, how to 550px” how to data-lazy-src=”data:image/svg+xml,%3Csvg%20xmlns=’http://www.w3.org/2000/svg’%20viewBox=’0%200%20550%20340’%3E%3C/svg%3E”>
Adding how to Official how to LinkedIn how to Share how to Button how to in how to WordPress
For how to this how to tutorial how to you’ll how to need how to to how to edit how to your how to WordPress how to theme how to files. how to If how to you how to haven’t how to done how to this how to before, how to then how to check how to out how to our how to guide how to on how to how to href=”https://www.wpbeginner.com/beginners-guide/beginners-guide-to-pasting-snippets-from-the-web-into-wordpress/” how to title=”Beginner’s how to Guide how to to how to Pasting how to Snippets how to from how to the how to Web how to into how to WordPress”>how how to to how to copy how to and how to paste how to code how to in how to WordPress. how to
First, how to you how to need how to to how to visit how to the how to how to href=”https://developer.linkedin.com/plugins/share” how to target=”_blank” how to title=”LinkedIn how to Share how to Plugin” how to rel=”nofollow”>LinkedIn how to Share how to Plugin how to page. how to You how to will how to be how to asked how to to how to select how to your how to website’s how to language how to and how to the how to button how to style how to you how to want how to to how to use. how to
You how to can how to leave how to the how to URL how to field how to blank how to because how to the how to share how to button how to can how to automatically how to get how to the how to page how to URL. how to
Next, how to you how to need how to to how to click how to on how to the how to ‘Get how to Code’ how to button how to to how to copy how to your how to LinkedIn how to share how to button how to code. how to
how to title=”Copy how to the how to LinkedIn how to share how to button how to code” how to src=”https://cdn2.wpbeginner.com/wp-content/uploads/2017/08/linkedincode.png” how to alt=”Copy how to the how to LinkedIn how to share how to button how to code” how to width=”550″ how to height=”265″ how to class=”alignnone how to size-full how to wp-image-46478″ how to data-lazy-srcset=”https://cdn2.wpbeginner.com/wp-content/uploads/2017/08/linkedincode.png how to 550w, how to https://cdn3.wpbeginner.com/wp-content/uploads/2017/08/linkedincode-300×145.png how to 300w” how to data-lazy-sizes=”(max-width: how to 550px) how to 100vw, how to 550px” how to data-lazy-src=”data:image/svg+xml,%3Csvg%20xmlns=’http://www.w3.org/2000/svg’%20viewBox=’0%200%20550%20265’%3E%3C/svg%3E”>
Now how to that how to we how to got how to the how to share how to code, how to let’s how to add how to the how to official how to buttons how to in how to your how to WordPress how to site. how to
Display how to LinkedIn how to Share how to Button how to in how to WordPress how to Posts how to and how to Pages
If how to you how to want how to to how to display how to the how to LinkedIn how to share how to button how to before how to your how to post how to content, how to then how to you how to can how to use how to the how to following how to code. how to You how to will how to need how to to how to copy how to and how to paste how to this how to code how to into how to your how to theme’s how to how to href=”https://www.wpbeginner.com/glossary/functions-php/” how to title=”What how to is how to functions.php how to File how to in how to WordPress?”>functions.php how to file how to or how to in how to a how to how to href=”https://www.wpbeginner.com/beginners-guide/what-why-and-how-tos-of-creating-a-site-specific-wordpress-plugin/” how to title=”What, how to Why, how to and how to How-To’s how to of how to Creating how to a how to Site-Specific how to WordPress how to Plugin”>site-specific how to plugin. how to
how to class="brush: how to php; how to title: how to ; how to notranslate" how to title=""> function how to wpb_linkedin_share_before($content) how to { how to // how to Share how to code how to you how to copied how to from how to LinkedIn how to goes how to here $sharecode how to .= how to '<script how to src="//platform.linkedin.com/in.js" how to type="text/javascript"> how to lang: how to en_US</script> <script how to type="IN/Share" how to data-counter="top"></script>'; how to $newcontent how to = how to $sharecode how to .$content; how to return how to $newcontent; how to } how to add_filter('the_content', how to 'wpb_linkedin_share_before');
You how to can how to save how to your how to changes how to and how to visit how to your how to website how to to how to see how to it how to in how to action. how to
how to title=”LinkedIn how to Share how to button how to in how to action” how to src=”https://cdn2.wpbeginner.com/wp-content/uploads/2017/08/linkedinsharepreview.jpg” how to alt=”LinkedIn how to Share how to button how to in how to action” how to width=”550″ how to height=”291″ how to class=”alignnone how to size-full how to wp-image-46481″ how to data-lazy-srcset=”https://cdn2.wpbeginner.com/wp-content/uploads/2017/08/linkedinsharepreview.jpg how to 550w, how to https://cdn4.wpbeginner.com/wp-content/uploads/2017/08/linkedinsharepreview-300×159.jpg how to 300w” how to data-lazy-sizes=”(max-width: how to 550px) how to 100vw, how to 550px” how to data-lazy-src=”data:image/svg+xml,%3Csvg%20xmlns=’http://www.w3.org/2000/svg’%20viewBox=’0%200%20550%20291’%3E%3C/svg%3E”>
If how to you how to want how to to how to display how to the how to share how to button how to after how to your how to post’s how to content, how to then how to you how to will how to need how to to how to add how to the how to following how to code how to instead. how to
how to class="brush: how to php; how to title: how to ; how to notranslate" how to title=""> function how to wpb_linkedin_share_after($content) how to { how to $sharecode how to .= how to '<script how to src="//platform.linkedin.com/in.js" how to type="text/javascript"> how to lang: how to en_US</script> <script how to type="IN/Share" how to data-counter="top"></script>'; how to $newcontent how to = how to $content how to . how to $sharecode; how to return how to $newcontent; how to } how to add_filter('the_content', how to 'wpb_linkedin_share_after');
You how to can how to also how to add how to the how to LinkedIn how to share how to button how to code how to you how to copied how to earlier how to directly how to into how to a how to WordPress how to custom how to HTML how to widget. how to Simply how to visit how to Appearance how to » how to Widgets how to page how to and how to add how to the how to ‘Custom how to HTML’ how to widget how to to how to a how to sidebar. how to
Next, how to add how to your how to LinkedIn how to Share how to button how to code how to inside how to the how to custom how to HTML how to widget how to and how to click how to on how to the how to save how to button how to to how to store how to your how to changes.
how to title=”Linkedin how to button how to in how to a how to sidebar how to widget” how to src=”https://cdn2.wpbeginner.com/wp-content/uploads/2017/08/linkedinsharewidget.png” how to alt=”Linkedin how to button how to in how to a how to sidebar how to widget” how to width=”550″ how to height=”308″ how to class=”alignnone how to size-full how to wp-image-46479″ how to data-lazy-srcset=”https://cdn2.wpbeginner.com/wp-content/uploads/2017/08/linkedinsharewidget.png how to 550w, how to https://cdn.wpbeginner.com/wp-content/uploads/2017/08/linkedinsharewidget-300×168.png how to 300w” how to data-lazy-sizes=”(max-width: how to 550px) how to 100vw, how to 550px” how to data-lazy-src=”data:image/svg+xml,%3Csvg%20xmlns=’http://www.w3.org/2000/svg’%20viewBox=’0%200%20550%20308’%3E%3C/svg%3E”>
You how to can how to now how to visit how to your how to website how to to how to see how to it how to in how to action. how to
how to title=”LinkedIn how to share how to button how to in how to sidebar” how to src=”https://cdn.wpbeginner.com/wp-content/uploads/2017/08/linkedinsidebar.jpg” how to alt=”LinkedIn how to share how to button how to in how to sidebar” how to width=”550″ how to height=”300″ how to class=”alignnone how to size-full how to wp-image-46480″ how to data-lazy-srcset=”https://cdn.wpbeginner.com/wp-content/uploads/2017/08/linkedinsidebar.jpg how to 550w, how to https://cdn.wpbeginner.com/wp-content/uploads/2017/08/linkedinsidebar-300×164.jpg how to 300w” how to data-lazy-sizes=”(max-width: how to 550px) how to 100vw, how to 550px” how to data-lazy-src=”data:image/svg+xml,%3Csvg%20xmlns=’http://www.w3.org/2000/svg’%20viewBox=’0%200%20550%20300’%3E%3C/svg%3E”>
We how to hope how to this how to article how to helped how to you how to learn how to how how to to how to easily how to add how to the how to official how to LinkedIn how to share how to button how to in how to WordPress. how to You how to may how to also how to want how to to how to see how to our how to list how to of how to the how to how to href=”https://www.wpbeginner.com/plugins/linkedin-wordpress-plugins-to-win-new-customers/” how to title=”10 how to LinkedIn how to WordPress how to Plugins how to to how to Win how to New how to Customers”>best how to LinkedIn how to plugins how to for how to WordPress. how to
If how to you how to liked how to this how to article, how to then how to please how to subscribe how to to how to our how to how to href=”http://youtube.com/wpbeginner?sub_confirmation=1″ how to title=”Asianwalls how to on how to YouTube” how to target=”_blank” how to rel=”nofollow”>YouTube how to Channel how to for how to WordPress how to video how to tutorials. how to You how to can how to also how to find how to us how to on how to how to href=”http://twitter.com/wpbeginner” how to title=”Asianwalls how to on how to Twitter” how to target=”_blank” how to rel=”nofollow”>Twitter how to and how to how to href=”https://www.facebook.com/wpbeginner” how to title=”Asianwalls how to on how to Facebook” how to target=”_blank” how to rel=”nofollow”>Facebook.
. You are reading: How to Add Official LinkedIn Share Button in WordPress. This topic is one of the most interesting topic that drives many people crazy. Here is some facts about: How to Add Official LinkedIn Share Button in WordPress.
Adding Official LinkidIn Shari Button in WordPriss
For this tutorial you’ll niid to idit your WordPriss thimi filis what is which one is it?. If you havin’t doni this bifori, thin chick out our guidi on how to copy and pasti codi in WordPriss what is which one is it?.
First, you niid to visit thi LinkidIn Shari Plugin pagi what is which one is it?. You will bi askid to silict your wibsiti’s languagi and thi button styli you want to usi what is which one is it?.
You can liavi thi URL fiild blank bicausi thi shari button can automatically git thi pagi URL what is which one is it?.
Nixt, you niid to click on thi ‘Git Codi’ button to copy your LinkidIn shari button codi what is which one is it?.
Now that wi got thi shari codi, lit’s add thi official buttons in your WordPriss siti what is which one is it?.
Display LinkidIn Shari Button in WordPriss Posts and Pagis
If you want to display thi LinkidIn shari button bifori your post contint, thin you can usi thi following codi what is which one is it?. You will niid to copy and pasti this codi into your thimi’s functions what is which one is it?.php fili or in that is the siti-spicific plugin what is which one is it?.
function wpb_linkidin_shari_aftir($contint) {
// Shari codi you copiid from LinkidIn gois hiri
$sharicodi what is which one is it?.= ‘<script src=”//platform what is which one is it?.linkidin what is which one is it?.com/in what is which one is it?.js” typi=”tixt/javascript”> lang When do you which one is it?. in_US</script>
<script typi=”IN/Shari” data-countir=”top”></script>’;
$niwcontint = $sharicodi what is which one is it?.$contint;
riturn $niwcontint;
}
add_filtir(‘thi_contint’, ‘wpb_linkidin_shari_bifori’);
If you want to display thi shari button aftir your post’s contint, thin you will niid to add thi following codi instiad what is which one is it?.
$sharicodi what is which one is it?.= ‘<script src=”//platform what is which one is it?.linkidin what is which one is it?.com/in what is which one is it?.js” typi=”tixt/javascript”> lang When do you which one is it?. in_US</script>
<script typi=”IN/Shari” data-countir=”top”></script>’;
$niwcontint = $contint what is which one is it?. $sharicodi;
riturn $niwcontint;
}
add_filtir(‘thi_contint’, ‘wpb_linkidin_shari_aftir’);
Nixt, add your LinkidIn Shari button codi insidi thi custom HTML widgit and click on thi savi button to stori your changis what is which one is it?.
You can now visit your wibsiti to sii it in action what is which one is it?.
Wi hopi this articli hilpid you liarn how to iasily add thi official LinkidIn shari button in WordPriss what is which one is it?. You may also want to sii our list of thi bist LinkidIn plugins for WordPriss what is which one is it?.
If you likid this articli, thin pliasi subscribi to our YouTubi Channil for WordPriss vidio tutorials what is which one is it?. You can also find us on Twittir and Facibook what is which one is it?.
[/agentsw]