How to Add Skype Share Button in WordPress- Ultimate Guide

How to Add Skype Share Button in WordPress- Ultimate Guide

Have you ever desired to know how to add the Skype Share Button in WordPress? Skype is the most popular communication apps all over the world.

Here, in this post, we are going to illustrate you how to add the Skype Share Button in WordPress?

The very first thing, you have to install the Skype Share plugin and then activate it. If you are beginners then read our guide on how to install a plugin in WordPress.

When the plugin is activated, then you have to go to Settings>>Skype share button page to configure the plugin.

Skype Share Button in WordPress
The very first option is to enable Share Button. You need to check this box to enable the Skype Share button on your WordPress site.

After that, you have to select a button size. The sizes available for the buttons are small stocks, large shares, square icons, and circle icons.

Finally, you have to select the position of the button. You can choose to show it at the top of the article, below the article or both.

However, Skype share can detect automatically the language of your WordPress site. But if this does not happen, you can manually choose the language.

Click the save changes button to save your settings.

That’s all!

Now you can go to your site to view the Skype share button in action.

Skype Share Button in WordPress
Manually Add Skype Share in WordPress Template

If you want to add it to your theme files manually, you can follow the manual code instructions as shown below.

The very first thing, add the following script to the head section of your file. However, either you can do this directly by editing your header.php file or you can do in the proper way of adding scripts using the 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>

Next, add the following code to your single php, loop.php, index.php, page.php, category.php, and archive.php until 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>

Thereafter, now you have to change the data-style to small, large, square, or circle. Also, you can change the language to your desired language.

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

CONCLUSION

Here, we have discussed How to Add the Skype Share Button in WordPress?

Often, we concluded how to manually add Skype Share in WordPress Template? Thus, we hope this blog will help you to add the Skype button.

However, If you have any problem with the same, then, let me know in the comments section. If you liked this post, please share it with your friends.

You can  Dial +1 844 897 0441 (Toll-Free) for any problem related to WordPress. Our WordPress Customer Support Service always ready to help you.

Read More:



Leave a Reply