Jump to content


Photo
Business Branding

Adding Skype Chat button next to social icons



Best Answer ellenmva , 15 May 2013 - 01:26 PM

Hi,

 

Using a hook is the best way to do this.  If you are a Plus Member, Hooker is a free plugin that will do the hook for you. Go to your Pagelines --> Dashboard --> Plus and install Hooker, then make sure to Activate it in your plugins.  Then look for the pagelines_branding_icons_end and add your code. You will need to use some css to position it the way you want.

 

If you aren't a plus member then either use the Pagelines Customize plugin (free) or create a child theme and in the functions.php file put this code:

 
add_action('pagelines_branding_icons_end', 'my_skype_button');
 
	function my_skype_button(){		
		?>
		<script type="text/javascript" src="http://cdn.dev.skype.com/uri/skype-uri.js"></script>
			<div id="SkypeButton_Chat_nickd.miratrix_1">
			  <script type="text/javascript">
			    Skype.ui({
			      "name": "chat",
			      "element": "SkypeButton_Chat_nickd.miratrix_1",
			      "participants": ["nickd.miratrix"],
			      "imageSize": 32
			    });
			  </script>
			</div>
		<?php 
	}

Hope that helps.

 

Ellen

Go to the full post


  • Please log in to reply
3 replies to this topic

#1 miratrix

miratrix

    Advanced Member

  • Members
  • 38 posts
  • Country: Country Flag

Posted 14 May 2013 - 07:30 AM

I'd like to add a skype chat button (code below) to my social buttons. I'm using the Business Branding plugin . Any ideas how i could add this? Or any other suggestions on how to get it on to the branding section without leaving huge amounts of white space?

 
<script type="text/javascript" src="http://cdn.dev.skype.com/uri/skype-uri.js"></script>
<div id="SkypeButton_Chat_nickd.miratrix_1">
  <script type="text/javascript">
    Skype.ui({
      "name": "chat",
      "element": "SkypeButton_Chat_nickd.miratrix_1",
      "participants": ["nickd.miratrix"],
      "imageSize": 32
    });
  </script>
</div>


#2 Danny

Danny

    Is Awesome!

  • Moderators
  • 17653 posts
  • LocationManchester, UK
  • Country: Country Flag

Posted 14 May 2013 - 07:38 AM

Hi,

 

Business Branding is a third party section, therefore I have moved your topic to our store forums, where the developer will reply to your topic. However, you will most likely need to use a hook to add your custom button.

 

For more information on hooks, please see our documentation - http://support.pagel...mization/hooks/



#3 ellenmva

ellenmva

    Advocate

  • Members

  • 344 posts
  • LocationMassachusetts
  • Country: Country Flag

Posted 15 May 2013 - 01:26 PM   Best Answer

Hi,

 

Using a hook is the best way to do this.  If you are a Plus Member, Hooker is a free plugin that will do the hook for you. Go to your Pagelines --> Dashboard --> Plus and install Hooker, then make sure to Activate it in your plugins.  Then look for the pagelines_branding_icons_end and add your code. You will need to use some css to position it the way you want.

 

If you aren't a plus member then either use the Pagelines Customize plugin (free) or create a child theme and in the functions.php file put this code:

 
add_action('pagelines_branding_icons_end', 'my_skype_button');
 
	function my_skype_button(){		
		?>
		<script type="text/javascript" src="http://cdn.dev.skype.com/uri/skype-uri.js"></script>
			<div id="SkypeButton_Chat_nickd.miratrix_1">
			  <script type="text/javascript">
			    Skype.ui({
			      "name": "chat",
			      "element": "SkypeButton_Chat_nickd.miratrix_1",
			      "participants": ["nickd.miratrix"],
			      "imageSize": 32
			    });
			  </script>
			</div>
		<?php 
	}

Hope that helps.

 

Ellen


  • Jenny likes this

#4 Jenny

Jenny

    Advocate

  • Unicorn Store Dev

  • 2924 posts
  • LocationWV
  • Country: Country Flag

Posted 15 May 2013 - 02:33 PM

If you consider this topic resolved, make sure you hit the "mark resolved" button. Otherwise let us know how we can help! :)







Also tagged with one or more of these keywords: Business Branding