How To Add Skype Share Button In WordPress?

Skype is one of the most preferred communications app in the whole world, that specializes in providing voice call services and video chat. Thus, many WordPress users want to know how to add the Skype share button in WordPress.

Let’s see, how to add a Skype button in WordPress.

First of all, you need to install and activate Skype share plugin.

Once the plugin gets activated, go to Settings, and click on the Skype share button.

Now, click on Settings to configure the plugin.

In order to permit the Skype share button, remember to tick the Enable share button option.

You can select a style for the Skype button from the options available in the drop-down menu :

• Large Share

• Small Share

• Circle Icon

• Square Icon

Select the location on an article, where you want to display the Skype share button from the options available for Show share button at :

• bottom of the article

• top of the article

• both bottom and top

Skype share can auto-detect the language of your WordPress website. In case it doesn’t, then select the preferred language manually through Share button language :

Click on Save Changes, to save all the settings.

After completion, you will get a message mentioning the Skype share button is functioning on your website.

How to manually add Skype share in WordPress template ?

To manually add Skype in your theme files, follow the below code instructions.

First, you need to add the following script in the head section of your file. To do this, you can either edit your header.php file or by properly adding scripts by using Enqueue scripts.

<script>

// Insert 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 this, add the following code to your single.php, loop.php, index.php, page.php, category.php and archive.php for the time 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>

If you want change the data-style from large to small, circle or square.

Also, you can use your desired language.

In short, the above code will allow a user t

One of the most popular communication apps worldwide, Skype focuses on offering video chat and audio call services. Consequently, a lot of WordPress users are curious about how to include the Skype share button in WordPress.

Let’s see, how to add a Skype button in WordPress.

First of all, you need to install and activate Skype share plugin.

Once the plugin gets activated, go to Settings, and click on the Skype share button.

Now, click on Settings to configure the plugin.

In order to permit the Skype share button, remember to tick the Enable share button option.

You can select a style for the Skype button from the options available in the drop-down menu :

• Large Share

• Small Share

• Circle Icon

• Square Icon

Select the location on an article, where you want to display the Skype share button from the options available for Show share button at :

• bottom of the article

• top of the article

• both bottom and top

Skype share can auto-detect the language of your WordPress website. In case it doesn’t, then select the preferred language manually through Share button language :

Click on Save Changes, to save all the settings.

After completion, you will get a message mentioning the Skype share button is functioning on your website.

How to manually add Skype share in WordPress template ?

To manually add Skype in your theme files, follow the below code instructions.

First, you need to add the following script in the head section of your file. To do this, you can either edit your header.php file or by properly adding scripts by using Enqueue scripts.

<script>

// Insert 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 this, add the following code to your single.php, loop.php, index.php, page.php, category.php and archive.php for the time 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>

If you want change the data-style from large to small, circle or square.

Also, you can use your desired language.

To put it briefly, the code shown above enables a user to share a single post by using the post title as the message.

Also Read

How to Fix Image Links after a WordPress Migration?

How to Block DirectAdmin Commands for Users?

How To Add Skype Share Button In WordPress?