Posted on by John Mathews

Easy Guide to Add the Skype Share Button in WordPress

In this tutorial, we will learn how to easily add a Skype share button in WordPress.

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.

// 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');

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='' data-lang='en-US' data-text='' data-style='large' >

 

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 tutorial helped you add Skype share button on your WordPress site.

Leave a Reply