How to Add the Skype Share Button in WordPress

How to Add the Skype Share Button in WordPress

Do you want to add Skype share button and allow your visitors to share your post on Skype? I do not use this kind of share option, but people have asked me about this. So, I want to share a quick way to add a Skype share button in your WordPress blog. I will suggest you both a plugin way and a manual way. You can use any of these ways depending on your choice.

Skype Share button will allow your website visitors to share the content of your website directly in Skype chat. You can integrate this button in both desktop and mobile sites. If you think that Skype share button will help you in increasing the traffic of your WordPress website, you must integrate Skype share button in your website.

How to Add the Skype Share Button in WordPress

Add Skype share button with plugin

If you want to use the plugin, you can install and activate Skype share WordPress plugin in your blog.

Also read: How to install WordPress plugin

Once you have activated this plugin, you can go to Settings -> Skype share button page and do the configuration To enable the button, select the checkbox sharing “Enable share button”. You can also change the style and position of the button. Once you are done with changes, click on save button to save the changes.

Skype share button with plugin

Once you have saved the changes, Skype share button will appear in your posts.

How to Add the Skype Share Button in WordPress

Manually adding Skype Share button in WordPress

The Manual way is only for those who are developers and know how to edit WordPress themes. If you know how to do this, you can go with manual way.

First, you need to add the script in the header or footer section. I recommend the addition of scripts in the footer section. So, add this script in footer.php. You can see the original source of the button on Skype website.

<script>
(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 adding this code in the footer, you should now decide the place where you want to add the skype share button. Most probably, you will add this below the post title or after the post. Add this below code at the place where you want to add this share button. You should add this code in single.php after the heading or post content.

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

Save the changes and see the share button on your page.

If you like this article, do not forget to share it with friends. You can also like us on Facebook to get more updates.

Advertisement

Tags: | |

Deepanker Verma is the founder of Techlomedia. He is a tech blogger, developer and gadget freak.


Similar Articles

1 Comments

Leave a comment

Comment policy: We love comments and appreciate the time that readers spend to share ideas and give feedback. However, all comments are manually moderated and those deemed to be spam or solely promotional will be deleted.

2020 UseThisTip | Part of Techlomedia Internet Pvt Ltd Developed By Deepanker