How to Add the Skype Share Button in WordPress664

Author: InfoBeep - December 12, 2017 | subject to copyright

We all know that Skype is one of the most popular communication platform. Having a Skype share button in your website will help you to get more viewers to your site. So, if you are thinking to have Skype share button on your site, we have included two different steps below:

Using Plugin:

  • First of all, install and activate Skype share plugin.
  • Go to: Setting > Skype share button, you need to fill the Skype share button options as your requirement. Demo picture is shown below:

skype-share-button

  • Click Save Changes and you are done.

Using Code:

  • Paste the code below in head section of your file by editing header.php file
<img src="data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7" data-wp-preserve="%3Cscript%3E%0A%0A%2F%2F%20Place%20this%20code%20in%20the%20head%20section%20of%20your%20HTML%20file%0A%0A(function(r%2C%20d%2C%20s)%20%7B%0A%0A%C2%A0%C2%A0%C2%A0%C2%A0r.loadSkypeWebSdkAsync%20%3D%20r.loadSkypeWebSdkAsync%20%7C%7C%20function(p)%20%7B%0A%0A%C2%A0%C2%A0%C2%A0%C2%A0%C2%A0%C2%A0%C2%A0%C2%A0varjs%2C%20sjs%20%3D%20d.getElementsByTagName(s)%5B0%5D%3B%0A%0A%C2%A0%C2%A0%C2%A0%C2%A0%C2%A0%C2%A0%C2%A0%C2%A0if(d.getElementById(p.id))%20%7B%20return%3B%20%7D%0A%0A%C2%A0%C2%A0%C2%A0%C2%A0%C2%A0%C2%A0%C2%A0%C2%A0js%20%3D%20d.createElement(s)%3B%0A%0A%C2%A0%C2%A0%C2%A0%C2%A0%C2%A0%C2%A0%C2%A0%C2%A0js.id%20%3D%20p.id%3B%0A%0A%C2%A0%C2%A0%C2%A0%C2%A0%C2%A0%C2%A0%C2%A0%C2%A0js.src%20%3D%20p.scriptToLoad%3B%0A%0A%C2%A0%C2%A0%C2%A0%C2%A0%C2%A0%C2%A0%C2%A0%C2%A0js.onload%20%3D%20p.callback%0A%0A%C2%A0%C2%A0%C2%A0%C2%A0%C2%A0%C2%A0%C2%A0%C2%A0sjs.parentNode.insertBefore(js%2C%20sjs)%3B%0A%0A%C2%A0%C2%A0%C2%A0%C2%A0%7D%3B%0A%0A%C2%A0%C2%A0%C2%A0%C2%A0varp%20%3D%20%7B%0A%0A%C2%A0%C2%A0%C2%A0%C2%A0%C2%A0%C2%A0%C2%A0%C2%A0scriptToLoad%3A%20'https%3A%2F%2Fswx.cdn.skype.com%2Fshared%2Fv%2Flatest%2Fskypewebsdk.js'%2C%0A%0A%C2%A0%C2%A0%C2%A0%C2%A0%C2%A0%C2%A0%C2%A0%C2%A0id%3A%20'skype_web_sdk'%0A%0A%C2%A0%C2%A0%C2%A0%C2%A0%7D%3B%0A%0A%C2%A0%C2%A0%C2%A0%C2%A0r.loadSkypeWebSdkAsync(p)%3B%0A%0A%7D)(window%2C%20document%2C%20'script')%3B%0A%0A%3C%2Fscript%3E" data-mce-resize="false" data-mce-placeholder="1" class="mce-object" width="20" height="20" alt="<script>" title="<script>" />
  • Now add the code below in single.php, loop.php, index.php, page.php, category.php and archive.php file
<div class='skype-share'data-href='<?phpthe_permalink(); ?>'data-lang='en-US'data-text='<?phpthe_title(); ?>'data-style='large'></div>