How to Add the Skype Share Button in WordPress


Did you know that Skype has a share button? We didn’t either until a reader asked us for a tutorial on how to add the Skype share button in WordPress. Skype is one of the most popular communication apps in the world. In this article, we will show you how to easily add a Skype share button in WordPress.

Skype Share Button

First thing you need to do is install and activate Skype share plugin (see our beginner’s guide on how to install a WordPress plugin).

Upon activation, go to Settings » Skype share button page to configure the plugin.

Skype share button settings page

The first option is to enable the share button. You must check this box to enable the Skype share button on your WordPress site.

Next, you need to choose a button size. Available sizes for the button are large share, small share, circle icon, and square icon.

Lastly, you need to choose the location of the button. You can either choose to show it on top of the article, below the article, or both.

Skype share can automatically detect the language of your WordPress site. But if it doesn’t, then you can manually select the language.

Don’t forget to click on the save changes button to store your settings.

That’s all, you can now visit your website to see the Skype Share button in action.

preview of Skype share button

Manually Add Skype Share in WordPress Template

If you want to manually add this in your theme files, then you can follow the manual code instructions below.

First add the following script in the head section of your file. You can either do this by directly editing your header.php file or do it the proper way of adding scripts by using Enqueue scripts.

  <script>  // Place this code in the head section of your HTML file   (function(r, d, s) {  	r.loadSkypeWebSdkAsync = r.loadSkypeWebSdkAsync || function(p) {  		var js, sjs = d.getElementsByTagName(s)[0];  		if (d.getElementById(p.id)) { return; }  		js = d.createElement(s);  		js.id = p.id;  		js.src = p.scriptToLoad;  		js.onload = p.callback  		sjs.parentNode.insertBefore(js, sjs);  	};  	var p = {  		scriptToLoad: 'https://swx.cdn.skype.com/shared/v/latest/skypewebsdk.js',  		id: 'skype_web_sdk'  	};  	r.loadSkypeWebSdkAsync(p);  })(window, document, 'script');  </script>  

After that add the following code in your single.php, loop.php, index.php, page.php, category.php, and archive.php as long as it is placed within the post loop.

  <div class='skype-share' data-href='<?php the_permalink(); ?>' data-lang='en-US' data-text='<?php the_title(); ?>' data-style='large' ></div>  

You can change the data-style to large, small, circle, or square.

You can also change the language to your desire language.

Basically, the code above will allow the user to share the individual post with the post title as the message.

We hope this article helped you add Skype share button on your WordPress site. You may also want to see our guide on how to how to add clickable phone numbers for smartphones in 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.

Seraphinite AcceleratorOptimized by Seraphinite Accelerator
Turns on site high speed to be attractive for people and search engines.